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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Назва вашої туристичної компанії</title>
    <style>
        body {
            margin: 0;
            font-family: Arial, sans-serif;
        }

        header {
            background-color: #66CDAA;
            padding: 15px;
            color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        nav {
            display: flex;

        }

        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
        }

        nav li {
            margin-right: 20px;
            color: #933;
        }
      

        section.hero {
            height: 500px;
            width: 100%;
            background-image: url('https://wide-w.com/wp-content/uploads/2019/01/gora-jeverest.jpg');
            background-size: cover;
            background-position: center;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            text-align: center;
        }

        section {
            padding: 20px;
        }

        section#about {
            border: 2px solid #333;
            background-color: #00FA9A;
            padding: 20px;
            margin: 20px 0;
            overflow: hidden;
        }

        section#about img {
            float: left;
            margin-right: 20px;
            max-width: 300px;
        }

        section#about p {
            margin: 0 0 20px 0;
        }

        section#best-tour {
            text-align: center;
        }

        section#best-tour h2 {
            margin-bottom: 20px;
        }

        section#best-tour .feature {
            display: inline-block;
            margin: 0 20px 20px 0;
            border: 10px solid #F0E68C;
            padding: 10px;
            width: calc((100% - 60px) / 3);
            box-sizing: border-box;
        }

        section#best-tour img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin-bottom: 10px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

       

        section#route-example {
         
          
            text-align: center;
          background-color: 	#FFF8DC;
        }

        section#route-example .route-block {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 40px;
          border: 2px solid 	#DCDCDC; /* Товщина та колір рамки */
    padding: 10px; /* Внутрішній відступ між текстом і рамкою */
    margin-bottom: 10px; /* Зовнішній відступ між блоками */
        }

        section#route-example .route-block img{
           width: 500px;
            height: 400px;
      }
        section#route-example .route-block p {
          
            width: 48%; /* Ширина блоків */
            margin: 0 2%; /* Відступи між блоками */
            box-sizing: border-box;
        }

        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 10px;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
       section#accommodation {
            text-align: center;
            background-color: #F0FFFF;
        }

        /* Залиште решту стилів без змін */
        section#accommodation .hotel-block {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            margin-bottom: 40px;
            border: 2px solid #DCDCDC;
            padding: 10px;
            margin-bottom: 10px;
        }

        /* Залиште решту стилів без змін */
        section#accommodation .hotel-block img {
            width: 400px;
            height: 300px;
        }

        /* Залиште решту стилів без змін */
        section#accommodation .hotel-block p {
            width: 70%;
            margin: 20px 0;
            box-sizing: border-box;
        }
    </style>
</head>

<body>

    <header>
        <div>
            <img src="your-logo.png" alt="Логотип">
        </div>
        <nav>
            <ul>
                <li><a href="#about">Про нас</a></li>
                <li><a href="#book">Оформити тур</a></li>
            </ul>
        </nav>
    </header>

    <section class="hero">
        <h1>Ласкаво просимо в нашу туристичну компанію<br>
            Тур від агентства "хххххххх".</h1>
    </section>

    <section id="about">
        <img src="https://seo-evolution.com.ua/imgfly/public/Ej5uSGigkkhfGF9Sq2yBC9xGtsPNaiiNQ7uy0W4i.jpg?h=600" alt="Про нас">
        <p>
            <h1>Фантастична подорож для вас!</h1><br>
        </p>
        <p>Чому б не відсвяткувати свою наступну літню відпустку в Європі! Відвідайте замки, парки, пляжі під час цього чудового туру... У старій Європі є безліч меморіалів і музеїв з античною архітектурою. Долина Луари відома на весь світ своїми замками,
            Рим – автентичною архітектурою, а Амальфі чудово підходить для пляжного відпочинку.</p>

        <p>Південь Франції та більша частина сусідньої Італії є майданчиками для захоплення. Це зони, які здавна активізували почуття розкоші та поблажливості. Тепер у вас є чудова нагода випробувати все на собі.</p>
    </section>

    <section id="best-tour">
        <h2>Чому наш тур найкращий?</h2>
        <div class="feature">
            <img src="feature1.jpg" alt="Особливість 1">
            <h2>
                <p>Наша увага зосереджена на вас</p>
            </h2>
            <p>Наші г

