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

oc

Browse Source
This commit is contained in:
kalugin66
2026-05-06 00:45:23 +05:00
parent c0504e31f7
commit 4ae8cc93b4
2 changed files with 112 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
public/index.html
View File

@@ -59,8 +59,45 @@
<!-- Летнее кафе будет добавлено в будущем (фото можно вставить позже) --> <!-- Летнее кафе будет добавлено в будущем (фото можно вставить позже) -->
<section id="summer-cafe" class="white-bg"></section> <section id="summer-cafe" class="white-bg"></section>
<!-- Секция "Где мы" (без карты, только указатель и города) --> <!-- Секция "Удобное расположение" -->
<section id="location" class="white-bg"></section> <section id="location" class="location-section">
<div class="location-bg" data-aos="fade-in"></div>
<div class="container location-container">
<h2 data-aos="fade-up" data-i18n="loc_title">Удобное расположение</h2>
<p class="location-desc" data-aos="fade-up" data-aos-delay="100" data-i18n="loc_desc">
Мы находимся в живописном селе Мгудзырхуа. Тишина, чистый воздух и близость к основным достопримечательностям Абхазии.
</p>
<div class="distances-grid">
<div class="distance-card" data-aos="zoom-in" data-aos-delay="200">
<div class="icon">🌊</div>
<h3 data-i18n="loc_sea">До моря</h3>
<p data-i18n="loc_sea_time">15 минут на машине</p>
</div>
<div class="distance-card" data-aos="zoom-in" data-aos-delay="300">
<div class="icon">🏙️</div>
<h3 data-i18n="loc_gudauta">Гудаута</h3>
<p data-i18n="loc_gudauta_dist">20 км от отеля</p>
</div>
<div class="distance-card" data-aos="zoom-in" data-aos-delay="400">
<div class="icon">✈️</div>
<h3 data-i18n="loc_airport">Аэропорт</h3>
<p data-i18n="loc_airport_dist">40 км (Сухум/Сочи)</p>
</div>
<div class="distance-card" data-aos="zoom-in" data-aos-delay="500">
<div class="icon">🏔️</div>
<h3 data-i18n="loc_ritsa">Озеро Рица</h3>
<p data-i18n="loc_ritsa_dist">60 км экскурсия</p>
</div>
</div>
<div class="map-action" data-aos="fade-up" data-aos-delay="600">
<a href="https://yandex.ru/maps/?text=Мгудзырхуа" target="_blank" class="btn-map" data-i18n="loc_map_btn">
Открыть на карте
</a>
</div>
</div>
</section>
<!-- Секция Галереи --> <!-- Секция Галереи -->
<section id="gallery" class="gallery-section white-bg"> <section id="gallery" class="gallery-section white-bg">

73
public/style.css
View File

@@ -593,3 +593,76 @@ footer {
height: 250px; height: 250px;
} }
} }
/* --- Обновленные стили для секции "Удобное расположение" (Светлая тема) --- */
.location-section {
background: var(--bg); /* Светлый фон как у всех блоков */
color: var(--dark);
text-align: center;
}
.location-desc {
max-width: 700px;
margin: 0 auto 50px;
font-size: 1.1rem;
line-height: 1.6;
}
.distances-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 25px;
margin-bottom: 50px;
}
.distance-card {
background: var(--white);
border: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 20px;
padding: 25px 15px;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 10px 20px rgba(0,0,0,0.05);
}
.distance-card:hover {
transform: translateY(-10px);
box-shadow: 0 15px 30px rgba(0,0,0,0.1);
border-color: var(--secondary);
}
.distance-card .icon {
font-size: 3rem;
margin-bottom: 15px;
display: inline-block;
}
.distance-card h3 {
margin: 10px 0;
font-size: 1.3rem;
color: var(--primary);
}
.distance-card p {
font-size: 0.95rem;
color: #666;
margin: 0;
}
.btn-map {
display: inline-block;
padding: 15px 35px;
background-color: var(--secondary);
color: white;
text-decoration: none;
border-radius: 50px;
font-weight: bold;
font-size: 1.1rem;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(10, 147, 150, 0.3);
}
.btn-map:hover {
background-color: var(--primary);
transform: scale(1.05);
box-shadow: 0 6px 20px rgba(0, 95, 115, 0.5);
}