site

HTML

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>


        <link rel="stylesheet" href="assets/css/style.css">
        <link href="https://fonts.googleapis.com/css2?family=Anton&family=Open+Sans:wght@400;700;800&display=swap" rel="stylesheet">
    </head>


    <body>
        <header>
            <div class="header">
                <div class="header__block1">
                    <img src="assets/images/gamburger.png" alt="">
                </div>
                <div class="header__block2">
                    <img src="assets/images/success.png" alt="">
                    <p class="header__block2__text1">improve</p>
                </div>
                <div class="header__block3">
                    <p class="header__block3__text2">+38 (068) 323-32-33</p>
                </div>
            </div>
        </header>
        <div class="main">
            <div class="main__crug1">
                <img src="assets/images/crug1.png" alt="">
            </div>

            <div class="block1">
                <div class="block1__slide">

                    <div class="block1__slide__box1">
                        <p class="block1__slide__box1__text1">
                            Создание сайтов<br>за 7 дней
                        </p>
                        <p class="block1__slide__box1__text2">
                            Закажи свой сайт<br>прямо сейчас!
                        </p>
                        <div class="block1__slide__box1__btn">
                            <a href="#" class="block1__btn001">заказать сайт</a>
                        </div>
                    </div>

                    <div class="block1__slide__box2">
                        <img src="assets/images/333444.png" alt="">
                    </div>

                </div>
            </div>
            <div class="block2">
               <div class="block2_slide">
                   
               </div>
              ...

CSS

body{
    margin: 0 auto;
    padding: 0 auto;

    font-size: 15px;
    line-height: 1.6;
    color: #333;
}

*,
*:before,
*:after{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Header */

header{
    width: 100%;
    position: absolute;

    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.header{
    width: 100%;
    max-width: 1920px;
    height: 60px;
    margin: 0 auto;

    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0px 195px 0px 250px;
}

.header__block2{
    display: flex;
    align-items: center;
}

.header__block2__text1{
    font-family: 'Anton', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 35px;

    color: #000000;
}

.header__block3__text2{
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;

    color: #000000;
    -webkit-background-size: cover;
    background-size: cover;
}

/* Main */

.main{
    width: 100%;
}

.main__crug1{
    width: 1920px;
    position:absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;

    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}


/* Block 1 */

.block1{
    display: block;
    width: 100%;
    height: 100vh;
    background: #E973F2 no-repeat center;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
    -webkit-background-size: cover;
    background-size: cover;
}

.block1__slide{
    max-width: 1920px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    padding: 0px 0px 0px 100px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 1;
}

.block1__slide__box1__text1{
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 64px;
    line-height: 70px;

   ...