іди та водії з радістю зустрінуть Вас,
                детально дадуть відповідь на всі запитання та поділяться з Вами своїми знаннями.</p>
        </div>
        <div class="feature">
            <img src="feature2.jpg" alt="Особливість 2">
            <h2>
                <p>Розстеліться і розслабтеся</p>
            </h2>
            <p>Відвідайте наші розкішні пляжі, розтягніться на шезлонгах і насолодіться незабутніми враженнями!</p>
        </div>
        <div class="feature">
            <img src="feature3.jpg" alt="Особливість 3">
            <h2>
                <p>Швидкі реєстрації</p>
            </h2>
            <p>Процес заселення та виїзду в кожному готелі тепер більш швидкий і приємний. Реєстрація займає кілька хвилин.</p>
        </div>
        <div class="feature">
            <img src="feature4.jpg" alt="Особливість 4">
            <h2>
                <p>Особистий досвід крупним планом</p>
            </h2>
            <p>Дослідіть кожну пам'ятку уважно та особисто. У вас буде достатньо часу, щоб задати питання про те, що вас цікавить.</p>
        </div>
        <div class="feature">
            <img src="feature5.jpg" alt="Особливість 5">
            <h2>
                <p>Цінуйте кожну мить</p>
            </h2>
            <p>
                Цінуйте кожну мить
                Насолоджуйтесь кожною миттю відпустки! Скуштуйте автентичну французьку кухню та робіть фотографії, де б ви не були, щоб зберегти свої спогади.</p>
        </div>
        <div class="feature">
            <img src="feature6.jpg" alt="Особливість 6">
            <h2>
                <p>Розслаблюючий темп</p>
            </h2>
            <p>Досліджуйте Європу у своєму власному темпі. Зрештою,
                особливо нікому не подобається бути частиною стада
                у вашій довгоочікуваній відпустці.</p>
        </div>
    </section>

   

    <section id="route-example">
      <h2>Приклад маршруту</h2>
        <div class="route-block">
            <img src="https://res2.weblium.site/res/weblium/58d4b086c50d470001caaea8_optimized_1560.jpeg.webp" alt="Маршрут 1">
          <p><b>Прибуття в Париж, Франція</b><Br>

Після прибуття в аеропорт Парижа вас зустріне наш водій і відвезе до одного з наших готелів з
              найвищим рейтингом. 
              Не забувайте, що ваш виліт буде з Ніцци. Реєстрація та отримання квитка на автобус.</p>
        </div>
        <div class="route-block">
            <p><b>Від Парижа до долини Луари</b><Br>

Цього дня ви здійсните екскурсію 3 найпопулярнішими замками, розташованими в долині Луари. 
              Королівський замок Шамбор є найбільш вражаючим, масивним і відвідуваним.</p>
            <img src="https://res2.weblium.site/res/5cefbc481583c10023c7be47/5cfe420deb3a7e0023924973_optimized_1560.webp" alt="Маршрут 2">
        </div>
        <div class="route-block">
            <img src="https://res2.weblium.site/res/weblium/58d4b091c50d470001caaeaa_optimized_1560.jpeg.webp" alt="Маршрут 3">
            <p><b>Рим і узбережжя Амальфі</b><Br>

Італія – це архітектура, історія, чудова кухня та вражаючі пляжі. Ми подорожуватимемо через Рим і
              Венецію до узбережжя Амальфі з 
              чудовими можливостями для прийняття сонячних ванн і купання в найчистішому
              Середземному морі.</p>
        </div>
    </section>
  <section id="accommodation">
    <h2>Розміщення</h2>

    <div class="hotel-block">
        <img src="https://res2.weblium.site/res/5cefbc481583c10023c7be47/5cf11a925a3fa20023e79474_optimized_1396.webp" alt="Розміщення 1">
        <p><b>Готель "Елегантний"</b><br>
            Зручне та комфортабельне розміщення в центрі міста. Неймовірний вид з вікна, вишуканий сервіс та
            найкращі умови для вашого відпочинку.</p>
    </div>

    <div class="hotel-block">
        <img src="https://res2.weblium.site/res/5cefbc481583c10023c7be47/5cf11b425a3fa20023e79480_optimized_1398_c1398x929-0x0.webp" alt="Розміщення 2">
        <p><b>Спа-готель "Оазис релаксу"</b><br>
            Відмінний вибір для тих, хто цінує спокій та розкіш. Затишні номери, великий спа-центр та
            висококласний сервіс.</p>
    </div>

    <div class="hotel-block">
        <img src="https://res2.weblium.site/res/5cefbc481583c10023c7be47/5cf11bbf5a3fa20023e79560_optimized_1395_c1395x930-0x0.webp" alt="Розміщення 3">
        <p><b>Апартаменти "Затишні куточки"</b><br>
            Власний простір та повна автономія. Затишні апартаменти з кухнею та усіма зручностями для вашого
            комфорту.</p>
    </div>
</section>


    <section id="book">
        <h2>Оформити тур</h2>
        <!-- Тут можна додати форму або інше відображення для оформлення туру -->
    </section>

    <footer>
        <p>&copy; 2023 Назва вашої туристичної компанії. Усі права захищені.</p>
    </footer>



</body>

</html>У розділі id="book" створено кнопку "Оформити тур", щоб перенести її на нову сторінку