110 lines
5.5 KiB
HTML
110 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Hotel 777 | Отдых в Абхазии</title>
|
||
<link rel="stylesheet" href="style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<div class="logo">
|
||
HOTEL 777
|
||
<select class="lang-switch" id="langSwitch">
|
||
<option value="ru">Русский</option>
|
||
<option value="ab">Аҧсуа</option>
|
||
<option value="en">English</option>
|
||
</select>
|
||
</div>
|
||
<nav>
|
||
<a href="#about" data-i18n="nav_about">О нас</a>
|
||
<a href="#food" data-i18n="nav_food">Кухня</a>
|
||
<a href="#location" data-i18n="nav_location">Где мы</a>
|
||
<a href="#booking" data-i18n="nav_booking">Бронь</a>
|
||
</nav>
|
||
</header>
|
||
|
||
<section class="hero">
|
||
<h1 class="animate" data-i18n="hero_title">Добро пожаловать</h1>
|
||
<p class="animate delay-1" data-i18n="hero_subtitle">Ваш идеальный отдых на берегу Черного моря</p>
|
||
<a href="#booking" class="btn animate delay-2" data-i18n="hero_btn">Забронировать номер</a>
|
||
</section>
|
||
|
||
<section id="about">
|
||
<h2 class="section-title animate" data-i18n="about_title">Море в шаговой доступности</h2>
|
||
<div class="about-grid">
|
||
<div class="animate delay-1">
|
||
<h3 data-i18n="about_subtitle">Бескрайние пляжи Гудауты</h3>
|
||
<p data-i18n="about_text">Наш отель расположен в живописном селе Мгудзырхуа. Мы предлагаем комфортные номера и прямой выход к широкому, чистому галечно-песчаному пляжу.</p>
|
||
</div>
|
||
<div class="about-image-wrapper animate delay-2">
|
||
<img src="img/XXXL.webp" alt="Пляж" class="about-img">
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="food" class="white-bg">
|
||
<h2 class="section-title animate" data-i18n="food_title">Вкус Абхазии</h2>
|
||
<div class="about-grid">
|
||
<div class="about-image-wrapper animate">
|
||
<img src="img/food.webp" alt="Абхазская кухня" class="about-img">
|
||
</div>
|
||
<div class="animate delay-1">
|
||
<h3 data-i18n="food_subtitle">Домашняя кухня из местных продуктов</h3>
|
||
<p data-i18n="food_text">Почувствуйте настоящее гостеприимство! Мы готовим из того, что выросло прямо здесь: свежайший сыр сулугуни, ароматная абыста, сочные овощи с грядки и домашнее вино.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="location">
|
||
<h2 class="section-title animate" data-i18n="loc_title">Удобное расположение</h2>
|
||
<div class="about-grid">
|
||
<div class="animate delay-1">
|
||
<img src="img/znak.webp" alt="Указатель" class="signpost-img">
|
||
</div>
|
||
<div class="animate delay-2">
|
||
<h3 data-i18n="loc_subtitle">Все красоты Абхазии рядом</h3>
|
||
<p data-i18n="loc_address"><strong>Адрес:</strong> Мгудзырхуа, Набережная улица, 1.</p>
|
||
<ul class="dist-list">
|
||
<li>🚗 Гудаута — 10 км</li>
|
||
<li>🚗 Новый Афон — 25 км</li>
|
||
<li>🚗 Сухум — 51 км</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="booking" class="white-bg">
|
||
<h2 class="section-title animate" data-i18n="book_title">Забронировать отдых</h2>
|
||
<div class="booking-form animate delay-1">
|
||
<form id="bookingForm">
|
||
<div class="form-group">
|
||
<label data-i18n="label_name">Ваше имя</label>
|
||
<input type="text" id="name" required data-i18n-ph="ph_name">
|
||
</div>
|
||
<div class="form-group">
|
||
<label data-i18n="label_phone">Номер телефона</label>
|
||
<input type="tel" id="phone" required placeholder="+7 (999) 000-00-00">
|
||
</div>
|
||
<div class="checkbox-group">
|
||
<input type="checkbox" id="fz152" required>
|
||
<label for="fz152" data-i18n="fz152">Согласие на обработку данных (152-ФЗ)</label>
|
||
</div>
|
||
<button type="submit" class="btn full-width" data-i18n="book_btn">Отправить заявку</button>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
<p data-i18n="footer_text">© 2026 Hotel 777. Абхазия, Мгудзырхуа.</p>
|
||
</footer>
|
||
|
||
<div class="cookie-banner" id="cookieBanner">
|
||
<p data-i18n="cookie_text">Мы используем файлы cookie для улучшения работы сайта.</p>
|
||
<button class="cookie-btn" onclick="acceptCookies()" data-i18n="cookie_btn">Согласен</button>
|
||
</div>
|
||
|
||
<script src="scripts.js"></script>
|
||
</body>
|
||
</html> |