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

/* Reset default margin and padding for typography */body, h1, h2, h3, p, ul {margin: 0;padding: 0;font-family: Arial, sans-serif;line-height: 1.6;}/* Global container styles */.container {max-width: 1200px;margin: 0auto;padding: 20px;}/* Header styles */header {background-color: #333;color: white;padding: 15px0;text-align: center;}headerh1 {margin: 0;font-size: 2em;}.header-buttonsbutton {margin: 010px;padding: 10px20px;background-color: #007BFF; /* Blue background */color: white;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;}.header-buttonsbutton:hover {background-color: #0056b3; /* Darker blue on hover */}/* Featured card styles */.featured-section {display: flex;flex-wrap: wrap;justify-content: space-around;margin-bottom: 20px;}.featured-card, .house-card {width: 45%;padding: 10px;border: 1pxsolid#ccc;border-radius: 5px;margin-bottom: 20px;text-align: center;box-shadow: 02px4pxrgba(0, 0, 0, 0.1);}.featured-cardimg, .house-cardimg {width: 100%;height: auto;border-radius: 5px;}.featured-cardbutton, .house-cardbutton {padding: 10px20px;background-color: #FFC107; /* Yellow background */color: #333;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;}.featured-cardbutton:hover, .house-cardbutton:hover {background-color: #FFD42A; /* Lighter yellow on hover */}/* Footer styles */footer {background-color: #333;color: white;padding: 20px0;text-align: center;}.footer-content {display: flex;justify-content: space-around;}.footer-section {width: 30%;}.footer-sectionh3 {margin-bottom: 10px;}ul {list-style: none;}a {color: white;text-decoration: none;}a:hover {text-decoration: underline;}/* Promotions Section Styles */.promotions {background-color: #f9f9f9;padding: 50px0;text-align: center;}.container {max-width: 1200px;margin: 0auto;padding: 015px;display: flex;flex-wrap: wrap;justify-content: center;}.promotion-card {max-width: 300px;margin: 20px;padding: 20px;background-color: #fff;border-radius: 10px;box-shadow: 04px8pxrgba(0, 0, 0, 0.1);text-align: center;}.promotion-cardimg {max-width: 100%;border-radius: 10px;}.promotion-cardh3 {margin-top: 20px;font-size: 1.5em;color: #333;}.promotion-cardp {margin-top: 10px;color: #666;}.promotion-carda {display: inline-block;margin-top: 20px;padding: 10px20px;background-color: #007bff;color: #fff;text-decoration: none;border-radius: 5px;}.promotion-carda:hover {background-color: #0056b3;}

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Аренда частного дома</title><linkrel="stylesheet"href="styles.css"></head><body><header><divclass="container"><divclass="header-content"><divclass="header-logo"><h1>Дома для аренды</h1></div><navclass="header-nav"><ul><li><ahref="#">Главная</a></li><li><ahref="#">Избранные</a></li><li><ahref="#">Контакты</a></li></ul></nav><divclass="header-buttons"><buttonclass="btn-primary"onclick="window.location.href='register.html'">Зарегистрироваться</button><buttonclass="btn-secondary"onclick="window.location.href='login.html'">Войти</button></div></div></div></header><divclass="container"><h2>Избранные дома</h2><divclass="featured-section"><divclass="featured-card"><imgsrc="ааа.jpg"alt="House 1"><h2>Уютный домик возле леса</h2><p>Спальни: 2</p><p>Ванные: 1</p><p>Цена за ночь: $100</p><button>Забронировать</button></div><divclass="featured-card"><imgsrc="ааа.jpg"alt="House 2"><h2>Современный коттедж с бассейном</h2><p>Спальни: 4</p><p>Ванные: 3</p><p>Цена за ночь: $200</p><button>Забронировать</button></div></div><h2>Другие предложения</h2><divclass="house-list"><divclass="house-card"><imgsrc="ааа.jpg"alt="House 3"><h2>Старинный особняк в историческом центре</h2><p>Спальни: 3</p><p>Ванные: 2</p><p>Цена за ночь: $150</p><button>Забронировать</button></div><divclass="house-card"><imgsrc="ааа.jpg"alt="House 4"><h2>Дом на берегу озера</h2><p>Спальни: 5</p><p>Ванные: 3</p><p>Цена за ночь: $250</p><button>Забронировать</button></div></div></div><sectionclass="promotions"><divclass="container"><h2>Наши акции</h2><divclass="promotion-card"><imgsrc="ааа.jpg"alt="Акция 1"><h3>Скидка 20% на проживание в мае</h3><p>Воспользуйтесь нашим специальным предложением на майские праздники!</p><ahref="booking.html"class="btn-primary">Узнать больше</a></div><divclass="promotion-card"><imgsrc="ааа.jpg"alt="Акция 2"><h3>Бесплатный завтрак каждый день</h3><p>Бронируйте сейчас и получайте бесплатный завтрак включенный в стоимость проживания!</p><ahref="booking.html"class="btn-primary">Подробнее</a></div></div></section><footer><divclass="container"><divclass="footer-content"><divclass="footer-section"><h3>О нас</h3><p>Наша компания предлагает широкий выбор частных домов для аренды по доступным ценам.</p></div><divclass="footer-section"><h3>Контакты</h3><p>Телефон: 123-456-789</p><p>Email: [email protected]</p></div><divclass="footer-section"><h3>Социальные сети</h3><p>Мы в соцсетях:</p><ul><li><ahref="#">Instagram</a></li><li><ahref="#">Facebook</a></li><li><ahref="#">Twitter</a></li></ul></div></div></section><pclass="copyright">© 2024 Дома для аренды. Все права защищены.</p></div></footer><scriptsrc="scripts.js"></script></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Вход</title></head><body><h2>Форма входа</h2><form><labelfor="username">Логин:</label><br><inputtype="text"id="username"name="username"><br><labelfor="password">Пароль:</label><br><inputtype="password"id="password"name="password"><br><inputtype="submit"value="Войти"></form></body></html>

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width, initial-scale=1.0"><title>Регистрация</title></head><body><h2>Форма регистрации</h2><form><labelfor="username">Логин:</label><br><inputtype="text"id="username"name="username"><br><labelfor="email">Email:</label><br><inputtype="email"id="email"name="email"><br><labelfor="password">Пароль:</label><br><inputtype="password"id="password"name="password"><br><inputtype="submit"value="Зарегистрироваться"></form></body></html>