сделал gym с адаптивностью
This commit is contained in:
78
index.html
78
index.html
@@ -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>
|
||||
Reference in New Issue
Block a user