css/index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./scss/style.scss">
    <link rel="stylesheet" href="./css/fonts.css">
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/style.css">

    <title>Logobly</title>
</head>

<body>
    <div class="header">
        <div class="container header__container">
            <div class="header__image">
                <img src="./image/Logo.svg" alt="">
            </div>

            <div class="nav">
                <ul class="nav-list">
                    <li class="nav-item"><a href="#">Home</a></li>
                    <li class="nav-item"><a href="#">Services</a><img src="./image/header-icon.svg" width="10"
                            height="10" alt="hero icon"></li>
                    <li class="nav-item"><a href="#">Team</a></li>
                    <li class="nav-item"><a href="#">Contact</a></li>
                    <li class="nav-item"><a href="#">Survey</a></li>
                </ul>
            </div>


            <div class="button">
                <img src="./image/header-shoping.svg" width="35" height="35" alt="hero-shoping icon">
                <img src="./image/header-button.svg" width="24" height="24" alt="header-button  icon">
                <a class="click" href="#">Login</a>
            </div>
        </div>
    </div>


    <div class="hero ">
        <div class="container hero__container">
            <img class="img1" src="./image/hero-iamge.svg" alt="">
            <div class="hero__luctus">
                <h1 class="luctus__title">An excellent application for your contemporary lifestyle</h1>
                <p class="luctus__description">Suspendisse potenti. In eget augue egestas, gravida libero eu, luctus
                    ipsum. Aliquam non pulvinar ex</p>

                <div class="button">
                    <img src="./image/hero-button.svg" width="24" height="24" alt="hero-button icon">
                    <a class="click" href="#">Download the app now</a>
                </div>
            </div>
            <img class="img2" src="./image/hero-iamge2.svg" alt="">
        </div>
        <div class="block"></div>
        <div class="block2">
            <img src="./image/hero-bottom_img.png" alt="">
        </div>
</body>

</html>