22 - python & all web labs

labWeb/kt_3/booking.html

@@ -0,0 +1,94 @@
+<!doctype html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Вокруг Света | Заявка</title>
+  <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+  <header class="site-header">
+    <div class="container header-inner">
+      <a class="logo" href="index.html">Вокруг Света</a>
+      <button id="burger" class="burger" aria-label="Меню">☰</button>
+      <nav id="siteNav" class="site-nav">
+        <ul>
+          <li><a href="index.html">Главная</a></li>
+          <li><a href="news.html">Новости</a></li>
+          <li><a href="cards.html">Направления</a></li>
+          <li><a href="tours.html">Расписание</a></li>
+          <li><a class="active" href="booking.html">Заявка</a></li>
+          <li><a href="contacts.html">Контакты</a></li>
+        </ul>
+      </nav>
+    </div>
+  </header>
+
+  <main class="container">
+    <h1>Форма заявки на тур</h1>
+    <p>Заполните заявку, и менеджер свяжется с вами для уточнения деталей и подбора оптимального варианта поездки.</p>
+    <div class="card">
+      <form id="bookingForm">
+        <div>
+          <label for="firstName">Имя</label>
+          <input id="firstName" name="firstName" required>
+        </div>
+        <div>
+          <label for="lastName">Фамилия</label>
+          <input id="lastName" name="lastName" required>
+        </div>
+        <div>
+          <label for="email">Email</label>
+          <input id="email" type="email" name="email" required>
+        </div>
+        <div>
+          <label for="phone">Телефон</label>
+          <input id="phone" name="phone" required>
+        </div>
+        <div>
+          <label for="city">Город вылета</label>
+          <input id="city" name="city" required>
+        </div>
+        <div>
+          <label for="direction">Направление</label>
+          <select id="direction" name="direction">
+            <option>Турция</option>
+            <option>Италия</option>
+            <option>Норвегия</option>
+            <option>Исландия</option>
+          </select>
+        </div>
+        <div>
+          <label for="startDate">Дата начала</label>
+          <input id="startDate" type="date" name="startDate">
+        </div>
+        <div>
+          <label for="endDate">Дата окончания</label>
+          <input id="endDate" type="date" name="endDate">
+        </div>
+        <div>
+          <label for="people">Количество человек</label>
+          <input id="people" type="number" min="1" name="people">
+        </div>
+        <div>
+          <label for="budget">Бюджет (руб.)</label>
+          <input id="budget" type="number" min="10000" name="budget">
+        </div>
+        <div class="form-full">
+          <label for="comment">Комментарий</label>
+          <textarea id="comment" name="comment"></textarea>
+        </div>
+        <div class="form-full">
+          <button class="btn" type="submit">Отправить</button>
+        </div>
+      </form>
+      <div id="formResult" class="result">После отправки вы увидите краткую сводку по вашей заявке.</div>
+    </div>
+  </main>
+
+  <footer class="site-footer">
+    <div class="container">ООО "Вокруг Света" | Москва, ул. Примерная, 10 | +7 (900) 123-45-67 | info@tour-example.ru</div>
+  </footer>
+  <script src="script.js"></script>
+</body>
+</html>