dilyara1322

travel.html

Nov 27th, 2020
789
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Путешествуй просто</title>
  7.     <link rel="stylesheet" href="style/style.css">
  8. </head>
  9. <body>
  10.    
  11. <!-- Шапка -->
  12. <header>
  13.     <div class="container">
  14.         <div class="logo">
  15.             <img src="../sm7/img/vk.png" alt="">
  16.         </div>
  17.         <a class="burger" href="#menu">
  18.             <div></div>
  19.             <div></div>
  20.             <div></div>
  21.         </a>
  22.         <nav class="menu" id="menu">
  23.             <ul class="menu_list">
  24.                 <li><a href="#tours">Туры</a></li>
  25.                 <li><a href="#consults">Консультанты</a></li>
  26.                 <li><a href="#preim">Преимущества</a></li>
  27.                 <li><a href="#otzyvi">Отзывы</a></li>
  28.                 <li><a href="#podbor">Подбери тур!</a></li>
  29.             </ul>
  30.         </nav>
  31.         <div class="call">
  32.             <h4>8-823-122-45-23</h4>
  33.             <button>Заказать звонок</button>
  34.         </div>
  35.  
  36.     </div>
  37. </header>
  38.  
  39. <!-- Блок со слоганом -->
  40. <section class="slogan" id="slogan">
  41.     <div class="container">
  42.         <div class="slogan_text">Наша компания создана для Вашего комфорта. Мы сделали выбор и покупку тура максимально удобным для Вас. В нашем поиске можно найти путешествия от 80-ти туроператоров. Оплата туров происходит через защищенные порталы Сбербанка. Если Вам понадобится помощь специалиста в подборе тура, наши менеджеры всегда, с радостью, подберут путешествие по Вашим запросам и будут с Вами на связи на протяжении всего отдыха. Покупая тур в нашей компании, Вы не платите никаких дополнительных комиссий и сборов, Вы бронируете тур по цене туроператора.</div>
  43.         <a class="slogan_btn" href="#podbor">Подобрать тур</a>
  44.     </div>
  45. </section>
  46.  
  47. <!-- Особенности горящих туров -->
  48. <section class="specifices">
  49.     <div class="container">
  50.         <div class="preim">
  51.             <h2 class="preim_text">Преимущества горящих туров</h2>
  52.             <div class="preim_content">
  53.                 <div class="preim_item">
  54.                     <h2 class="preim_item_header">Низкая цена</h2>
  55.                     <h4 class="preim_item_text">Не все туристы имеют возможность заранее спланировать поездку. Иногда решение об отпуске принимается спонтанно, и времени на подготовку путешествия попросту не остается. К тому же, в последний момент практически невозможно подыскать авиабилеты в нужном направлении по скидке и выгодные условия проживания в отелях. В этом случае единственным разумным вариантом остается горящий тур, который позволяет не просто отдохнуть по адекватной цене, но и сэкономить до половины от первоначальной стоимости путевки.</h4>
  56.                 </div>
  57.                 <div class="preim_item">
  58.                     <h2 class="preim_item_header">Возможность отправиться в поездку немедленно</h2>
  59.                     <h4 class="preim_item_text">Между покупкой турпакета и непосредственным путешествием проходит совсем мало времени. Таким образом, туристу не приходится томиться в ожидании поездки, а можно наслаждаться отдыхом и новыми впечатлениями практически сразу.</h4>
  60.                 </div>
  61.             </div>
  62.         </div>
  63.         <div class="nedost">
  64.             <div class="nedost_content">
  65.                 <div class="nedost_item">
  66.                     <h2 class="nedost_item_header">
  67.                         Необходимость подготовиться к путешествию очень быстро
  68.                     </h2>
  69.                     <h4 class="nedost_item_text">
  70.                         В некоторых случаях на сборы остается всего несколько часов.
  71.                     </h4>
  72.                 </div>
  73.                 <div class="nedost_item">
  74.                     <h2 class="nedost_item_header">
  75.                         Необходимость подготовиться к путешествию очень быстро
  76.                     </h2>
  77.                     <h4 class="nedost_item_text">
  78.                         В некоторых случаях на сборы остается всего несколько часов.
  79.                     </h4>
  80.                 </div>
  81.                 <div class="nedost_item">
  82.                     <h2 class="nedost_item_header">
  83.                         Необходимость подготовиться к путешествию очень быстро
  84.                     </h2>
  85.                     <h4 class="nedost_item_text">
  86.                         В некоторых случаях на сборы остается всего несколько часов.
  87.                     </h4>
  88.                 </div>
  89.                 <div class="nedost_item">
  90.                     <h2 class="nedost_item_header">
  91.                         Необходимость подготовиться к путешествию очень быстро
  92.                     </h2>
  93.                     <h4 class="nedost_item_text">
  94.                         В некоторых случаях на сборы остается всего несколько часов.
  95.                     </h4>
  96.                 </div>
  97.             </div>
  98.             <h2 class="nedost_text">Недостатки горящих туров</h2>
  99.         </div>
  100.     </div>
  101. </section>
  102.  
  103. <!-- Туры -->
  104. <section class="tours" id="tours">
  105.     <div class="container">
  106.         <input type="radio" name="tours_filter" id="tf1">
  107.         <input type="radio" name="tours_filter" id="tf2">
  108.         <input type="radio" name="tours_filter" id="tf3">
  109.         <input type="radio" name="tours_filter" id="tf4">
  110.         <input type="radio" name="tours_filter" id="tf5">
  111.  
  112.         <div class="tours_items russia_tours">
  113.             <div class="tour">
  114.                 <img src="../sm10/Media/Content/Туры/По России/Адлер.jpg" alt="" class="tour_img">
  115.                 <div class="tour_text">
  116.                     <h4 class="tour_name">Нянчанг</h4>
  117.                     <h4 class="tour_price">32 600 руб.</h4>
  118.                     <h4 class="tour_dir">Вьетнам</h4>
  119.                 </div>
  120.             </div>
  121.             <div class="tour">
  122.                 <img src="../sm10/Media/Content/Туры/Вьетнам/Нянчанг.jpg" alt="" class="tour_img">
  123.                 <div class="tour_text">
  124.                     <h4 class="tour_name">Нянчанг</h4>
  125.                     <h4 class="tour_price">32 600 руб.</h4>
  126.                     <h4 class="tour_dir">Вьетнам</h4>
  127.                 </div>
  128.             </div>
  129.             <div class="tour">
  130.                 <img src="../sm10/Media/Content/Туры/Вьетнам/Нянчанг.jpg" alt="" class="tour_img">
  131.                 <div class="tour_text">
  132.                     <h4 class="tour_name">Нянчанг</h4>
  133.                     <h4 class="tour_price">32 600 руб.</h4>
  134.                     <h4 class="tour_dir">Вьетнам</h4>
  135.                 </div>
  136.             </div>
  137.         </div>
  138.         <div class="tours_items indonezia_tours">
  139.             <div class="tour">
  140.                 <img src="../sm10/Media/Content/Туры/Индонезия/Бали.jpg" alt="" class="tour_img">
  141.                 <div class="tour_text">
  142.                     <h4 class="tour_name">Нянчанг</h4>
  143.                     <h4 class="tour_price">32 600 руб.</h4>
  144.                     <h4 class="tour_dir">Вьетнам</h4>
  145.                 </div>
  146.             </div>
  147.             <div class="tour">
  148.                 <img src="../sm10/Media/Content/Туры/Вьетнам/Нянчанг.jpg" alt="" class="tour_img">
  149.                 <div class="tour_text">
  150.                     <h4 class="tour_name">Нянчанг</h4>
  151.                     <h4 class="tour_price">32 600 руб.</h4>
  152.                     <h4 class="tour_dir">Вьетнам</h4>
  153.                 </div>
  154.             </div>
  155.             <div class="tour">
  156.                 <img src="../sm10/Media/Content/Туры/Вьетнам/Нянчанг.jpg" alt="" class="tour_img">
  157.                 <div class="tour_text">
  158.                     <h4 class="tour_name">Нянчанг</h4>
  159.                     <h4 class="tour_price">32 600 руб.</h4>
  160.                     <h4 class="tour_dir">Вьетнам</h4>
  161.                 </div>
  162.             </div>
  163.         </div>
  164.         <div class="tours_items china_tours">
  165.             <div class="tour">
  166.                 <img src="../sm10/Media/Content/Туры/Китай/о.Хайнань 2.jpg" alt="" class="tour_img">
  167.                 <div class="tour_text">
  168.                     <h4 class="tour_name">Нянчанг</h4>
  169.                     <h4 class="tour_price">32 600 руб.</h4>
  170.                     <h4 class="tour_dir">Вьетнам</h4>
  171.                 </div>
  172.             </div>
  173.             <div class="tour">
  174.                 <img src="../sm10/Media/Content/Туры/Вьетнам/Нянчанг.jpg" alt="" class="tour_img">
  175.                 <div class="tour_text">
  176.                     <h4 class="tour_name">Нянчанг</h4>
  177.                     <h4 class="tour_price">32 600 руб.</h4>
  178.                     <h4 class="tour_dir">Вьетнам</h4>
  179.                 </div>
  180.             </div>
  181.             <div class="tour">
  182.                 <img src="../sm10/Media/Content/Туры/Вьетнам/Нянчанг.jpg" alt="" class="tour_img">
  183.                 <div class="tour_text">
  184.                     <h4 class="tour_name">Нянчанг</h4>
  185.                     <h4 class="tour_price">32 600 руб.</h4>
  186.                     <h4 class="tour_dir">Вьетнам</h4>
  187.                 </div>
  188.             </div>
  189.         </div>
  190.         <div class="tours_items vietnam_tours">
  191.             <div class="tour">
  192.                 <img src="../sm10/Media/Content/Туры/Вьетнам/Нянчанг.jpg" alt="" class="tour_img">
  193.                 <div class="tour_text">
  194.                     <h4 class="tour_name">Нянчанг</h4>
  195.                     <h4 class="tour_price">32 600 руб.</h4>
  196.                     <h4 class="tour_dir">Вьетнам</h4>
  197.                 </div>
  198.             </div>
  199.             <div class="tour">
  200.                 <img src="../sm10/Media/Content/Туры/Вьетнам/Нянчанг.jpg" alt="" class="tour_img">
  201.                 <div class="tour_text">
  202.                     <h4 class="tour_name">Нянчанг</h4>
  203.                     <h4 class="tour_price">32 600 руб.</h4>
  204.                     <h4 class="tour_dir">Вьетнам</h4>
  205.                 </div>
  206.             </div>
  207.             <div class="tour">
  208.                 <img src="../sm10/Media/Content/Туры/Вьетнам/Нянчанг.jpg" alt="" class="tour_img">
  209.                 <div class="tour_text">
  210.                     <h4 class="tour_name">Нянчанг</h4>
  211.                     <h4 class="tour_price">32 600 руб.</h4>
  212.                     <h4 class="tour_dir">Вьетнам</h4>
  213.                 </div>
  214.             </div>
  215.         </div>
  216.  
  217.         <section class="filter">
  218.            
  219.             <label for="tf1">Всё</label>
  220.             <label for="tf2">По России</label>
  221.             <label for="tf3">Индонезия</label>
  222.             <label for="tf4">Китай</label>
  223.             <label for="tf5">Вьетнам</label>
  224.         </section>
  225.  
  226.     </div>
  227. </section>
  228.  
  229. <!-- Консультанты -->
  230. <section class="consults" id="consults">
  231.  
  232. </section>
  233.  
  234. <!-- Преимущества компании -->
  235. <section class="preim" id="preim"></section>
  236.  
  237. <!-- Отзывы -->
  238. <section class="otzyvi" id="otzyvi">
  239.     <div class="container">
  240.         <input type="radio" name="otz" id="o1">
  241.         <input type="radio" name="otz" id="o2">
  242.         <input type="radio" name="otz" id="o3">
  243.         <input type="radio" name="otz" id="o4">
  244.         <div class="otz_labels">
  245.             <label class="otzl" for="o1"></label>
  246.             <label class="otzl" for="o2"></label>
  247.             <label class="otzl" for="o3"></label>
  248.             <label class="otzl" for="o4"></label>
  249.         </div>
  250.         <div class="slider">
  251.             <div class="otzyv">
  252.                 <h2 class="otzyv_name">Надежда</h2>
  253.                 <h4 class="otzyv_date">11.11.2019</h4>
  254.                 <h4 class="otzyv_text">Отдыхали в Тайланде с 15.10.19г.от данной турфирмы . Отдых получился отличный, с погодой угадали, без дождей. Хочется от души поблагодарить менеджера Бельскую Ольгу Сергеевну за подбор тура, выбранного отеля Амбасадор Океан Винг, за приятное общение. Дай вам Бог здоровья, класных клиентов , счастья и любви. Будем вас рекомендовать друзьям ,родным и знакомым. СПАСИБО!!!!
  255.                 </h4>
  256.             </div>
  257.             <div class="otzyv">
  258.                 <h2 class="otzyv_name">Галина</h2>
  259.                 <h4 class="otzyv_date">09.11.2019</h4>
  260.                 <h4 class="otzyv_text">Благодарны очень за организацию тура в Таиланд менеджеру Наталье Миндюк. Информацию предоставила в полном объеме, доброжелательная, активная, оперативно были выполнены все наши пожелания, никаких неприятных сюрпризов не произошло. Спасибо, Наталья!
  261.                 </h4>
  262.             </div>
  263.             <div class="otzyv">
  264.                 <h2 class="otzyv_name">Екатерина </h2>
  265.                 <h4 class="otzyv_date">09.11.2019</h4>
  266.                 <h4 class="otzyv_text">Добрый день)))Хочу выразить огромную благодарность Наталье Дмитриевой!!!Наташенька,спасибо огромное за наш прекрасный отпуск!!!Спасибо за выбор страны и отеля!!!Мы довольны)))
  267.                 </h4>
  268.             </div>
  269.             <div class="otzyv">
  270.                 <h2 class="otzyv_name">Татьяна </h2>
  271.                 <h4 class="otzyv_date">09.11.2019</h4>
  272.                 <h4 class="otzyv_text">С 16 по 27 октября отдыхали в Таиланде, Паттайе, отеле "Амбассадор Сити". Выражаю огромную благодарность менеджеру Ольге Бельской за удачно подобранный тур: удобное время вылета, превосходный отель, чудесный пляж, прекрасные погодные условия - всё это способствовало отличному отдыху, замечательному настроению, незабываемым впечатлениям. Желаю успехов и процветания! От всей души БЛАГОДАРЮ!</h4>
  273.             </div>
  274.         </div>
  275.     </div>
  276. </section>
  277.  
  278. <!-- Подбор -->
  279. <section class="podbor" id="podbor">
  280.  
  281. </section>
  282.  
  283. <!-- Кнопка вверх -->
  284. <a class="up_btn" href="#slogan">начало</a>
  285.  
  286. </body>
  287. </html>
RAW Paste Data