klmnvan
/
LavenderWebSite


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736
							<!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="./styles/null.css" />
    <link rel="stylesheet" href="./styles/style.css" />
    <title>Lavender</title>
    <script src="scriptMain.js" defer></script>
  </head>

  <body>
    <div class="content-container">
      <header class="header-container">
          <span class="txt-logo"><a href="index.html" style="text-decoration: none; color: #ffffff;" class="link">
            LAVENDER
          </a></span>

        <ul class="ul-header">
          <!-- <li><span>Все подарки</span></li> -->
          <li>
            <a href="#scr2" style="text-decoration: none" class="link">
              Почему мы
            </a>
          </li>
          <li>
            <a href="#scr3" style="text-decoration: none" class="link">
              Наши букеты</a
            >
          </li>
          <li>
            <a href="#scr4" style="text-decoration: none" class="link">
              Доставка</a
            >
          </li>
          <li>
            <a href="#scr5" style="text-decoration: none" class="link">
              Контакты</a
            >
          </li>
          <li>
            <a href="order.html" style="text-decoration: none" class="link">
              Заказать букет</a
            >
          </li>
        </ul>

        <div class="phone-conainer">
          <span style="margin-right: 20px; font-size: 1.3vw"
            >8-800-548 47 85</span
          >
          <button class="btn-light-purple-border">
            <span>
              <a href="#scr5" style="color: #ffffff; text-decoration: none">
                Заказать звонок
              </a>
            </span>
          </button>
        </div>
      </header>

      <div class="content-main" style="max-height: 100%">
        <div class="info">
          <span>
            <h1 class="heading">Цветы в любую точку Росии к празднику</h1>
          </span>

          <h2>
            Цветы - наша любовь, наше вдохновение и наша забота о вас! Мы будем
            рады радовать вас приятными ценами, гибкими условиями доставки и
            современными авторскими цветочными композициями
          </h2>

          <button class="btn-purple">
            <span
              ><a
                href="order.html"
                style="color: #ffffff; text-decoration: none"
                >Купить букет</a
              ></span
            >
          </button>

          <h3>Юр. адрес: Г. Новосибирск, ул. Ипподромская, д.42</h3>
        </div>

        <div class="img-main-middle-div">
          <img src="src/img-middle-main.png" alt="" class="image-main-middle" />
        </div>

        <div class="img-main-end-div">
          <svg
            class="image-main-end"
            width="11"
            height="314"
            viewBox="0 0 11 314"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <rect
              x="0.5"
              y="299.5"
              width="10"
              height="14"
              rx="5"
              stroke="#2C1039"
            />
            <path
              d="M6 302C6 301.724 5.77614 301.5 5.5 301.5C5.22386 301.5 5 301.724 5 302H6ZM5 302V305H6V302H5Z"
              fill="#2C1039"
            />
            <line
              x1="5.25"
              y1="1.09278e-08"
              x2="5.24999"
              y2="306"
              stroke="url(#paint0_linear_49_224)"
              stroke-width="0.5"
            />
            <defs>
              <linearGradient
                id="paint0_linear_49_224"
                x1="4.9993"
                y1="-154.5"
                x2="5.0014"
                y2="306"
                gradientUnits="userSpaceOnUse"
              >
                <stop stop-color="#2C1039" />
                <stop offset="1" stop-opacity="0" />
              </linearGradient>
            </defs>
          </svg>
        </div>

        <!-- <img src="src/scroll.svg" alt="" class="image-main-end" /> -->
      </div>
    </div>

    <!-- Экран 2. Что мы предлагаем -->
    <a name="scr2"></a>
    <div
      class="content-container"
      style="background-image: url(src/backgr2.svg); max-width: 100wh"
    >
      <!-- заголовки -->
      <div
        class="content-second"
        style="justify-content: space-around; margin: 3% 5% 0% 5%"
      >
        <span>
          <h1 class="tittle-seconadry">Что мы предлагаем?</h1>
        </span>

        <ul style="display: flex; flex-direction: row">
          <li class="li-row-second" style="margin-left: 40px">
            <span class="white-text-tittle">Современная доставка</span>
            <span class="white-text-desc">
              Скоро праздник? Доставим букет с точностью до минуты в нужный день
              вашим близким!</span
            >
          </li>

          <li class="li-row-second">
            <span class="white-text-tittle">Присутствие в каждом городе</span>
            <span class="white-text-desc">
              Мы собрали курьеров по всей точкам России от
              Петропавловска-Камчатского до Мурманска</span
            >
          </li>

          <li class="li-row-second">
            <span class="white-text-tittle">Цветы на любой вкус</span>
            <span class="white-text-desc">
              Делаем букеты не только из роз – есть и лаванда, пионы, полевые
              цветы</span
            >
          </li>
        </ul>
      </div>

      <!-- блоки цветов -->
      <div class="div-second-content" style="margin: 0 5%; margin-top: 4%">
        <div
          class="block1"
          style="background-color: #6a5975; align-content: space-evenly"
        >
          <span
            class="white-text-tittle"
            style="font-size: 1wv; line-height: 1.5"
            >Доставку цветов по Всей России!</span
          >

          <span
            class="white-text-desc"
            style="
              margin-top: 10%;
              text-justify: end;
              line-height: 1.5;
              font-size: 1vw;
            "
            >Сегодня не все имеют возможность поздравить своих мам, девушек,
            сестёр с этим праздником лично - кто-то на работе, кто-то живет в
            другом городе. Мы собрали курьеров во всех городах России, чтобы вы
            могли порадовать своих близких!</span
          >

          <span
            class="white-text-desc"
            style="
              margin-top: 10%;
              line-height: 1.5;
              text-justify: end;
              font-size: 1vw;
            "
            >14 февраля? 8 марта? Закажите у нас доставку цветов и курьер
            доставит букет без опозданий.</span
          >

          <span
            class="white-text-desc"
            style="
              margin-top: auto;
              text-justify: end;
              font-size: 1vw;
              text-decoration: overline;
            "
            >Посмотрите, как мы работаем →</span
          >
        </div>

        <div class="block1" style="display: flex; padding: 0%">
          <img
            src="src/pink_flower.png"
            alt=""
            style="height: 100%; width: 100%; object-fit: cover"
          />
        </div>

        <div class="block1" style="background-color: #5a4c61; padding: 0%">
          <span
            class="white-text-desc"
            style="font-size: 1.4vw; line-height: 1.5; padding: 5%"
            >Цветы, которые не завянут через неделю</span
          >

          <img
            src="src/tulpan_flower.png"
            alt=""
            style="
              height: 70%;
              width: 100%;
              object-fit: cover;
              align-self: flex-end;
              margin-top: auto;
            "
          />
        </div>

        <div
          class="block1"
          style="
            background-color: #c6b8c0;
            align-content: end;
            padding: 0%;
            flex: 1;
          "
        >
          <img
            src="src/purple_flower.jpg"
            style="
              height: 100%;
              width: 100%;
              object-fit: cover;
              align-self: flex-end;
              margin-top: auto;
            "
            alt=""
          />
        </div>
      </div>
    </div>

    <!-- Экран 3. Наши букеты -->
    <a name="scr3"></a>
    <div
      class="content-container"
      style="display: flex; flex-direction: row; background-color: #e1dad3"
    >
      <!-- Первая половина -->
      <div style="flex: 0.35; margin: 5% 6%">
        <h1 class="heading" style="font-size: 3.5vw">
          Выберите свой <br />идеальный букет
        </h1>

        <ul class="ul-3screen">
          <li>Авторские букеты</li>
          <li>Большие букеты</li>
          <li>Маленькие букеты</li>
          <li>14 февраля</li>
          <li>Монобукеты</li>
          <li>8 марта</li>
          <li>День рождения</li>
          <li>Букеты по скидке</li>
        </ul>

        <div class="text-tittle-3screen" style="margin-top: 10%">
          Не нашли подходящий?
        </div>

        <div class="text-desc-3screen">
          Приложите фотографию своего букета и мы <br />
          посчитаем стоимость сбора и доставки
        </div>

        <button class="btn-purple-border" style="margin-top: 5%">
          <a href="order.html" style="color: #481b68; text-decoration: none"
            >Заказать свой букет</a
          >
        </button>
      </div>

      <!-- Вторая половина -->
      <div
        style="
          background-color: #e1dad3;
          flex: 0.65;
          display: flex;
          align-items: center;
        "
      >
        <!-- Блоки цветов -->
        <div
          style="
            display: flex;
            flex-direction: column;
            width: 100%;
            margin: 0 5%;
          "
        >
          <!-- 1 строка -->
          <div style="display: flex; flex-direction: row; align-items: center">
            <div class="row1-screen3">
              <div class="text-desc-3screen text-row-screen3">
                Дизайнерский букет "Весенняя ночь"
              </div>

              <img src="src/1букет.png" alt="" class="img-row-screen3" />

              <div
                class="text-desc-3screen text-row-screen3"
                style="font-weight: 700; font-size: 1vw; margin: auto 0 5% 0"
              >
                2100 ₽
              </div>

              <div
                class="btn-purple"
                style="margin: 0 0 5% 0; width: 8vw; padding: 0.7vw 0.3vw"
              >
                <a
                  href="order.html"
                  style="color: white; text-decoration: none; font-size: 1vw"
                  >Заказать</a
                >
              </div>
            </div>

            <div class="row1-screen3">
              <div class="text-desc-3screen text-row-screen3">
                30 роз в шляпной коробке с бантом
              </div>

              <img src="src/2букет.png" alt="" class="img-row-screen3" />

              <div
                class="text-desc-3screen text-row-screen3"
                style="font-weight: 700; font-size: 1vw; margin: auto 0 5% 0"
              >
                1500 ₽
              </div>

              <div
                class="btn-purple"
                style="margin: 0 0 5% 0; width: 8vw; padding: 0.7vw 0.3vw"
              >
                <a
                  href="order.html"
                  style="color: white; text-decoration: none; font-size: 1vw"
                  >Заказать</a
                >
              </div>
            </div>

            <div class="row1-screen3">
              <div class="text-desc-3screen text-row-screen3">
                Букет из сухоцветов "Лаванда"
              </div>

              <img src="src/4букет.png" alt="" class="img-row-screen3" style="width: 100%;"/>

              <div
                class="text-desc-3screen text-row-screen3"
                style="font-weight: 700; font-size: 1vw; margin: auto 0 5% 0"
              >
                700 ₽
              </div>

              <div
                class="btn-purple"
                style="margin: 0 0 5% 0; width: 8vw; padding: 0.7vw 0.3vw"
              >
                <a
                  href="order.html"
                  style="color: white; text-decoration: none; font-size: 1vw"
                  >Заказать</a
                >
              </div>
            </div>
          </div>

          <!-- 2 строка -->
          <div style="display: flex; flex-direction: row; margin: 2% 0">
            <div class="row2-screen3" style="flex: calc(2.02 / 3)">
              <div
                style="display: flex; flex-direction: row; flex: 1; width: 100%"
              >
                <div class="row2-screen3-col1">
                  <div
                    class="text-desc-3screen text-row-screen3"
                    style="margin: 0; text-align: left"
                  >
                    Дизайнерский букет "Магия нежности"
                  </div>

                  <div class="row2-screen3-col1-text-desc">
                    Букет собран из роз 50 см - 15 шт, альстромерии - 7 шт,
                    буплерума - 3 шт.
                  </div>

                  <div
                    style="
                      display: flex;
                      flex-direction: row;
                      margin-top: 15%;
                      align-items: center;
                    "
                  >
                    <div
                      class="btn-purple"
                      style="margin: 0 0 5% 0; width: 8vw; padding: 0.7vw 0.3vw"
                    >
                      <a
                        href="order.html"
                        style="
                          color: white;
                          text-decoration: none;
                          font-size: 1vw;
                        "
                        >Заказать</a
                      >
                    </div>

                    <div
                      class="text-desc-3screen text-row-screen3"
                      style="
                        font-weight: 700;
                        font-size: 1vw;
                        margin: 0 0 5% 5%;
                      "
                    >
                      3700 ₽
                    </div>
                  </div>
                </div>

                <div class="row2-screen3-col2">
                  <img src="src/5букет.png" alt="" class="img-row-screen3" style="width: 100%;"/>
                </div>
              </div>
            </div>

            <div class="row2-screen3" style="flex: calc(0.98 / 3)">
              <div class="text-desc-3screen text-row-screen3">
                <b>Акция! </b>Букеты с пионами со скидкой 30%
              </div>

              <img
                src="src/6букет.png"
                alt=""
                class="img-row-screen3"
                style="height: 73%; width: 90%"
              />
            </div>
          </div>
        </div>
      </div>
    </div>

    <!-- Экран 4. Карта -->
    <a name="scr4"></a>
    <div class="content-container" style="display: flex; flex-direction: row; background-color: #39313c">

      <div style="margin: 3% 10%">
        <div style="display: flex">
          <span style="flex: calc(5 / 10)">
            <h1 class="tittle-seconadry" style="font-size: 3vw">
              Карта нашей доставки
            </h1>
          </span>

          <span class="white-text-desc" style="flex: calc(5 / 10); line-height: 1.5">
            Где бы вы ни были - букет доставим! Мы сотрудничаем с курьерскими
            службами по всей России - просто выберите город и узнайте
            подробности доставки
          </span>
          
        </div>

        <div style="display: flex; justify-content: center; align-items: center">

          <img src="src/Карта России.png" alt="" style="height: 80vh; width: auto; margin: 0 auto;" usemap="#primary">

          <!-- горизонталь, вертикаль, радиус -->
          <map name="primary" >
            <area shape="circle" coords="150, 200, 30" href="https://yandex.ru/maps/geo/pskov/53149462/?ll=28.352472%2C57.814823&source=serp_navig&z=13.6"/>
            <area shape="circle" coords="320, 270, 30" href="https://yandex.ru/maps/geo/arkhangelsk/53149343/?ll=40.546054%2C64.562729&source=serp_navig&z=10.22"/>
            <area shape="circle" coords="110, 430, 30" href="https://yandex.ru/maps/geo/tambov/53057123/?ll=41.400827%2C52.744147&source=serp_navig&z=11.84"/>
            <area shape="circle" coords="460, 410, 30" href="https://yandex.ru/maps/geo/khanty_mansiysk/53166400/?ll=69.173161%2C61.018278&source=serp_navig&z=11.11"/>
            <area shape="circle" coords="500, 530, 30" href="https://yandex.ru/maps/geo/omsk/53117982/?ll=73.378924%2C55.122774&source=serp_navig&z=9"/>
            <area shape="circle" coords="600, 590, 30" href="https://yandex.ru/maps/geo/kemerovo/53117902/?ll=86.086088%2C55.397158&source=serp_navig&z=10.82"/>
            <area shape="circle" coords="800, 590, 30" href="https://yandex.ru/maps/geo/ust_kut/53109532/?ll=105.783964%2C56.801740&source=serp_navig&z=11.67"/>
            <area shape="circle" coords="750, 390, 30" href="https://yandex.ru/maps/geo/norilsk/53110867/?ll=88.080232%2C69.408366&source=serp_navig&z=10.72"/>
            <area shape="circle" coords="1000, 370, 30" href="https://yandex.ru/maps/geo/posyolok_gorodskogo_tipa_sangar/53066787/?ll=127.484409%2C63.933599&source=serp_navig&z=12.92"/>
            <area shape="circle" coords="1200, 140, 30" href="https://yandex.ru/maps/geo/anadyr/53064280/?ll=177.476118%2C64.729505&source=serp_navig&z=13.46"/>
            <area shape="circle" coords="1010, 570, 30" href="https://yandex.ru/maps/geo/tynda/53064034/?ll=124.747822%2C55.140350&source=serp_navig&z=12.7"/>
          </map>
          
        </div>
      </div>
    </div>

    <!-- Экран 5. Контакты -->
    <a name="scr5"></a>
    <div class="content-container" style="background-color: #e1dad3">

      <div style="margin: 8% 6%; display: flex; flex-direction: row; ">

            <!-- Первая половина -->
      <div style="flex: 0.3">
        <h1 class="heading" style="font-size: 3.5vw">
          Контакты и связь с нами
        </h1>

        <div class="text-desc-4screen" style="margin-top: 10%;">
          Колл-центр работает с 9:00 до 20:00.
        </div>

        <div class="text-desc-4screen">
          Заказы принимаются каждый день, без выходных.
        </div>

        <div class="text-desc-4screen" style="margin-top: 10%;">
          Если у вас остались вопросы, оставьте свои данные для связи и мы вам перезвоним!
        </div>

        <form id="callMe">

          <div style="margin-top: 0%;">
            <input id="name" class="inpt1 some-input" type="text" placeholder="Ваше имя" />
          </div>
  
          <div style="margin-top: 3%;">
            <input id="phone" class="inpt1 some-input" type="text" placeholder="Телефон" />
          </div>
          
        </form>

        <div style="display: flex; margin-top: 10%;">

          <button id="submitButton" class="btn-purple" style="width: 8vw; flex: calc(4/10); margin: 0;">
            Позвоните мне
          </button>

          <div class="row2-screen3-col1-text-desc" style="flex: calc(6/10); margin: 0 0 0 5%;">
            Нажимая на кнопку вы соглашаетесь с Политикой конфиденциальности.
          </div>

        </div>

      </div>

      <!-- Вторая половина -->
      <div style="background-color: #e1dad3; flex: 0.7; display: flex; align-items: center;">

        <div style="background-color: #c6b8c0; width: 100%; height: 80%; margin-left: 8%; display: flex;">
          
          <!-- Первая часть -->
          <div style="flex: calc(6/10); display: flex; margin: 3% 0 3% 3%;">

            <div style="width: 50%;">

              <div class="screen4-email">
                <?xml version="1.0" encoding="utf-8"?>
                <svg width="8%" height="8%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 5%;">
                  <path d="M4 7.00005L10.2 11.65C11.2667 12.45 12.7333 12.45 13.8 11.65L20 7" stroke="#2C1039" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                  <rect x="3" y="5" width="18" height="14" rx="2" stroke="#2C1039" stroke-width="2" stroke-linecap="round"/>
