index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Journal</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>

    <div class="container">
        <nav class="navbar">
            <div class="navbar-left">
                <div class="logo"><img src="assets/logo.png" alt=""></div>
            </div>
            <div class="navbar-right">

                <div class="auth-buttons">
                    <button class="Pricing-btn">Pricing</button>
                    <button class="About-btn">About</button>
                    <button class="login-btn">Log in</button>
                    <a href="signUp.html" class="signup-btn" style="text-decoration: none;">Sign up</a>
                </div>
                
            </div>
        </nav>
        <div class="hero-section">
            <div class="hero-content">
                <h1>Explore Endless Possibilities</h1>
                <h2>Design with Us</h2>
                <p>Stay updated on our latest offerings, promotions, and tips for maximizing your journaling experience. Drop your email below to join our community and receive exclusive updates directly in your inbox!</p>
                <div class="email-mailus">
                    <input type="email" placeholder="Enter your email address">
                    <button class="email-mail-btn">Mail Us</button>
                </div>
            </div>
            <img src="assets/character.png" alt="Character" class="character-image">
        </div>

        <!-- Client -->

        <div class="clients">
            <h1>Our Clients</h1>
            <p>We have been working with some Fortune 500+ clients</p>
        </div>

        
         <!-- Footer -->


        <footer>

            <div>
                
            </div>

        </footer>
        
    </div>
</body>
</html>