MH.Dmitrii/wedding-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev'
All checks were successful
Build Docker / deploy (push) Successful in 2m36s
Details
Build Docker / build (push) Successful in 39s
Details

Browse Source
This commit is contained in:
Dmitrii Seliakov
2026-05-11 17:05:09 +03:00
parent 283ffff080 001922c5e2
commit 2a6d3fb1b6
82 changed files with 453 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
server/frontend/auth/image/bg.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

BIN
server/frontend/auth/image/bg.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 357 KiB

BIN
server/frontend/auth/image/hamster.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

BIN
server/frontend/auth/image/hamster.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

59
server/frontend/auth/login.css
View File

@@ -19,18 +19,25 @@
font-style: normal;
font-display: swap;
}
body {
body, html {
font-family: "MurreyC";
background: url('./image/bg.png') no-repeat 100% 100% fixed;
background-size: cover;
margin: 0;
padding: 0;
}
.bg {
position: fixed;
inset: 0;
background: url("image/bg.webp") center center / cover no-repeat;
z-index: -1;
}
.glass-container {
position: fixed;
inset: 0;
backdrop-filter: blur(16px);
background: rgba(255,255,255,0.1); /* обязательно */
background: rgba(20,20,20,.35);
}
.login-box {
height: 100%;
@@ -39,7 +46,7 @@ body {
justify-content: center;
align-items: center;
flex-direction: column;
background: url('./image/hamster.png') no-repeat 50% 50%;
background: url('./image/hamster.webp') no-repeat 50% 50%;
padding-top: 50px;
}
form {
@@ -69,13 +76,51 @@ button {
background-color: #3a1f09;
padding: 10px 15px;
border-radius: 33px;
transition: all .1s;
transition:
transform .1s ease,
background-color .1s ease,
color .1s ease;
color: #e5b97e;
box-shadow: #3a1f09 2px 4px 10px 2px;
box-shadow: 0 4px 12px rgba(58,31,9,.3);
cursor: pointer;
}
button:hover {
background-color: #f0c590;
color: #b06029;
transform: scale(1.015);
}
/* ----------------------------------ADAPTIVE------------------------------------- */
@media (max-width: 820px) {
.login-box {
background-size: 190%;
}
}
@media (max-width: 620px) {
.login-box {
background-size: 220%;
}
}
@media (max-width: 520px) {
.login-box {
background-size: 260%;
}
}
@media (max-width: 420px) {
.login-box {
background-size: 310%;
}
input {
width: 250px;
}
}
@media (max-width: 320px) {
.login-box {
background-size: 420%;
background: url('./image/hamster.png') no-repeat 55% 50%;
}
input {
width: 200px;
}
}

10
server/frontend/auth/login.html
View File

@@ -5,8 +5,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login</title>
<link rel="stylesheet" href="login.css">
<link
rel="preload"
href="fonts/MurreyC/murreyc.woff2"
as="font"
type="font/woff2"
crossorigin
>
</head>
<body>
<div class="bg"></div>
<div class="glass-container">
<div class="login-box">
<h2>Введите код</h2>
@@ -16,6 +24,6 @@
</form>
</div>
</div>
<script src="login.js"></script>
<script src="login.js" defer></script>
</body>
</html>

BIN
server/frontend/main/images/1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 192 KiB

BIN
server/frontend/main/images/234.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
server/frontend/main/images/236595.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

BIN
server/frontend/main/images/25.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 MiB

BIN
server/frontend/main/images/25.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 323 KiB

BIN
server/frontend/main/images/360_F_782055879_otsYbwETI2WfPTGAdbLfuXdUjHB8bwBU.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 69 KiB

BIN
server/frontend/main/images/55555.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 92 KiB

BIN
server/frontend/main/images/56532 (2).png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 46 KiB

BIN
server/frontend/main/images/565656565.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 92 KiB

BIN
server/frontend/main/images/Brown_Simple_Happy_Wedding_Photo_Collage.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 288 KiB

BIN
server/frontend/main/images/ChatGPT Image 5 янв. 2026 г., 15_49_39.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.8 MiB

BIN
server/frontend/main/images/ChatGPT Image 5 янв. 2026 г., 15_49_39.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 612 KiB

BIN
server/frontend/main/images/ChatGPT Image 5 янв. 2026 г., 17_27_11.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 MiB

BIN
server/frontend/main/images/Dreamy Outdoor Wedding Under a Canopy of Lights .jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 171 KiB

BIN
server/frontend/main/images/backgraund_mai копия22.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 137 KiB

BIN
server/frontend/main/images/backgraund_main.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 221 KiB

BIN
server/frontend/main/images/bg.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.2 MiB

BIN
server/frontend/main/images/bg1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 93 KiB

BIN
server/frontend/main/images/bg2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 140 KiB

BIN
server/frontend/main/images/icon.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

3
server/frontend/main/images/icon.svg Normal file
View File

@@ -0,0 +1,3 @@
<?xml version="1.0" ?><svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><style type="text/css">
.st0{display:none;}
</style><g class="st0" id="grid"/><g id="icon"><path d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z"/><path d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z"/><path d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
server/frontend/main/images/maps/loft.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 77 KiB

BIN
server/frontend/main/images/maps/zags.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
server/frontend/main/images/people/IMG_20260107_135956_402.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 178 KiB

BIN
server/frontend/main/images/people/IMG_20260107_140110_500.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 362 KiB

BIN
server/frontend/main/images/people/IMG_20260107_140120_301.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 197 KiB

BIN
server/frontend/main/images/people/IMG_20260419_214516_034.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 231 KiB

BIN
server/frontend/main/images/people/bride.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 225 KiB

BIN
server/frontend/main/images/people/groom.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 58 KiB

BIN
server/frontend/main/images/photos/1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 689 KiB

BIN
server/frontend/main/images/photos/10.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

BIN
server/frontend/main/images/photos/2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 170 KiB

BIN
server/frontend/main/images/photos/3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
server/frontend/main/images/photos/4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 235 KiB

BIN
server/frontend/main/images/photos/5.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
server/frontend/main/images/photos/6.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 239 KiB

BIN
server/frontend/main/images/photos/7.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
server/frontend/main/images/photos/8.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 98 KiB

BIN
server/frontend/main/images/photos/9.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 234 KiB

BIN
server/frontend/main/images/photos/IMG_20260223_151005_128.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 48 KiB

BIN
server/frontend/main/images/photos/IMG_20260223_151049_713.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 525 KiB

11
server/frontend/main/images/telegram-svgrepo-com.svg
View File

@@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="16" cy="16" r="14" fill="url(#paint0_linear_87_7225)"/>
<path d="M22.9866 10.2088C23.1112 9.40332 22.3454 8.76755 21.6292 9.082L7.36482 15.3448C6.85123 15.5703 6.8888 16.3483 7.42147 16.5179L10.3631 17.4547C10.9246 17.6335 11.5325 17.541 12.0228 17.2023L18.655 12.6203C18.855 12.4821 19.073 12.7665 18.9021 12.9426L14.1281 17.8646C13.665 18.3421 13.7569 19.1512 14.314 19.5005L19.659 22.8523C20.2585 23.2282 21.0297 22.8506 21.1418 22.1261L22.9866 10.2088Z" fill="white"/>
<defs>
<linearGradient id="paint0_linear_87_7225" x1="16" y1="2" x2="16" y2="30" gradientUnits="userSpaceOnUse">
<stop stop-color="#37BBFE"/>
<stop offset="1" stop-color="#007DBB"/>
</linearGradient>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 920 B

BIN
server/frontend/main/images/time/1.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 63 KiB

BIN
server/frontend/main/images/time/2.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 99 KiB

BIN
server/frontend/main/images/time/3.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 85 KiB

BIN
server/frontend/main/images/time/ChatGPT Image 19 янв. 2026 г., 20_18_11.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.9 MiB

BIN
server/frontend/main/images/time/beverage_4137183.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
server/frontend/main/images/time/cake.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 14 KiB

BIN
server/frontend/main/images/time/camera.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
server/frontend/main/images/time/camera.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
server/frontend/main/images/time/disco-ball_1034052.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 32 KiB

BIN
server/frontend/main/images/time/disco-ball_18181959.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 31 KiB

BIN
server/frontend/main/images/time/disco-ball_18181959.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
server/frontend/main/images/time/food.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
server/frontend/main/images/time/food.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
server/frontend/main/images/time/free-icon-fireworks-7201451.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 21 KiB

BIN
server/frontend/main/images/time/glasses.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
server/frontend/main/images/time/guest.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 26 KiB

BIN
server/frontend/main/images/time/guest1.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 23 KiB

BIN
server/frontend/main/images/time/guest1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
server/frontend/main/images/time/love-letter_6425091.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 20 KiB

BIN
server/frontend/main/images/time/love-world_18905915.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 11 KiB

BIN
server/frontend/main/images/time/message_6649165.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
server/frontend/main/images/time/ring.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
server/frontend/main/images/time/table.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
server/frontend/main/images/time/wedding-dinner_11196102.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 15 KiB

BIN
server/frontend/main/images/time/wedding-dinner_11196102.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
server/frontend/main/images/Без названия (1).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 103 KiB

BIN
server/frontend/main/images/Без названия (2).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 16 KiB

BIN
server/frontend/main/images/Без названия (3).jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 106 KiB

BIN
server/frontend/main/images/Без названия.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 171 KiB

BIN
server/frontend/main/images/Элегантный свадебный банкет_ пастельные цветы и золотые детали.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 97 KiB

BIN
server/frontend/main/images/мудборд.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 74 KiB

322
server/frontend/main/index.html
View File

@@ -8,65 +8,66 @@
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.css" />
<link rel="preload" href="fonts/yourfont.woff2" as="font" type="font/woff2" crossorigin>
</head>
<body>
<div class="bg"></div>
<header class="header">
<div class="burger" id="burger">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
<nav class="nav" id="nav">
<ul class="menu">
<div class="items_up">
<!-- 1 -->
<li class="item">
<a href="#" class="link">
Добро пожаловать!
</a>
</li>
<!-- 2 -->
<li class="item">
<a href="#people" class="link">
Список гостей
</a>
</li>
<!-- 3 -->
<li class="item">
<a href="#timetable" class="link">
Расписание
</a>
</li>
<!-- 4 -->
<li class="item">
<a href="#transfer" class="link">
Путешествие
</a>
</li>
<!-- 1 -->
<li class="item">
<a href="#" class="link">
Добро пожаловать!
</a>
</li>
<!-- 2 -->
<li class="item">
<a href="#people" class="link">
Список гостей
</a>
</li>
<!-- 3 -->
<li class="item">
<a href="#timetable" class="link">
Расписание
</a>
</li>
<!-- 4 -->
<li class="item">
<a href="#transfer" class="link">
Путешествие
</a>
</li>
</div>
<div class="items_down">
<!-- 5 -->
<li class="item item_none">
<a href="#photos" class="link">
Фотографии
</a>
</li>
<!-- 6 -->
<li class="item">
<a href="#to-do-list" class="link">
Список задач
</a>
</li>
<!-- 7 -->
<li class="item">
<a href="#answer" class="link">
Прошу ответить
</a>
</li>
<!-- 5 -->
<li class="item item_none">
<a href="#photos" class="link">
Фотографии
</a>
</li>
<!-- 6 -->
<li class="item">
<a href="#to-do-list" class="link">
Список задач
</a>
</li>
<!-- 7 -->
<li class="item">
<a href="#answer" class="link">
Прошу ответить
</a>
</li>
</div>
</ul>
</nav>
@@ -109,7 +110,8 @@
</h4>
<div class="newlywed">
<div class="newlywed_item">
<img class="img_newlywed" src="images/people//IMG_20260107_140110_500.jpg" alt="groom">
<img class="img_newlywed" src="images/people/groom.webp" alt="groom" loading="lazy"
decoding="async">
<div class="newlywed_text">
<h3 class="newlywed_title">Жених</h3>
<p class="newlywed_info">
@@ -118,7 +120,8 @@
</div>
</div>
<div class="newlywed_item">
<img class="img_newlywed" src="images/people/IMG_20260419_214516_034.jpg" alt="bride">
<img class="img_newlywed" src="images/people/bride.webp" alt="bride" loading="lazy"
decoding="async">
<div class="newlywed_text">
<h3 class="newlywed_title">Невеста</h3>
<p class="newlywed_info">Я — творческий и активный человек, люблю петь, путешествовать и
@@ -220,7 +223,7 @@
</div>
</div> -->
</div>
</div> -->
</div>
</section>
<section class="timetable" id="timetable">
<h4 class="people_title">
@@ -233,7 +236,8 @@
<!-- 1 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/guest1.png" alt="ring" class="time_img">
<img src="images/time/guest1.webp" alt="ring" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">10:10</h6>
<p class="time_p">Сбор гостей</p>
<div class="time_comment">Приходите заранее, чтобы спокойно встретиться и сделать
@@ -244,7 +248,8 @@
<!-- 2 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/ring.png" alt="ring" class="time_img">
<img src="images/time/ring.webp" alt="ring" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">10:40</h6>
<p class="time_p">Церемония</p>
<div class="time_comment">Самый трогательный и важный момент дня — регистрация
@@ -255,7 +260,8 @@
<!-- 3 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/camera.png" alt="camera" class="time_img">
<img src="images/time/camera.webp" alt="camera" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">11:30</h6>
<p class="time_p">Фотосессия</p>
<div class="time_comment">После церемонии мы ненадолго отправимся на фотосессию,
@@ -267,7 +273,8 @@
<!-- 4 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/wedding-dinner_11196102.png" alt="" class="time_img">
<img src="images/time/wedding-dinner_11196102.webp" alt="" class="time_img"
loading="lazy" decoding="async">
<h6 class="time_h6">18:30</h6>
<p class="time_p">Сбор гостей и фуршет</p>
<div class="time_comment">Берем напиток, закуски и наслаждаемся началом вечера</div>
@@ -276,7 +283,8 @@
<!-- 5 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/food.png" alt="" class="time_img">
<img src="images/time/food.webp" alt="" class="time_img" loading="lazy"
decoding="async">
<h6 class="time_h6">19:00</h6>
<p class="time_p">Банкет</p>
<div class="time_comment">Приглашаем вас за столы, чтобы продолжить вечер в тёплой и
@@ -287,7 +295,8 @@
<!-- 6 -->
<div class="row_up_item">
<div class="time_img_box">
<img src="images/time/disco-ball_18181959.png" alt="" class="time_img">
<img src="images/time/disco-ball_18181959.webp" alt="" class="time_img"
loading="lazy" decoding="async">
<h6 class="time_h6">22:00</h6>
<p class="time_p">Танцы</p>
<div class="time_comment">Приглашаем вас на танцпол. Танцуйте столько, сколько
@@ -307,29 +316,32 @@
<div class="transfer_inner">
<div class="transfer_map">
<div class="map">
<div style="position:relative;overflow:hidden; border-radius: 33px;">
<a href="https://www.google.com/maps/place/Glavnoye+Upravleniye+Zapisi+Aktov+Grazhdanskogo+Sostoyaniya+Tverskoy+Oblasti/@56.8571039,35.901453,17z/data=!3m1!4b1!4m6!3m5!1s0x46b687a4d4edacad:0x15df9a38c874eb5d!8m2!3d56.857101!4d35.9040279!16s%2Fg%2F11ls6j2lvj?entry=ttu&g_ep=EgoyMDI2MDMxMS4wIKXMDSoASAFQAw%3D%3D"
style="color:#eee;font-size:12px;position:absolute;top:0px;">
Главное управление записи актов гражданского состояния</a>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2181.349338718406!2d35.901452977352925!3d56.85710390639812!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b687a4d4edacad%3A0x15df9a38c874eb5d!2sGlavnoye%20Upravleniye%20Zapisi%20Aktov%20Grazhdanskogo%20Sostoyaniya%20Tverskoy%20Oblasti!5e0!3m2!1sen!2s!4v1773428540512!5m2!1sen!2s"
width="100%" height="100%" style="border:1px;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="map_div">
<a href="https://maps.app.goo.gl/ZYTyA2qTvCpnXTdN7" target="_blank" class="map_link">
<img src="images/maps/zags.webp" alt="ЗАГС" class="map_preview" loading="lazy">
<div class="map_btn">
Открыть маршрут
</div>
</a>
</div>
<p class="map_adress">Тверь, Свободный переулок, 5</p>
<a href="https://maps.app.goo.gl/ZYTyA2qTvCpnXTdN7" class="map_adress" target="_blank">Тверь,
Свободный переулок, 5</a>
<h6 class="map_info">Начало в</h6>
<h6 class="map_time">10:10</h6>
</div>
<div class="map">
<div style="position:relative;overflow:hidden; border-radius: 33px;">
<a href="https://www.google.com/maps/place/Loft+1870+%7C+%D0%9F%D0%BB%D0%BE%D1%89%D0%B0%D0%B4%D0%BA%D0%B0+%D0%B4%D0%BB%D1%8F+%D0%BC%D0%B5%D1%80%D0%BE%D0%BF%D1%80%D0%B8%D1%8F%D1%82%D0%B8%D0%B9+%D0%A2%D0%B2%D0%B5%D1%80%D1%8C+%7C+%D0%BA%D0%B5%D0%B9%D1%82%D0%B5%D1%80%D0%B8%D0%BD%D0%B3+%D0%BD%D0%B0+%D1%81%D0%B2%D0%B0%D0%B4%D1%8C%D0%B1%D1%83,+%D0%B1%D0%B0%D0%BD%D0%BA%D0%B5%D1%82%D0%BD%D1%8B%D0%B9+%D0%B7%D0%B0%D0%BB/@56.850656,35.8603082,17.32z/data=!3m1!5s0x46b687a53bac0dcf:0x5c270d07d710d5a!4m6!3m5!1s0x46b68764eb0c1387:0x7cb135f5414bc1e0!8m2!3d56.8508612!4d35.8650531!16s%2Fg%2F11p0wc5v7q?entry=ttu&g_ep=EgoyMDI2MDMxMS4wIKXMDSoASAFQAw%3D%3D"
style="color:#eee;font-size:12px;position:absolute;top:0px;">Лофт 1870</a>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1749.675516895515!2d35.86030818806184!3d56.850656040536194!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46b68764eb0c1387%3A0x7cb135f5414bc1e0!2zTG9mdCAxODcwIHwg0J_Qu9C-0YnQsNC00LrQsCDQtNC70Y8g0LzQtdGA0L7Qv9GA0LjRj9GC0LjQuSDQotCy0LXRgNGMIHwg0LrQtdC50YLQtdGA0LjQvdCzINC90LAg0YHQstCw0LTRjNCx0YMsINCx0LDQvdC60LXRgtC90YvQuSDQt9Cw0Ls!5e0!3m2!1sen!2s!4v1773428705434!5m2!1sen!2s"
width="100%" height="100%" style="border:1px;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
<div class="map_div">
<a href="https://maps.app.goo.gl/5WFQzNhDqmo2dBxXA" target="_blank" class="map_link">
<img src="images/maps/loft.webp" alt="ЗАГС" class="map_preview" loading="lazy">
<div class="map_btn">
Открыть маршрут
</div>
</a>
</div>
<p class="map_adress">Тверь, улица Двор Пролетарки, 16</p>
<a href="https://maps.app.goo.gl/5WFQzNhDqmo2dBxXA" class="map_adress" target="_blank">Тверь,
улица Двор Пролетарки, 16</a>
<h6 class="map_info">Начало в</h6>
<h6 class="map_time">18:30</h6>
</div>
@@ -346,37 +358,44 @@
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151005_128.jpg" alt="photo">
<img class="swiper_img" src="images/photos/1.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos//IMG_20260223_151049_713.jpg" alt="photo">
<img class="swiper_img" src="images/photos/2.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151005_128.jpg" alt="photo">
<img class="swiper_img" src="images/photos/3.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151049_713.jpg" alt="photo">
<img class="swiper_img" src="images/photos/4.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151005_128.jpg" alt="photo">
<img class="swiper_img" src="images/photos/5.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151049_713.jpg" alt="photo">
<img class="swiper_img" src="images/photos/6.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151005_128.jpg" alt="photo">
<img class="swiper_img" src="images/photos/7.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151005_128.jpg" alt="photo">
<img class="swiper_img" src="images/photos/8.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151005_128.jpg" alt="photo">
<img class="swiper_img" src="images/photos/9.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151005_128.jpg" alt="photo">
</div>
<div class="swiper-slide">
<img class="swiper_img" src="images/photos/IMG_20260223_151005_128.jpg" alt="photo">
<img class="swiper_img" src="images/photos/10.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div>
</div>
<!-- If we need pagination -->
@@ -397,31 +416,150 @@
<div class="to-do-list_wrapper">
<div class="to-do-list_items">
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Поздравить молодых и сказать тёплые слова
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Вручить подарок молодожёнам
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Сделать фото и видео, чтобы потом было что выложить
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Поднять тост за любовь
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Добраться до свадебного торта, сфотографировать его
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Потанцевать хотя бы один медленный танец
</div>
<div class="to-do-list_item">
<img class="to-do-list_item_img" src="images/icon.png" alt="icon">
<svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24"
xml:space="preserve" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<style type="text/css">
.st0 {
display: none;
}
</style>
<g class="st0" id="grid" />
<g id="icon">
<path
d="M5.528,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199L23.899,5.275c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.166-0.535-0.124-0.7,0.099 L12.91,18.226l-6.677-7.839C6.053,10.176,5.736,10.151,5.528,10.33z" />
<path
d="M12.028,13.945l6.519-8.67c0.166-0.221,0.122-0.534-0.099-0.7c-0.222-0.167-0.535-0.12-0.7,0.099l-6.519,8.67 c-0.166,0.221-0.122,0.534,0.099,0.7c0.091,0.068,0.196,0.101,0.301,0.101C11.78,14.145,11.931,14.075,12.028,13.945z" />
<path
d="M0.176,10.33c-0.21,0.18-0.235,0.495-0.057,0.705l7.082,8.314c0.096,0.111,0.234,0.176,0.381,0.176c0.005,0,0.01,0,0.016,0 c0.151-0.005,0.293-0.078,0.384-0.199l0.967-1.285c0.166-0.221,0.122-0.534-0.099-0.7c-0.219-0.166-0.535-0.123-0.7,0.099 l-0.592,0.786l-6.677-7.839C0.7,10.176,0.385,10.151,0.176,10.33z" />
</g>
</svg>
Повеселиться так, чтобы этот день запомнился
</div>
</div>

51
server/frontend/main/main.js
View File

@@ -1,34 +1,47 @@
const swiper = new Swiper('.swiper', {
// Optional parameters
direction: 'horizontal',
loop: true,
spaceBetween: 1, // расстояние между слайдами 10-15px
slidesPerView: 3,
// Navigation arrows
direction: 'horizontal',
loop: false,
// Производительность
preloadImages: false,
lazy: true,
watchSlidesProgress: true,
// Слайды
slidesPerView: 3,
spaceBetween: 15,
// Анимация
speed: 700,
// Навигация
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
// And if we need scrollbar
// Скроллбар
scrollbar: {
el: '.swiper-scrollbar',
hide: true,
},
speed: 1000,
breakpoints: {
330: {
slidesPerView: 1,
},
1200: {
slidesPerView: 2,
},
1650: {
slidesPerView: 3,
},
// Адаптив
breakpoints: {
330: {
slidesPerView: 1,
},
768: {
slidesPerView: 2,
},
1400: {
slidesPerView: 3,
},
}
});
// Set the date we're counting down to

168
server/frontend/main/style.css
View File

@@ -25,13 +25,25 @@
/* --------------------------------MAIN-------------------------------- */
body {
background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.png") no-repeat 100% 100% fixed;
background-size: cover;
margin: 0;
font-family: "MurreyC";
font-size: 16px;
font-weight: 400;
letter-spacing: 3px;
height: auto;
}
.bg {
position: fixed;
inset: 0;
background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.webp") center center / cover no-repeat;
z-index: -1;
}
.content {
position: relative;
min-height: 100vh;
}
button {
background-color: #3a1f09;
@@ -39,7 +51,7 @@ button {
border-radius: 33px;
transition: all .1s;
color: #e5b97e;
box-shadow: #3a1f09 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
button:hover {
background-color: #f0c590;
@@ -60,7 +72,7 @@ img {
padding: 20px 180px;
margin-top: 40px;
margin-bottom: 40px;
box-shadow: #3a1f09 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.nav {
}
@@ -153,7 +165,7 @@ img {
width: 10%;
border-radius: 10px;
margin-left: 40px;
box-shadow: #444 2px 2px 4px 0px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.burger {
@@ -224,12 +236,12 @@ img {
/* --------------------------------Welcome----------------------------- */
.heading {
background: url("images/25.png") 50% 100% / cover;
background: url("images/25.webp") 50% 100% / cover;
margin: 0px 400px;
/* border: 10px solid rgb(184, 136, 48); */
/* border: 15px double rgb(184, 136, 48); */
height: 640px;
box-shadow: #000000 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.heading_content {
padding: 15px 100px;
@@ -239,7 +251,7 @@ img {
z-index: 1;
padding: 20px 0px 20px 0px;
text-align: center;
box-shadow: #000000 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.heading_cont::after {
z-index: -1;
@@ -285,10 +297,6 @@ img {
padding-top: 15px;
font-size: 110px;
text-align: center;
background-image: linear-gradient(90deg,rgba(26, 21, 26, 1) 0%, rgba(101, 62, 39, 1) 50%);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
text-shadow: #000 2px 2px 6px;
}
@@ -328,7 +336,7 @@ h4 {
align-items: center;
background-color: rgba(245, 198, 124, 0.9);
padding: 20px;
box-shadow: #000000 2px 4px 10px 2px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.img_newlywed {
width: 40%;
@@ -359,7 +367,6 @@ h4 {
}
.guest_item {
text-align: center;
background: url("images/55555.jpg") 100% 100% / cover;
padding: 40px 80px;
border-radius: 33px;
opacity: 0.8;
@@ -474,10 +481,11 @@ h4 {
align-items: center;
gap: 100px;
}
.map > div {
border: 1px solid #000;
width: 760px; /* или 100% */
height: 500px;
max-width: 100%; /* или 100% */
height: 100%;
border-radius: 33px;
}
.map iframe {
width: 100%;
@@ -486,7 +494,6 @@ h4 {
}
.map_adress {
font-size: 50px;
text-align: center;
margin-top: 20px;
font-weight: 900;
}
@@ -502,6 +509,50 @@ h4 {
margin-top: 10px;
font-weight: 900;
}
.map_link {
position: relative;
display: block;
overflow: hidden;
height: 450px;
border: 1px solid #000;
border-radius: 33px;
}
.map_preview {
width: 100%;
height: 450px;
object-fit: cover;
transition: transform .4s ease;
}
.map_link:hover .map_preview {
transform: scale(1.03);
}
.map_btn {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
background: rgba(0,0,0,0.7);
color: white;
padding: 14px 24px;
border-radius: 30px;
font-size: 24px;
backdrop-filter: blur(5px);
}
.map_div {
}
.map {
width: 650px;
text-align: center;
}
/* --------------------------------PHOTOS-------------------------------------- */
.photos {
@@ -565,7 +616,7 @@ h4 {
.to-do-list_item {
background: linear-gradient(135deg, #f3d9c6, #e8c3a4, #d9a77a);
backdrop-filter: blur(6px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
width: 300px;
height: 200px;
display: flex;
@@ -582,9 +633,9 @@ h4 {
color: #3e2a1f;
text-shadow: 0 1px 1px rgba(255,255,255,0.3);
}
.to-do-list_item_img {
width: 50px;
height: 50px;
.to-do-list_item svg {
width: 44px;
height: 44px;
}
/* ---------------------------ANSWER----------------------------------- */
@@ -598,7 +649,7 @@ h4 {
padding: 50px;
margin: 0 300px;
border-radius: 25px;
box-shadow: 0 15px 40px rgba(0,0,0,0.08);
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
margin-top: 20px;
}
@@ -713,7 +764,7 @@ textarea {
.footer {
background-color: #2f1e14;
color: #fff;
box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.footer_inner {
display: flex;
@@ -791,6 +842,7 @@ textarea {
.heading {
margin: 0 350px;
}
}
@media (max-width: 1620px) {
@@ -818,6 +870,18 @@ textarea {
margin: 0 300px;
height: 580px;
}
.map_link {
height: 400px;
}
.map > div {
height: 400px;
}
.map_preview {
height: 400px;
}
.transfer_map {
gap: 70px;
}
}
@media (max-width: 1520px) {
.menu {
@@ -836,13 +900,10 @@ textarea {
}
.time {
font-size: 90px;
}
.transfer_map {
gap: 50px;
}
.map > div {
width: 620px;
height: 420px;
width: 500px;
height: 350px;
}
.form_name {
font-size: 30px;
@@ -860,6 +921,15 @@ textarea {
.to-do-list_items {
width: 70%;
}
.map {
width: 500px;
}
.map_link {
height: 350px;
}
.map_preview {
height: 350px;
}
}
@@ -882,10 +952,6 @@ textarea {
.time_img {
width: 40px;
height: 40px;
}
.map > div {
width: 560px;
height: 400px;
}
.map_adress {
font-size: 30px;
@@ -1038,10 +1104,6 @@ textarea {
}
.newlywed_title {
font-size: 36px;
}
.map > div {
width: 600px;
height: 400px;
}
.map_adress {
font-size: 36px;
@@ -1356,6 +1418,25 @@ textarea {
.heading {
height: 450px;
}
.map > div {
width: 400px;
height: 300px;
}
.map {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.map_btn {
padding: 15px;
}
.map_link {
height: 300px;
}
.map_preview {
height: 300px;
}
}
@@ -1379,11 +1460,9 @@ textarea {
.swiper {
height: 100%;
}
img {
max-width: 70%;
}
.swiper_img {
height: 250px;
max-width: 70%;
}
.swiper-scrollbar {
display: none;
@@ -1411,6 +1490,13 @@ textarea {
.heading {
height: 500px;
}
.map_div {
display: none;
}
.map_adress {
margin-bottom: 10px;
color: #502c01;
}
}