index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mobile App Landing Page</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- Header -->
    <header>
        <nav class="nav">
            <div class="container navbar">
                <div>
                    <img src="/images/Auto Layout Horizontal.png" alt="">
                </div>
                <ul class="ul">
                    <li>Company</li>
                    <li>Services</li>
                    <li>Resources</li>
                    <li class="btn-primary">Contact</li>
                </ul>
            </div>
        </nav>
        <div class="hero">
            <div class="container hero-content">
                <h1>Attract <br> New Leads <br> like never <br> before</h1>
                <p>Risus commodo id odio turpis pharetra elementum. Pulvinar porta
                    porta feugiat scelerisque in elit. Morbi rhoncus, tellus, eros</p>
                <div>
                    <input type="text" name="" id="">
                    <button>ATTRACT</button>
                </div>
            </div>
        </div>
    </header>
    <!-- Main -->
    <main>
        <!-- Companies -->
        <section>
            <h1>Companies</h1>
        </section>
        <!-- Features -->
        <section>
            <h1>We Offer</h1>
        </section>
        <!-- About Us -->
        <section>
            <h1>Why Choose Us</h1>
        </section>
        <!-- Works -->
        <section>
            <h1>Some pieces of our work</h1>
        </section>
        <!-- Testimonials -->
        <section>
            <h1>Testimonials</h1>
        </section>
        <!-- CTA -->
        <section>
            <h1>CTA</h1>
        </section>
        <!-- Footer -->
        <footer>
            <h1>Footer</h1>
        </footer>
    </main>
</body>
</html>