-
Notifications
You must be signed in to change notification settings - Fork 12
/
kronstories.html
134 lines (118 loc) · 5.5 KB
/
kronstories.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<title>#KRONstories</title>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no">
<!-- <style>body{opacity: 0;}</style> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.css?_v=20230327195509" />
<link rel="stylesheet" href="css/style.min.css?_v=20230327195509">
<link rel="shortcut icon" href="favicon.ico">
<!-- <meta name="robots" content="noindex, nofollow"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div class="wrapper">
<header class="header">
<div class="header__container">
<div class="header__wrapper">
<a class="header__logo" href="index.html"><picture><source srcset="img/logo.webp" type="image/webp"><img src="img/logo.png" alt="kron logo"></picture></a>
<nav class="header__menu menu">
<ul class="menu__items">
<li class="menu__item"><a href="index.html">about us.</a></li>
<li class="menu__item"><a href="careers.html">careers.</a></li>
<li class="menu__item"><a href="contacts.html">contacts.</a></li>
<li class="menu__item menu__item_gradient"><a href="kronstories.html">#kronstories</a></li>
</ul>
</nav>
</div>
</div>
</header>
<main class="kronstories">
<div class="kronstories__container">
<div class="kronstories__wrapper">
<section class="stories">
<div class="stories__title title title_big">
<div class="stories__title_first-part">kron</div>
<div class="stories__title_second-part"><span class="text_grey">Stories</span><span class="text-accent_orange">/</span></div>
</div>
</section>
</div>
</div>
<!-- Slider main container -->
<div class="swiper stories-slider">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide stories-slide">
<div class="stories-slide__img">
<picture><source srcset="img/stories/photo-1.webp" type="image/webp"><img src="img/stories/photo-1.jpg" alt="Ships of the desert"></picture>
</div>
<div class="stories-slide__text">Ships of the desert</div>
</div>
<div class="swiper-slide stories-slide">
<div class="stories-slide__img">
<picture><source srcset="img/stories/photo-2.webp" type="image/webp"><img src="img/stories/photo-2.jpg" alt="Admire the spire"></picture>
</div>
<div class="stories-slide__text">Admire the spire</div>
</div>
<div class="swiper-slide stories-slide">
<div class="stories-slide__img">
<picture><source srcset="img/stories/photo-3.webp" type="image/webp"><img src="img/stories/photo-3.jpg" alt="The East is a delicate matter"></picture>
</div>
<div class="stories-slide__text">The East is a delicate matter</div>
</div>
<div class="swiper-slide stories-slide">
<div class="stories-slide__img">
<picture><source srcset="img/stories/photo-4.webp" type="image/webp"><img src="img/stories/photo-4.jpg" alt="Night City Lights"></picture>
</div>
<div class="stories-slide__text">Night City Lights</div>
</div>
<div class="swiper-slide stories-slide">
<div class="stories-slide__img">
<picture><source srcset="img/stories/photo-5.webp" type="image/webp"><img src="img/stories/photo-5.jpg" alt="Sunset"></picture>
</div>
</div>
<div class="swiper-slide stories-slide">
<div class="stories-slide__img">
<picture><source srcset="img/stories/photo-6.webp" type="image/webp"><img src="img/stories/photo-6.jpg" alt="It is the tallest one!"></picture>
</div>
<div class="stories-slide__text">It is the tallest one!</div>
</div>
<div class="swiper-slide stories-slide">
<div class="stories-slide__img">
<picture><source srcset="img/stories/photo-7.webp" type="image/webp"><img src="img/stories/photo-7.jpg" alt="An old little village"></picture>
</div>
<div class="stories-slide__text">An old little village</div>
</div>
<div class="swiper-slide stories-slide">
<div class="stories-slide__img">
<picture><source srcset="img/stories/photo-8.webp" type="image/webp"><img src="img/stories/photo-8.jpg" alt="Just a flowerbed in the yard"></picture>
</div>
<div class="stories-slide__text">Just a flowerbed in the yard</div>
</div>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__container">
<div class="footer__wrapper">
<nav class="footer__menu menu-footer">
<ul class="menu-footer__items">
<li class="menu-footer__item"><a href="index.html">about us.</a></li>
<li class="menu-footer__item"><a href="careers.html">careers.</a></li>
<li class="menu-footer__item"><a href="contacts.html">contacts.</a></li>
<li class="menu-footer__item menu-footer__item_gradient"><a href="kronstories.html">#kronstories</a></li>
</ul>
</nav>
<div class="footer__copyright">© 2023 Kron Development</div>
</div>
</div>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js?_v=20230327195509"></script>
<script src="https://cdn.jsdelivr.net/gh/dixonandmoe/rellax@master/rellax.min.js?_v=20230327195509"></script>
<script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.12?_v=20230327195509"></script>
<script src="js/app.min.js?_v=20230327195509"></script>
</body>
</html>