-
Notifications
You must be signed in to change notification settings - Fork 226
/
index.html
252 lines (207 loc) · 11.5 KB
/
index.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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Wines</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="assets/favicon.ico" type="image/png">
<!-- escape | in url query with %7C . See more https://developer.donnoval.ru/w3cvalidation/ -->
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:600%7CMontserrat&display=swap" rel="stylesheet">
<link rel="stylesheet" href="fonts/icomoon/style.css">
<link rel="stylesheet" href="css/bootstrap/bootstrap.css">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<link rel="stylesheet" href="css/aos.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body data-spy="scroll" data-target=".site-navbar-target" data-offset="300">
<div class="site-wrap">
<div class="site-mobile-menu site-navbar-target">
<div class="site-mobile-menu-header">
<div class="site-mobile-menu-close mt-3">
<span class="icon-close2 js-menu-toggle"></span>
</div>
</div>
<div class="site-mobile-menu-body"></div>
</div>
<div class="header-top">
<div class="container">
<div class="d-flex">
<div class="p-2 flex-grow-1">
<a href="index.html" class="site-logo mx-auto d-block">
<img src="assets/logo.png" alt="Image" class="img-fluid">
</a>
</div>
<div class="p-2 align-self-center d-md-none">
<a href="#" class="ml-auto d-block site-menu-toggle js-menu-toggle text-black">
<span class="icon-menu h1"></span>
</a>
</div>
</div>
</div>
<div class="site-navbar py-2 js-sticky-header site-navbar-target d-none pl-0 d-md-block" role="banner">
<div class="container">
<div class="d-flex align-items-center">
<div class="mx-auto">
<nav class="site-navigation position-relative text-left">
<ul class="site-menu main-menu js-clone-nav mx-auto d-none pl-0 d-md-block border-none">
<li class="active"><a href="index.html" class="nav-link text-left">Главная</a></li>
<li><a href="#products" class="nav-link text-left">Коллекция вин</a></li>
<li><a href="#feedback" class="nav-link text-left">Отзывы</a></li>
<li><a href="#footer" class="nav-link text-left">Контакты</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div class="owl-carousel hero-slide owl-style">
<div class="intro-section container" style="background-image: url('assets/hero_1.jpg');">
<div class="row justify-content-center text-center align-items-center">
<div class="col-md-8">
<span class="sub-title">Высший сорт</span>
<h1>Элитные виноградники</h1>
</div>
</div>
</div>
<div class="intro-section container" style="background-image: url('assets/hero_2.jpg');">
<div class="row justify-content-center text-center align-items-center">
<div class="col-md-8">
<span class="sub-title">Добро пожаловать</span>
<h1>Домашние вина</h1>
</div>
</div>
</div>
</div>
<div><a id="products"></a></div>
<div class="site-section">
<div class="container">
<div class="row">
<div class="col-12 section-title text-center mb-5">
<h2 class="d-block">Коллекция вин</h2>
<p>Вино — один из самых благородных и многогранных напитков в мире! Виноделие берёт своё начало с незапамятных времён. Вино упоминается в Библии и Коране, греческой и римской мифологии, где были свои боги вина (к примеру, Дионис). Стоит отметить, что почти у каждого народа существует своя легенда, повествующая о появлении божественного эликсира — вина.
</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 mb-5 col-md-6">
<div class="wine_v_1 text-center pb-4 pt-5">
<img src="images/izabella.png" alt="Image" class="img-fluid">
<div>
<h3 class="heading mt-3 mb-3 text-dark">Изабелла</h3>
<p>
Сорт винограда - Изабелла<br/>
<span class="price">300 р.</span>
</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-5 col-md-6">
<div class="wine_v_1 text-center pb-4 pt-5">
<img src="images/granatovyi_braslet.png" alt="Image" class="img-fluid">
<div>
<h3 class="heading mt-3 mb-3 text-dark">Гранатовый браслет</h3>
<p>
Сорт винограда - Мускат розовый<br/>
<span class="price">350 р.</span>
</p>
</div>
</div>
</div>
<div class="col-lg-4 mb-5 col-md-6">
<div class="wine_v_1 text-center pb-4 pt-5">
<img src="images/shardone.png" alt="Image" class="img-fluid">
<div>
<h3 class="heading mt-3 mb-3 text-dark">Шардоне</h3>
<p>
Сорт винограда - Шардоне<br/>
<span class="price">350 р.</span>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="hero-2" style="background-image: url('assets/hero_2.jpg');">
<div><a id="feedback"></a></div>
<div class="container">
<div class="row justify-content-center text-center align-items-center">
<div class="col-md-8">
<h2 style="font-size: 3rem;">проверено временем</h2>
<span class="sub-title" style="font-size: 2.5rem;">Уже 90 лет с вами</span>
</div>
</div>
</div>
</div>
<div class="site-section bg-light">
<div class="container">
<div class="owl-carousel owl-slide-3 owl-slide">
<blockquote class="testimony">
<img src="assets/person_1.jpg" alt="Фото">
<p>“Если бы вино Киндзмараули вдруг стало мужчиной, то это был бы средних лет (35-40 лет) аристократичный мужчина, в белой дорогой рубашке и брюках,
хорошей обуви, статный, знающий чего он хочет, успешный, но имеющий в своей душе такие струны,
с которыми может быть созвучна истинная женская трепетность и беззащитность.
Он может быть незаметен, он не бросается в глаза, но от того, что он есть, все вокруг становится на свои места.”</p>
<p class="small text-primary">— Марина Ли</p>
</blockquote>
<blockquote class="testimony">
<img src="assets/person_2.jpg" alt="Фото">
<p>“Вино столовое полусладкое белое Кокур - неплохое вино, молодое, невыдержанное. Особенности технологии его производства и дают, очевидно, такой вкус.
Вкус - довольно простой, несложный, но приятный. Невыдержанное вино в чем-то близко к молодому виноградному соку.
Пьется легко, вкус приятно- округлый, нежный.”</p>
<p class="small text-primary">— Михаил Яковлев</p>
</blockquote>
<blockquote class="testimony">
<img src="assets/person_3.jpg" alt="Фото">
<p>“Вина Шардоне хорошо подходят к нейтральным по остроте мясным, рыбным блюдам, блюдам из птицы, сырам и фруктам (яблоко, апельсин и груша). Вино мне понравилось, голова на утро от него не болела. Рекомендую.”</p>
<p class="small text-primary">— Андрей Власов</p>
</blockquote>
</div>
</div>
</div>
<div class="footer">
<div><a id="footer"></a></div>
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="social-icons">
<a href="#"><span class="icon-facebook"></span></a>
<a href="#"><span class="icon-twitter"></span></a>
<a href="#"><span class="icon-youtube"></span></a>
<a href="#"><span class="icon-instagram"></span></a>
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="copyright">
<p>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart text-danger" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" >Colorlib</a>
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- .site-wrap -->
<!-- loader -->
<div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#ff5e15"/></svg></div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/jquery-migrate-3.0.1.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/aos.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/main.js"></script>
</body>
</html>