сделал gym с адаптивностью

This commit is contained in:
Kirill Pet
2024-12-17 18:54:39 +03:00
parent cd23fb02ae
commit 077f5baf53
8 changed files with 229 additions and 6 deletions

View File

@@ -8,6 +8,8 @@
<meta name="description" content="SEO Description">
<link rel="shortcut icon" href="/assets/img/favicon.ico?v=1.0">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<!-- Базовые стили -->
<link rel="stylesheet" href="/assets/css/gp-style-core.css?v=1.0">
<link rel="stylesheet" href="/assets/css/gp-style-desktop.css?v=1.0">
@@ -223,6 +225,79 @@
</div>
</div>
</article>
<div class="main__item">
<p class="title-1">
GYM EVOLUTION: Технология проектирования, которая увеличивает посещаемость
</p>
<article class="gym gym-swiper">
<div class="swiper-wrapper">
<div class="gym__item swiper-slide">
<img src="/assets/img/photo/gym-1.png" alt="" class="gym-item__img gym-item-img--padding">
<div class="gym-item__text gym-item-text--padding">
<div class="gym-item-text__header">
<p class="text-1">
На
</p>
<p class="title-2">
20%
</p>
</div>
<p class="text-1">
увеличение эффективности использования площади
</p>
</div>
</div>
<div class="gym__item swiper-slide">
<img src="/assets/img/photo/gym-2.png" alt="" class="gym-item__img gym-item-img--padding">
<div class="gym-item__text gym-item-text--padding">
<div class="gym-item-text__header">
<p class="text-1">
На
</p>
<p class="title-2">
15%
</p>
</div>
<p class="text-1">
сокращение времени запуска клуба
</p>
</div>
</div>
<div class="swiper-slide">
<div class="gym__item">
<img src="/assets/img/photo/gym-3.png" alt="" class="gym-item__img">
</div>
<div class="gym__item">
<div class="gym-item__text">
<div class="gym-item-text__header">
<p class="text-1">
На
</p>
<p class="title-2">
18%
</p>
</div>
<p class="text-1">
повышение посещаемости (на основе кейсов)
</p>
</div>
</div>
</div>
</div>
</article>
</div>
</main>
<footer class="footer">
@@ -297,6 +372,7 @@
</div>
</footer>
<script src="/assets/js/gp-main.js"></script>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script src="/assets/js/main.js"></script>
</body>
</html>