adaptive_fix_4

This commit is contained in:
2026-05-11 16:48:09 +03:00
parent 7ddee3f12d
commit beef191051
52 changed files with 404 additions and 151 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 357 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 264 KiB

View File

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

View File

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

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 323 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 612 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

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>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 77 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 96 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 231 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 225 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 638 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 689 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 88 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 103 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 158 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 170 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 95 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 71 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 209 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 235 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.7 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 224 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 239 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 132 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 85 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 98 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 209 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 234 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 31 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 15 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

View File

@@ -8,65 +8,66 @@
<link rel="stylesheet" href="reset.css"> <link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@12/swiper-bundle.min.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> </head>
<body> <body>
<div class="bg"></div> <div class="bg"></div>
<header class="header"> <header class="header">
<div class="burger" id="burger"> <div class="burger" id="burger">
<span></span> <span></span>
<span></span> <span></span>
<span></span> <span></span>
</div> </div>
<nav class="nav" id="nav"> <nav class="nav" id="nav">
<ul class="menu"> <ul class="menu">
<div class="items_up"> <div class="items_up">
<!-- 1 --> <!-- 1 -->
<li class="item"> <li class="item">
<a href="#" class="link"> <a href="#" class="link">
Добро пожаловать! Добро пожаловать!
</a> </a>
</li> </li>
<!-- 2 --> <!-- 2 -->
<li class="item"> <li class="item">
<a href="#people" class="link"> <a href="#people" class="link">
Список гостей Список гостей
</a> </a>
</li> </li>
<!-- 3 --> <!-- 3 -->
<li class="item"> <li class="item">
<a href="#timetable" class="link"> <a href="#timetable" class="link">
Расписание Расписание
</a> </a>
</li> </li>
<!-- 4 --> <!-- 4 -->
<li class="item"> <li class="item">
<a href="#transfer" class="link"> <a href="#transfer" class="link">
Путешествие Путешествие
</a> </a>
</li> </li>
</div> </div>
<div class="items_down"> <div class="items_down">
<!-- 5 --> <!-- 5 -->
<li class="item item_none"> <li class="item item_none">
<a href="#photos" class="link"> <a href="#photos" class="link">
Фотографии Фотографии
</a> </a>
</li> </li>
<!-- 6 --> <!-- 6 -->
<li class="item"> <li class="item">
<a href="#to-do-list" class="link"> <a href="#to-do-list" class="link">
Список задач Список задач
</a> </a>
</li> </li>
<!-- 7 --> <!-- 7 -->
<li class="item"> <li class="item">
<a href="#answer" class="link"> <a href="#answer" class="link">
Прошу ответить Прошу ответить
</a> </a>
</li> </li>
</div> </div>
</ul> </ul>
</nav> </nav>
@@ -109,7 +110,8 @@
</h4> </h4>
<div class="newlywed"> <div class="newlywed">
<div class="newlywed_item"> <div class="newlywed_item">
<img class="img_newlywed" src="images/people/groom.jpg" alt="groom"> <img class="img_newlywed" src="images/people/groom.webp" alt="groom" loading="lazy"
decoding="async">
<div class="newlywed_text"> <div class="newlywed_text">
<h3 class="newlywed_title">Жених</h3> <h3 class="newlywed_title">Жених</h3>
<p class="newlywed_info"> <p class="newlywed_info">
@@ -118,7 +120,8 @@
</div> </div>
</div> </div>
<div class="newlywed_item"> <div class="newlywed_item">
<img class="img_newlywed" src="images/people/bride.jpg" alt="bride"> <img class="img_newlywed" src="images/people/bride.webp" alt="bride" loading="lazy"
decoding="async">
<div class="newlywed_text"> <div class="newlywed_text">
<h3 class="newlywed_title">Невеста</h3> <h3 class="newlywed_title">Невеста</h3>
<p class="newlywed_info">Я — творческий и активный человек, люблю петь, путешествовать и <p class="newlywed_info">Я — творческий и активный человек, люблю петь, путешествовать и
@@ -233,7 +236,8 @@
<!-- 1 --> <!-- 1 -->
<div class="row_up_item"> <div class="row_up_item">
<div class="time_img_box"> <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> <h6 class="time_h6">10:10</h6>
<p class="time_p">Сбор гостей</p> <p class="time_p">Сбор гостей</p>
<div class="time_comment">Приходите заранее, чтобы спокойно встретиться и сделать <div class="time_comment">Приходите заранее, чтобы спокойно встретиться и сделать
@@ -244,7 +248,8 @@
<!-- 2 --> <!-- 2 -->
<div class="row_up_item"> <div class="row_up_item">
<div class="time_img_box"> <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> <h6 class="time_h6">10:40</h6>
<p class="time_p">Церемония</p> <p class="time_p">Церемония</p>
<div class="time_comment">Самый трогательный и важный момент дня — регистрация <div class="time_comment">Самый трогательный и важный момент дня — регистрация
@@ -255,7 +260,8 @@
<!-- 3 --> <!-- 3 -->
<div class="row_up_item"> <div class="row_up_item">
<div class="time_img_box"> <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> <h6 class="time_h6">11:30</h6>
<p class="time_p">Фотосессия</p> <p class="time_p">Фотосессия</p>
<div class="time_comment">После церемонии мы ненадолго отправимся на фотосессию, <div class="time_comment">После церемонии мы ненадолго отправимся на фотосессию,
@@ -267,7 +273,8 @@
<!-- 4 --> <!-- 4 -->
<div class="row_up_item"> <div class="row_up_item">
<div class="time_img_box"> <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> <h6 class="time_h6">18:30</h6>
<p class="time_p">Сбор гостей и фуршет</p> <p class="time_p">Сбор гостей и фуршет</p>
<div class="time_comment">Берем напиток, закуски и наслаждаемся началом вечера</div> <div class="time_comment">Берем напиток, закуски и наслаждаемся началом вечера</div>
@@ -276,7 +283,8 @@
<!-- 5 --> <!-- 5 -->
<div class="row_up_item"> <div class="row_up_item">
<div class="time_img_box"> <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> <h6 class="time_h6">19:00</h6>
<p class="time_p">Банкет</p> <p class="time_p">Банкет</p>
<div class="time_comment">Приглашаем вас за столы, чтобы продолжить вечер в тёплой и <div class="time_comment">Приглашаем вас за столы, чтобы продолжить вечер в тёплой и
@@ -287,7 +295,8 @@
<!-- 6 --> <!-- 6 -->
<div class="row_up_item"> <div class="row_up_item">
<div class="time_img_box"> <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> <h6 class="time_h6">22:00</h6>
<p class="time_p">Танцы</p> <p class="time_p">Танцы</p>
<div class="time_comment">Приглашаем вас на танцпол. Танцуйте столько, сколько <div class="time_comment">Приглашаем вас на танцпол. Танцуйте столько, сколько
@@ -307,29 +316,32 @@
<div class="transfer_inner"> <div class="transfer_inner">
<div class="transfer_map"> <div class="transfer_map">
<div class="map"> <div class="map">
<div style="position:relative;overflow:hidden; border-radius: 33px;"> <div class="map_div">
<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" <a href="https://maps.app.goo.gl/ZYTyA2qTvCpnXTdN7" target="_blank" class="map_link">
style="color:#eee;font-size:12px;position:absolute;top:0px;"> <img src="images/maps/zags.webp" alt="ЗАГС" class="map_preview" loading="lazy">
Главное управление записи актов гражданского состояния</a>
<iframe <div class="map_btn">
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" </div>
referrerpolicy="no-referrer-when-downgrade"></iframe> </a>
</div> </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_info">Начало в</h6>
<h6 class="map_time">10:10</h6> <h6 class="map_time">10:10</h6>
</div> </div>
<div class="map"> <div class="map">
<div style="position:relative;overflow:hidden; border-radius: 33px;"> <div class="map_div">
<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" <a href="https://maps.app.goo.gl/5WFQzNhDqmo2dBxXA" target="_blank" class="map_link">
style="color:#eee;font-size:12px;position:absolute;top:0px;">Лофт 1870</a> <img src="images/maps/loft.webp" alt="ЗАГС" class="map_preview" loading="lazy">
<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" <div class="map_btn">
width="100%" height="100%" style="border:1px;" allowfullscreen="" loading="lazy" Открыть маршрут
referrerpolicy="no-referrer-when-downgrade"></iframe> </div>
</a>
</div> </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_info">Начало в</h6>
<h6 class="map_time">18:30</h6> <h6 class="map_time">18:30</h6>
</div> </div>
@@ -346,34 +358,44 @@
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<!-- Slides --> <!-- Slides -->
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/1.jpg" alt="photo"> <img class="swiper_img" src="images/photos/1.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/2.jpg" alt="photo"> <img class="swiper_img" src="images/photos/2.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/3.jpg" alt="photo"> <img class="swiper_img" src="images/photos/3.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/4.jpg" alt="photo"> <img class="swiper_img" src="images/photos/4.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/5.jpg" alt="photo"> <img class="swiper_img" src="images/photos/5.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/6.jpg" alt="photo"> <img class="swiper_img" src="images/photos/6.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/7.jpg" alt="photo"> <img class="swiper_img" src="images/photos/7.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/8.jpg" alt="photo"> <img class="swiper_img" src="images/photos/8.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/9.jpg" alt="photo"> <img class="swiper_img" src="images/photos/9.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
<div class="swiper-slide"> <div class="swiper-slide">
<img class="swiper_img" src="images/photos/10.jpg" alt="photo"> <img class="swiper_img" src="images/photos/10.webp" alt="photo" width="500" height="500"
loading="lazy" decoding="async">
</div> </div>
</div> </div>
<!-- If we need pagination --> <!-- If we need pagination -->
@@ -394,31 +416,150 @@
<div class="to-do-list_wrapper"> <div class="to-do-list_wrapper">
<div class="to-do-list_items"> <div class="to-do-list_items">
<div class="to-do-list_item"> <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>
<div class="to-do-list_item"> <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>
<div class="to-do-list_item"> <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>
<div class="to-do-list_item"> <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>
<div class="to-do-list_item"> <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>
<div class="to-do-list_item"> <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>
<div class="to-do-list_item"> <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>
</div> </div>

