kalugin66/hotel777
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

.

Browse Source
This commit is contained in:
kalugin66
2026-05-02 20:57:42 +05:00
parent e3cafa9a9f
commit e1a75c0bc5
3 changed files with 92 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/img/food.webp
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 230 KiB

After

Width:  |  Height:  |  Size: 281 KiB

73
public/index.html
View File

@@ -54,10 +54,23 @@
<div class="about-image-wrapper animate delay-1">
<img src="img/food.webp" alt="Абхазская кухня" class="about-img" loading="lazy">
</div>
<div class="about-text animate delay-2">
<div class="about-text animate delay-2">
<h3 data-i18n="food_subtitle">Домашняя кухня из местных продуктов</h3>
<p data-i18n="food_text">Почувствуйте настоящее гостеприимство! Мы готовим из того, что выросло прямо здесь: свежайший сыр сулугуни, ароматная абыста, сочные овощи с грядки и домашнее вино.</p>
<!-- Дополнительный блок для туристов – повышает клиентоориентированность -->
<div class="food-benefits">
<p><strong>✨ Для наших гостей:</strong></p>
<ul>
<li>🍽️ Учитываем пожелания по питанию</li>
<li>👨‍🍳 Приготовим блюдо для Вас – спросите у шефа</li>
<li>🕒 Завтрак: с 8:30 до 10:00</li>
<li>🕒 Обед: с 12:00 до 14:00</li>
<li>🕒 Ужин: с 19:00 до 21:00</li>
</ul>
<p class="food-note">📢 <em>Сообщите администратору о любых предпочтениях при заселении – мы всё организуем!</em></p>
</div>
</div>
</div>
</section>
@@ -66,30 +79,54 @@
<h2 class="section-title animate" data-i18n="loc_title">Удобное расположение</h2>
<div class="about-grid">
<div class="about-text animate delay-1">
<p style="font-size:1.1rem; margin-bottom:1.5rem;">
Все красоты Абхазии рядом
<div class="about-text animate delay-1" >
<p style="font-size:1.1rem; margin-bottom:1.5rem; ">
Наш Адрес:
</p>
<div style="background:var(--input-bg); padding:2rem; border-radius:16px; margin-bottom:1.5rem;">
<strong style="color:var(--primary); font-size:1.2rem;">📍 Адрес:</strong><br>
<span style="font-size:1.1rem;">Мгудзырхуа, Набережная улица, 1</span>
<span style="font-size:1.1rem;">Набережная улица, 1, село Мгудзырхуа, Гудаутский район, Абхазия</span>
</div>
<div style="background:var(--input-bg); padding:2rem; border-radius:16px; margin-bottom:1.5rem;">
<span style="font-size:1.1rem;">Координаты: 43.139637, 40.527054</span>
</div>
<div style="display:flex; flex-wrap:wrap; gap:1rem; justify-content:center;">
<div style="background:var(--bg); padding:1rem 1.5rem; border-radius:12px; text-align:center; min-width:120px;">
<div style="font-size:1.5rem; margin-bottom:0.5rem;">🚗</div>
<div style="font-weight:600; color:var(--primary);">Гудаута</div>
<div style="font-size:0.9rem; color:#666;">10 км</div>
<div class="location-cards">
<div class="location-card">
<div class="location-icon">🚗</div>
<div class="location-title">Сухум</div>
<div class="location-distance">51 км</div>
</div>
<div style="background:var(--bg); padding:1rem 1.5rem; border-radius:12px; text-align:center; min-width:120px;">
<div style="font-size:1.5rem; margin-bottom:0.5rem;">🚗</div>
<div style="font-weight:600; color:var(--primary);">Новый Афон</div>
<div style="font-size:0.9rem; color:#666;">25 км</div>
<div class="location-card">
<div class="location-icon">🚗</div>
<div class="location-title">Очамчыра</div>
<div class="location-distance">105 км</div>
</div>
<div style="background:var(--bg); padding:1rem 1.5rem; border-radius:12px; text-align:center; min-width:120px;">
<div style="font-size:1.5rem; margin-bottom:0.5rem;">🚗</div>
<div style="font-weight:600; color:var(--primary);">Сухум</div>
<div style="font-size:0.9rem; color:#666;">51 км</div>
<div class="location-card">
<div class="location-icon">🚗</div>
<div class="location-title">Ткуарчал</div>
<div class="location-distance">165 км</div>
</div>
<div class="location-card">
<div class="location-icon">🚗</div>
<div class="location-title">Гал</div>
<div class="location-distance">145 км</div>
</div>
<div class="location-card">
<div class="location-icon">🚗</div>
<div class="location-title">Новый Афон</div>
<div class="location-distance">25 км</div>
</div>
<div class="location-card">
<div class="location-icon">🚗</div>
<div class="location-title">Приморск</div>
<div class="location-distance">20 км</div>
</div>
<div class="location-card">
<div class="location-icon">🚗</div>
<div class="location-title">🚗 Гудаута</div>
<div class="location-distance">10 км</div>
</div>
</div>
</div>
</div>

31
public/style.css
View File

@@ -7,7 +7,6 @@
--white: #ffffff;
--input-bg: #f0f4f5;
}
{ margin: 0; padding: 0; box-sizing: border-box; font-family: 'Segoe UI', Roboto, sans-serif; }
html { font-size: 16px; scroll-behavior: smooth; }
@media (min-width: 2000px) { html { font-size: 22px; } }
body { background: var(--bg); color: var(--dark); line-height: 1.6; }
@@ -86,3 +85,33 @@ background: var(--dark); color: var(--white); padding: 20px; border-radius: 20px
.delay-1 { animation-delay: 0.3s; }
.delay-2 { animation-delay: 0.6s; }
footer { background: var(--dark); color: rgba(255,255,255,0.5); text-align: center; padding: 3rem; }
/* Блок с расстояниями до городов */
.location-cards {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: center;
}
.location-card {
background: var(--bg);
padding: 1rem 1.5rem;
border-radius: 12px;
text-align: center;
min-width: 120px;
}
.location-icon {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.location-title {
font-weight: 600;
color: var(--primary);
}
.location-distance {
font-size: 0.9rem;
color: #666;
}