</svg>
                flowershop@yandex.ru
              </div>

              <div class="screen4-phone">
                <svg width="8%" height="8%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 5%;">
                  <path d="M3 5.5C3 14.0604 9.93959 21 18.5 21C18.8862 21 19.2691 20.9859 19.6483 20.9581C20.0834 20.9262 20.3009 20.9103 20.499 20.7963C20.663 20.7019 20.8185 20.5345 20.9007 20.364C21 20.1582 21 19.9181 21 19.438V16.6207C21 16.2169 21 16.015 20.9335 15.842C20.8749 15.6891 20.7795 15.553 20.6559 15.4456C20.516 15.324 20.3262 15.255 19.9468 15.117L16.74 13.9509C16.2985 13.7904 16.0777 13.7101 15.8683 13.7237C15.6836 13.7357 15.5059 13.7988 15.3549 13.9058C15.1837 14.0271 15.0629 14.2285 14.8212 14.6314L14 16C11.3501 14.7999 9.2019 12.6489 8 10L9.36863 9.17882C9.77145 8.93713 9.97286 8.81628 10.0942 8.64506C10.2012 8.49408 10.2643 8.31637 10.2763 8.1317C10.2899 7.92227 10.2096 7.70153 10.0491 7.26005L8.88299 4.05321C8.745 3.67376 8.67601 3.48403 8.55442 3.3441C8.44701 3.22049 8.31089 3.12515 8.15802 3.06645C7.98496 3 7.78308 3 7.37932 3H4.56201C4.08188 3 3.84181 3 3.63598 3.09925C3.4655 3.18146 3.29814 3.33701 3.2037 3.50103C3.08968 3.69907 3.07375 3.91662 3.04189 4.35173C3.01413 4.73086 3 5.11378 3 5.5Z" stroke="#2C1039" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                8 800 548 47 85
              </div>

              <div class="screen4-location">
                <?xml version="1.0" encoding="utf-8"?>
                <svg width="12%" height="12%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 5%;">
                  <path d="M12 21C15.5 17.4 19 14.1764 19 10.2C19 6.22355 15.866 3 12 3C8.13401 3 5 6.22355 5 10.2C5 14.1764 8.5 17.4 12 21Z" stroke="#2C1039" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                  <path d="M12 13C13.6569 13 15 11.6569 15 10C15 8.34315 13.6569 7 12 7C10.3431 7 9 8.34315 9 10C9 11.6569 10.3431 13 12 13Z" stroke="#2C1039" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </svg>
                Юр.адрес: г. Новосибирск, ул. Ипподромская, д.42
              </div>

              <div class="row2-screen3-col1-text-desc" style="margin: auto 0 5% 0; margin-top: 25%;">
                К любому букету в подарок фирменная открытка с вашим текстом, средство по уходу за срезанными цветами и удобная коробка переноска. 
              </div>

              <div class="row2-screen3-col1-text-desc" style="margin: 10% 0 5% 0;">
                По вашему желанию можем сделать фото в момент вручения.
              </div>

            </div>

            <div style="position: relative; width: 50%; float: right; object-fit: contain;">
              <img src="src/4букет.png" alt="" style="position: absolute; bottom: 0; right: 0; width: 100%; width: 100%;" />
            </div>

          </div>

          <!-- Вторая часть -->
          <div style="flex: calc(4/10); background-color: #481b68;">
            <img src="src/pink_flower.png" alt="" style = "height: 100%; width: 100%;" />
          </div>

        </div>

      </div>

      </div>

    </div>

     <!-- Экран 6. Подвал -->
     <a name="scr6"></a>
     <div class="content-container" style="display: flex; flex-direction: row; background-color: #39313c; height: 25vh;">

      <div style="margin: 3% 3% 5% 3%; width: 100vw;">

        <div style="display: flex; justify-content: space-around;">

          <div style="display: flex; flex-direction: column;">
            
            <div class="text-desc-4screen" style="color: #e1dad3;">
              Мы принимаем к оплате:
            </div>

            <div style="display: flex; margin-top: 3%; width: 10vw; height: 10vh; margin: 5% 0;">

              <img src="src/icon-podval1.svg" alt="За стеклом" style="height: 25%; margin: 0 3%;">

              <img src="src/icon-podval2.svg" alt="За стеклом" style="height: 25%; margin: 0 3%;">

              <img src="src/icon-podval3.svg" alt="За стеклом" style="height: 25%; margin: 0 3%;">

            </div>

          </div>

          <div style="display: flex; flex-direction: column; ">

            <a href="index.html" style="text-decoration: none; margin-top: 15%; color: #e1dad3; font-size: 1vw;" class="link txt-logo">
              LAVENDER
            </a>

            <a href="order.html" class="text-desc-4screen" style="text-decoration: none; margin-top: 10%; color: #e1dad3; text-align: center; font-size: 0.8vw;">
              Заказать букет
            </a>

            <a href="#scr4" class="text-desc-4screen" style="text-decoration: none; margin-top: 10%; color: #e1dad3; text-align: center; font-size: 0.8vw;">
              Доставка
            </a>

          </div>

          <div style="display: flex; flex-direction: column; text-align: center; ">
            
            <div class="text-desc-4screen" style="color: #e1dad3;">
              Следи за нами в соц-сетях:
            </div>

            <div style="display: flex; margin-top: 5%;">

              <div>
                <a href="https://vk.com/feed">
                  <img src="src/icon-podval4.svg" alt="За стеклом" style="height: 3vh; ">
                </a>
              </div>

              <div>
                <a href="https://en.wikipedia.org/wiki/Instagram">
                  <img src="src/icon-podval5.svg" alt="За стеклом" style="height: 3vh; margin: 0 0 0 40%;">
                </a>
              </div>

              <div>
                <a href="https://web.telegram.org/">
                  <img src="src/icon-podval6.svg" alt="За стеклом" style="height: 3vh; margin: 0 0 0 70%;">
                </a>
              </div>

            </div>

          </div>

        </div>

      </div>

     </div>

  </body>
</html>