View File

@@ -1,32 +1,45 @@
const swiper = new Swiper('.swiper', { 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: { navigation: {
nextEl: '.swiper-button-next', nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev', prevEl: '.swiper-button-prev',
}, },
// And if we need scrollbar // Скроллбар
scrollbar: { scrollbar: {
el: '.swiper-scrollbar', el: '.swiper-scrollbar',
hide: true,
}, },
speed: 1000, // Адаптив
breakpoints: { breakpoints: {
330: { 330: {
slidesPerView: 1, slidesPerView: 1,
}, },
1200: {
slidesPerView: 2, 768: {
}, slidesPerView: 2,
1650: { },
slidesPerView: 3,
}, 1400: {
slidesPerView: 3,
},
} }
}); });

View File

@@ -36,7 +36,7 @@ body {
position: fixed; position: fixed;
inset: 0; inset: 0;
background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.png") center center / cover no-repeat; background: url("images/ChatGPT\ Image\ 5\ янв.\ 2026\ г.\,\ 15_49_39.webp") center center / cover no-repeat;
z-index: -1; z-index: -1;
} }
@@ -51,7 +51,7 @@ button {
border-radius: 33px; border-radius: 33px;
transition: all .1s; transition: all .1s;
color: #e5b97e; color: #e5b97e;
box-shadow: #3a1f09 2px 4px 10px 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);
} }
button:hover { button:hover {
background-color: #f0c590; background-color: #f0c590;
@@ -72,7 +72,7 @@ img {
padding: 20px 180px; padding: 20px 180px;
margin-top: 40px; margin-top: 40px;
margin-bottom: 40px; margin-bottom: 40px;
box-shadow: #3a1f09 2px 4px 10px 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);
} }
.nav { .nav {
} }
@@ -165,7 +165,7 @@ img {
width: 10%; width: 10%;
border-radius: 10px; border-radius: 10px;
margin-left: 40px; margin-left: 40px;
box-shadow: #444 2px 2px 4px 0px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);
} }
.burger { .burger {
@@ -236,12 +236,12 @@ img {
/* --------------------------------Welcome----------------------------- */ /* --------------------------------Welcome----------------------------- */
.heading { .heading {
background: url("images/25.png") 50% 100% / cover; background: url("images/25.webp") 50% 100% / cover;
margin: 0px 400px; margin: 0px 400px;
/* border: 10px solid rgb(184, 136, 48); */ /* border: 10px solid rgb(184, 136, 48); */
/* border: 15px double rgb(184, 136, 48); */ /* border: 15px double rgb(184, 136, 48); */
height: 640px; height: 640px;
box-shadow: #000000 2px 4px 10px 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);
} }
.heading_content { .heading_content {
padding: 15px 100px; padding: 15px 100px;
@@ -251,7 +251,7 @@ img {
z-index: 1; z-index: 1;
padding: 20px 0px 20px 0px; padding: 20px 0px 20px 0px;
text-align: center; text-align: center;
box-shadow: #000000 2px 4px 10px 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);
} }
.heading_cont::after { .heading_cont::after {
z-index: -1; z-index: -1;
@@ -336,7 +336,7 @@ h4 {
align-items: center; align-items: center;
background-color: rgba(245, 198, 124, 0.9); background-color: rgba(245, 198, 124, 0.9);
padding: 20px; padding: 20px;
box-shadow: #000000 2px 4px 10px 2px; box-shadow: 0 2px 6px rgba(0,0,0,0.2);
} }
.img_newlywed { .img_newlywed {
width: 40%; width: 40%;
@@ -367,7 +367,6 @@ h4 {
} }
.guest_item { .guest_item {
text-align: center; text-align: center;
background: url("images/55555.jpg") 100% 100% / cover;
padding: 40px 80px; padding: 40px 80px;
border-radius: 33px; border-radius: 33px;
opacity: 0.8; opacity: 0.8;
@@ -482,10 +481,11 @@ h4 {
align-items: center; align-items: center;
gap: 100px; gap: 100px;
} }
.map > div { .map > div {
border: 1px solid #000; max-width: 100%; /* или 100% */
width: 760px; /* или 100% */ height: 100%;
height: 500px; border-radius: 33px;
} }
.map iframe { .map iframe {
width: 100%; width: 100%;
@@ -494,7 +494,6 @@ h4 {
} }
.map_adress { .map_adress {
font-size: 50px; font-size: 50px;
text-align: center;
margin-top: 20px; margin-top: 20px;
font-weight: 900; font-weight: 900;
} }
@@ -510,6 +509,50 @@ h4 {
margin-top: 10px; margin-top: 10px;
font-weight: 900; 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-------------------------------------- */
.photos { .photos {
@@ -573,7 +616,7 @@ h4 {
.to-do-list_item { .to-do-list_item {
background: linear-gradient(135deg, #f3d9c6, #e8c3a4, #d9a77a); background: linear-gradient(135deg, #f3d9c6, #e8c3a4, #d9a77a);
backdrop-filter: blur(6px); 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; width: 300px;
height: 200px; height: 200px;
display: flex; display: flex;
@@ -590,9 +633,9 @@ h4 {
color: #3e2a1f; color: #3e2a1f;
text-shadow: 0 1px 1px rgba(255,255,255,0.3); text-shadow: 0 1px 1px rgba(255,255,255,0.3);
} }
.to-do-list_item_img { .to-do-list_item svg {
width: 50px; width: 44px;
height: 50px; height: 44px;
} }
/* ---------------------------ANSWER----------------------------------- */ /* ---------------------------ANSWER----------------------------------- */
@@ -606,7 +649,7 @@ h4 {
padding: 50px; padding: 50px;
margin: 0 300px; margin: 0 300px;
border-radius: 25px; 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; margin-top: 20px;
} }
@@ -721,7 +764,7 @@ textarea {
.footer { .footer {
background-color: #2f1e14; background-color: #2f1e14;
color: #fff; 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 { .footer_inner {
display: flex; display: flex;
@@ -799,6 +842,7 @@ textarea {
.heading { .heading {
margin: 0 350px; margin: 0 350px;
} }
} }
@media (max-width: 1620px) { @media (max-width: 1620px) {
@@ -826,6 +870,18 @@ textarea {
margin: 0 300px; margin: 0 300px;
height: 580px; height: 580px;
} }
.map_link {
height: 400px;
}
.map > div {
height: 400px;
}
.map_preview {
height: 400px;
}
.transfer_map {
gap: 70px;
}
} }
@media (max-width: 1520px) { @media (max-width: 1520px) {
.menu { .menu {
@@ -844,13 +900,10 @@ textarea {
} }
.time { .time {
font-size: 90px; font-size: 90px;
}
.transfer_map {
gap: 50px;
} }
.map > div { .map > div {
width: 620px; width: 500px;
height: 420px; height: 350px;
} }
.form_name { .form_name {
font-size: 30px; font-size: 30px;
@@ -868,6 +921,15 @@ textarea {
.to-do-list_items { .to-do-list_items {
width: 70%; width: 70%;
} }
.map {
width: 500px;
}
.map_link {
height: 350px;
}
.map_preview {
height: 350px;
}
} }
@@ -890,10 +952,6 @@ textarea {
.time_img { .time_img {
width: 40px; width: 40px;
height: 40px; height: 40px;
}
.map > div {
width: 560px;
height: 400px;
} }
.map_adress { .map_adress {
font-size: 30px; font-size: 30px;
@@ -1046,10 +1104,6 @@ textarea {
} }
.newlywed_title { .newlywed_title {
font-size: 36px; font-size: 36px;
}
.map > div {
width: 600px;
height: 400px;
} }
.map_adress { .map_adress {
font-size: 36px; font-size: 36px;
@@ -1364,6 +1418,25 @@ textarea {
.heading { .heading {
height: 450px; 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;
}
} }
@@ -1387,11 +1460,9 @@ textarea {
.swiper { .swiper {
height: 100%; height: 100%;
} }
img {
max-width: 70%;
}
.swiper_img { .swiper_img {
height: 250px; height: 250px;
max-width: 70%;
} }
.swiper-scrollbar { .swiper-scrollbar {
display: none; display: none;
@@ -1419,6 +1490,13 @@ textarea {
.heading { .heading {
height: 500px; height: 500px;
} }
.map_div {
display: none;
}
.map_adress {
margin-bottom: 10px;
color: #502c01;
}
} }