одностичный сайтик на тему авибилеты

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><linkrel="stylesheet"href="styles.css"><title>Продажа авиабилетов</title></head><body><header><h1>Путешествуй по всему миру с нами!</h1><nav><ul><li><ahref="index.html">Главная</a></li><li><ahref="login.html">Вход</a></li><li><ahref="register.html">Регистрация</a></li></ul></nav></header><main><sectionid="search"><h2>Найдите лучшие авиабилеты</h2><formid="flight-search-form"><inputtype="text"id="origin"placeholder="Откуда"><inputtype="text"id="destination"placeholder="Куда"><inputtype="date"id="departure-date"><inputtype="date"id="return-date"><buttontype="submit">Поиск билетов</button></form></section><sectionid="results"><h2>Популярные направления</h2><divid="flights-list"><divclass="ticket"><h3>Москва - Париж</h3><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Билет 1"><p>Дата вылета: 25 мая 2024</p><p>Цена: $400</p><button>Купить билет</button></div><divclass="ticket"><h3>Дубай - Нью-Йорк</h3><imgsrc="3e20de6e972be118ed2321df657cadcf.jpg"alt="Билет 2"><p>Дата вылета: 10 июня 2024</p><p>Цена: $800</p><button>Купить билет</button></div></div></section></main><footer><divclass="footer-content"><p>© 2024 Продажа авиабилетов. Все права защищены.</p><ulclass="footer-links"><li><ahref="#">Домой</a></li><li><ahref="#">О нас</a></li><li><ahref="#">Контакты</a></li></ul></div></footer><scriptsrc="script.js"></script></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><linkrel="stylesheet"href="styles.css"><title>Вход</title></head><body><h2>Форма входа</h2><formaction="login.php"method="post"><labelfor="username">Имя пользователя:</label><inputtype="text"id="username"name="username"required><labelfor="password">Пароль:</label><inputtype="password"id="password"name="password"required><buttontype="submit">Войти</button></form><scriptsrc="script.js"></script></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width, initial-scale=1.0"><linkrel="stylesheet"href="styles.css"><title>Регистрация</title></head><body><h2>Форма регистрации</h2><formaction="register.php"method="post"><labelfor="fullname">Полное имя:</label><inputtype="text"id="fullname"name="fullname"required><labelfor="email">Email:</label><inputtype="email"id="email"name="email"required><labelfor="username">Имя пользователя:</label><inputtype="text"id="username"name="username"required><labelfor="password">Пароль:</label><inputtype="password"id="password"name="password"required><buttontype="submit">Зарегистрироваться</button></form><scriptsrc="script.js"></script></body></html>

body {font-family: Arial, sans-serif;margin: 0;padding: 0; }header {background-color: #4CAF50;color: white;padding: 1em0;text-align: center; }navul {list-style: none;padding: 0; }navulli {display: inline;margin: 010px; }main {padding: 20px; }footer {background-color: #333;color: white;text-align: center;padding: 1em0;position: absolute;bottom: 0;width: 100%; }#search, #results {margin-bottom: 20px; }input, button {padding: 10px;margin: 5px;border: 1pxsolid#ccc;border-radius: 5px; }/* Добавляем стили для результатов поиска */.ticket {background-color: #f9f9f9;border: 1pxsolid#ddd;border-radius: 5px;padding: 10px;margin-bottom: 10px; }.ticketh3 {margin-top: 0; }.ticketp {margin: 5px0; }.ticketbutton {background-color: #4CAF50;color: white;border: none;padding: 5px10px;border-radius: 3px;cursor: pointer; }.ticketbutton:hover {background-color: #45a049; }body {font-family: 'Roboto', sans-serif;margin: 0;padding: 0;background-color: #f8f8f8; }header {background-color: #333;color: white;padding: 1em0;text-align: center; }h1 {margin: 0; }main {padding: 20px; }#search, #results {background-color: #fff;border-radius: 5px;padding: 20px;margin-bottom: 20px; }input {padding: 10px;margin: 5px;border: 1pxsolid#ccc;border-radius: 5px; }button {background-color: #4CAF50;color: white;border: none;padding: 10px20px;border-radius: 5px;cursor: pointer; }button:hover {background-color: #45a049; }.ticket {background-color: #fff;border: 1pxsolid#ddd;border-radius: 5px;padding: 10px;margin-bottom: 10px; }.footer-content {display: flex;justify-content: space-between;align-items: center; }.footer-links {list-style: none;padding: 0;margin: 0; }.footer-linksli {display: inline;margin: 010px; }.footer-linksa {color: #666;text-decoration: none; }/* Добавляем стили для изображений в билетах */.ticketimg {width: 100%;max-height: 200px;object-fit: cover;border-radius: 5px;margin-bottom: 10px;} /* Стили для подвала */footer {background-color: #333;color: white;text-align: center;padding: 20px0;}.footer-content {display: flex;justify-content: center;align-items: center;}.footer-contentp {margin: 0;}.footer-links {list-style: none;padding: 0;margin: 10px0;}.footer-linksli {display: inline;margin: 015px;}.footer-linksa {color: white;text-decoration: none;}.footer-linksa:hover {text-decoration: underline;}/* Стили для шапки */header {background-color: #333;color: white;padding: 15px0;text-align: center;}h1 {margin: 0;}navul {list-style: none;padding: 0;margin: 0;}navulli {display: inline;}navullia {color: white;text-decoration: none;padding: 10px15px;display: inline-block;}navullia:hover {background-color: #555;}nav {margin-top: 10px;}

0
Комментарии
-3 комментариев
Раскрывать всегда