<!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;
}
header nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
header nav li {
margin-right: 20px;
color: #fff;
}
header nav a {
color: inherit; / Спадкованість кольору лінків /
text-decoration: none;
}
.book-form {
max-width: 600px;
margin: 50px auto;
text-align: center;
}
.book-form label, .book-form input, .book-form select {
display: block;
width: 100%;
padding: 10px;
margin: 10px auto;
}
.book-form input[type=“submit”] {
background-color: #4CAF50;
color: white;
cursor: pointer;
border: none;
border-radius: 5px;
}
/ Додати інші стилі за потреби /
</style>
</head>
<body>
<header>
<div><a href=“index.html”><img src=“your-logo.png” alt=“Логотип”></a></div>
<nav>
<ul>
<li><a href=”#about">Про нас</a></li>
<li><a href=“#book-tour”>Оформити тур</a></li>
</ul>
</nav>
</header>

<main>
<h1 style=“text-align: center;”>Замовлення</h1>
<form class=“book-form” action=“path_to_your_server_script” method=“post”>
<label for=“fullName”>ПІБ</label>
<input type=“text” id=“fullName” name=“fullName” required>

<label for=“phone”>Телефон</label>
<input type=“tel” id=“phone” name=“phone” required>

<label for=“email”>Email*</label>
<input type=“email” id=“email” name=“email” required>

<label for=“departureDate”>Дата відправлення</label>
<input type=“date” id=“departureDate” name=“departureDate”>

<label for=“returnDate”>Дата К</label>
<input type=“date” id=“returnDate” name=“returnDate”>

<label for=“departureCity”>Місто відправки</label>
<input type=“text” id=“departureCity” name=“departureCity”>

<label>Діти</label>
<select name=“children”>
<option value=“no”>Ні</option>
<option value=“yes”>Так</option>
</select>

<label>Харчування</label>
<select name=“food”>
<option value=“no”>Ні</option>
<option value=“yes”>Так</option>
</select>

<label for=“countries”>Країни</label>
<input type=“text” id=“countries” name=“countries” placeholder=“Країни”>

<label for=“travelType”>Вид подорожі</label>
<input type=“text” id=“travelType” name=“travelType” placeholder=“Вид подорожі”>

<label for=“hostel”>Хостел</label>
<input type=“text” id=“hostel” name=“hostel” placeholder=“Хостел”>

<label for=“transport”>Транспорт</label>
<input type=“text” id=“transport” name=“transport” placeholder=“Транспорт”>

<input type=“submit” value=“Підтвердити”>
</form>
</main>

<footer>
<!-- Вміст футера -->
</footer>

</body>
</html>
у мене є бд mysql з такими таблицями:
Вид тур( id_Вид, Вид тура);

Країни( id_Країни, Країни);

Хостел( id_Хостел, Назва, Адрес, рейтинг);

Транспорт(id_Транспорт, транспорт);



Тури( id_Тур, Тур, Дата відправлення, Дата К, Місто відправлення, Діти, Харчування, Країни(Зовнішний ключ), Вид тура(Зовнішний ключ), Хостел(Зовнішний ключ),Транспорт(Зовнішний ключ));

Договір(id_Договір,№Договір, Вартість, Тури(Зовнішний ключ), Статус, Оператор(Зовнішний ключ), Клієнт(Зовнішний ключ));

Клієнти(id_Клієнт, ПІБ,Контактні дані);

Оператор(id_Оператор, Класифікація, Контактні дані, Досвід);

Замовлення(id_Замовлення,Дата,Договір(Зовнішний ключ), Статус);


Їхні зв'язки:

Вид тур один до багатьох Тури;
Країни один до багатьох Тури;
Хостел один до багатьох Тури;
Транспорт один до багатьох Тури;
Знижки один до багатьох Тури;
Клієнти один до багатьох Договір;
Оператор один до багатьох Договір;
Тури один до багатьох Договір;
Договір один до багатьох Замовлення;