index.html

<!DOCTYPE html>
<html lang="en">
<head> <!-- ===( CODE AASHU )=== -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CODE AASHU | 3D landing page</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
   <header>
    <div class="logo">
        <img src="img/logo.png" alt="">
    </div>
    <div class="nav">
        <ul>
            <li>home</li>
            <li>products</li>
            <li>support</li>
            <li>about</li>
            <li>quote</li>
        </ul>
    </div>
   </header>
   <div class="hero-section">
    <div class="content">
        <h1>a massive library of free 3d <span>shapes</span></h1>
        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem quia voluptatibus distinctio voluptatum totam nulla?</p>

        <div class="input-field">
            <input type="email" placeholder="Your email address">
            <button>Download</button>
        </div>

        <div class="icons">
            <div class="icon">
                <img src="img/icons/behance.png" alt="">
            </div>
            <div class="icon">
                <img src="img/icons/facebook.png" alt="">
            </div>
            <div class="icon">
                <img src="img/icons/globe.png" alt="">
            </div>
            <div class="icon">
                <img src="img/icons/instagram.png" alt="">
            </div>
            <div class="icon">
                <img src="img/icons/twitter.png" alt="">
            </div>
        </div>
    </div>
    <div class="hero-img">
        <img src="img/Group.png" alt="">
    </div>
   </div>
</body>
</html>