-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
319 lines (311 loc) · 20.9 KB
/
about.html
File metadata and controls
319 lines (311 loc) · 20.9 KB
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
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/media.css">
</head>
<body>
<header class="header">
<div class="container d-flex align-items-center justify-content-between">
<div class="header__left d-flex align-items-center">
<button class="header__catalog">
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0.888672H20M0 7.99978H20M0 15.1109H20" stroke="#3A3A3A" stroke-width="2"
stroke-miterlimit="10" stroke-linecap="square" />
</svg>
Каталог
</button>
<ul class="header__menu d-flex align-items-center">
<li><a href="#">Торты</a></li>
<li><a href="#">Десерты в баночках</a></li>
<li><a href="#">Покупателям</a></li>
</ul>
</div>
<a href="#" class="header__logo">
NapaleonCake
</a>
<div class="header__right align-items-center d-flex">
<div class="header__contact">
<a href="#">8 800 200-95-70</a>
<div class="header__time">Ежедневно с 8:00 до 20:00</div>
</div>
<div class="header__btns align-items-center d-flex">
<button class="header__btn">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.6665 1.8335V7.3335H20.1665" stroke="#3A3A3A" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M21.0832 0.916504L14.6665 7.33317" stroke="#3A3A3A" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M20.1668 15.5098V18.2598C20.1678 18.5151 20.1156 18.7678 20.0133 19.0017C19.911 19.2356 19.761 19.4456 19.5729 19.6181C19.3848 19.7907 19.1627 19.9221 18.9208 20.0039C18.679 20.0857 18.4227 20.1161 18.1685 20.0931C15.3477 19.7866 12.6382 18.8227 10.2576 17.2789C8.04282 15.8715 6.16503 13.9938 4.75764 11.7789C3.20846 9.38753 2.24436 6.66484 1.94348 3.83143C1.92057 3.57794 1.95069 3.32246 2.03193 3.08125C2.11317 2.84004 2.24375 2.6184 2.41534 2.43042C2.58694 2.24244 2.7958 2.09225 3.02862 1.98941C3.26144 1.88657 3.51312 1.83334 3.76764 1.8331H6.51764C6.96251 1.82872 7.39378 1.98625 7.73109 2.27633C8.0684 2.56642 8.28871 2.96926 8.35098 3.40976C8.46705 4.28982 8.6823 5.15393 8.99264 5.9856C9.11597 6.31369 9.14267 6.67027 9.06956 7.01307C8.99645 7.35587 8.8266 7.67053 8.58014 7.91976L7.41598 9.08393C8.7209 11.3788 10.6211 13.279 12.916 14.5839L14.0801 13.4198C14.3294 13.1733 14.644 13.0035 14.9868 12.9303C15.3296 12.8572 15.6862 12.8839 16.0143 13.0073C16.846 13.3176 17.7101 13.5329 18.5901 13.6489C19.0354 13.7117 19.4421 13.936 19.7328 14.2791C20.0235 14.6222 20.178 15.0602 20.1668 15.5098Z"
stroke="#3A3A3A" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
<button class="header__btn">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M9.49996 2.75C8.16494 2.75 6.85991 3.14588 5.74988 3.88757C4.63986 4.62927 3.7747 5.68347 3.26381 6.91686C2.75292 8.15026 2.61925 9.50745 2.8797 10.8168C3.14015 12.1262 3.78302 13.3289 4.72702 14.2729C5.67102 15.2169 6.87374 15.8598 8.18311 16.1202C9.49247 16.3807 10.8497 16.247 12.0831 15.7361C13.3164 15.2252 14.3706 14.3601 15.1123 13.25C15.854 12.14 16.2499 10.835 16.2499 9.49996C16.2498 7.70979 15.5386 5.99298 14.2728 4.72714C13.0069 3.46131 11.2901 2.75011 9.49996 2.75V2.75Z"
stroke="#3A3A3A" stroke-miterlimit="10" />
<path d="M14.5361 14.5361L19.2502 19.2502" stroke="#3A3A3A" stroke-miterlimit="10"
stroke-linecap="round" />
</svg>
</button>
<button class="header__btn">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M14.7812 6.1875C14.6127 8.45926 12.8905 10.3125 10.9999 10.3125C9.10929 10.3125 7.38409 8.45969 7.21866 6.1875C7.04679 3.82422 8.72257 2.0625 10.9999 2.0625C13.2773 2.0625 14.953 3.86719 14.7812 6.1875Z"
stroke="#3A3A3A" stroke-linecap="round" stroke-linejoin="round" />
<path
d="M3.625 19.7914C3.625 15.791 7.26187 13.0625 11.0002 13.0625C14.7384 13.0625 18.3757 15.834 18.3757 19.7914"
stroke="#3A3A3A" stroke-miterlimit="10" />
</svg>
</button>
<button class="header__btn">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M15.1645 3.4375C12.375 3.4375 11 6.1875 11 6.1875C11 6.1875 9.62495 3.4375 6.83542 3.4375C4.56839 3.4375 2.77315 5.33414 2.74995 7.59731C2.70269 12.2951 6.47663 15.6359 10.6132 18.4435C10.7273 18.5211 10.862 18.5626 11 18.5626C11.1379 18.5626 11.2726 18.5211 11.3867 18.4435C15.5228 15.6359 19.2968 12.2951 19.25 7.59731C19.2268 5.33414 17.4315 3.4375 15.1645 3.4375V3.4375Z"
stroke="#3A3A3A" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>2</span>
</button>
<button class="header__btn">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.875 7.5625V6.1875C6.875 5.09348 7.3096 4.04427 8.08318 3.27068C8.85677 2.4971 9.90598 2.0625 11 2.0625V2.0625C12.094 2.0625 13.1432 2.4971 13.9168 3.27068C14.6904 4.04427 15.125 5.09348 15.125 6.1875V7.5625M3.4375 7.5625C3.25516 7.5625 3.0803 7.63493 2.95136 7.76386C2.82243 7.8928 2.75 8.06766 2.75 8.25V17.5312C2.75 18.8306 3.85688 19.9375 5.15625 19.9375H16.8438C18.1431 19.9375 19.25 18.8843 19.25 17.585V8.25C19.25 8.06766 19.1776 7.8928 19.0486 7.76386C18.9197 7.63493 18.7448 7.5625 18.5625 7.5625H3.4375Z"
stroke="#3A3A3A" stroke-linecap="round" stroke-linejoin="round" />
</svg>
<span>3</span>
</button>
</div>
</div>
</div>
</header>
<div class="wrapper">
<div class="container">
<ul class="breadcrumbs">
<li><a href="#">Главная</a></li>
<li><a href="#">О компании</a></li>
<li><a href="#">О Нас</a></li>
</ul>
<div class="row mb-130">
<div class="col-20 col-lg-3 col-md-12">
<div class="menu">
<div class="menu__title">О компании</div>
<ul class="menu__list">
<li>
<a href="about.html" class="menu__item active">О Нас</a>
</li>
<li>
<a href="press.html" class="menu__item">Пресса о Нас</a>
</li>
<li>
<a href="vacancy.html" class="menu__item">Вакансии</a>
</li>
<li>
<a href="contacts.html" class="menu__item">Контакты</a>
</li>
<li>
<a href="partners.html" class="menu__item">Кафе партнеры</a>
</li>
<li>
<a href="news.html" class="menu__item">Новости</a>
</li>
</ul>
</div>
</div>
<div class="col-60 col-lg-9 col-md-12">
<div class="text">
<div class="stitle mb-20">О нас</div>
<p>Одни выражают себя через слово, автор создает целые новые миры и персонажи. Другие выражают
себя
через музыку, композиторы передают красивые истории через звук. Как Вы выбираете для себя
книгу
или песню, какие чувства Вы испытываете? Вы можете видеть и слышать, но как Вы получаете
удовольствие от этого? Кондитер Серджиу, рассказы-вает свою историю через свой изысканный
вкус.
Все начиналось с семейных ужинов, выпечки на праздники и дни рождения, сладкие подарки для
родственников и близких друзей. На одном из таких вечеров мы познакомились с Серджиу и я
сразу
влюбилась в то что он делает. Буквально за одну неделю мы отработали первое меню, отсняли
материал для сайта и запустили Пекарню-Кондитерскую NapoleonCake. Серджиу как и многие
кондитеры
получил известность за свою страсть. От заказов на дни рождения и праздники, до больших
корпоративных мероприятий, подарков и поставок в кафе и рестораны, его десерты начали
разлетаться как горячие пирожки в морозный день. Серджиу всегда контролирует процесс
производства - от закупки продуктов до упаковки. Только так можно гарантировать всегда
высшее
качество вкуса наших тортов и десертов. Мы очень рады, что Вы зашли к нам в гости и мы с
удовольствием сделаем для Вас самый вкусный десерт в Вашей жизни.</p>
</div>
</div>
</div>
</div>
</div>
<div class="product mb-100">
<div class="container">
<div class="btitle center">ВЫ НЕДАВНО СМОТРЕЛИ</div>
<div class="row col20 swipexl">
<div class="col-20">
<div class="product__box mini">
<a href="#" class="product__img" style="background-image:url('./img/product.jpg')"></a>
<div class="product__bottom">
<a href="#" class="product__title">Торт "Наполеон" классический</a>
<div class="product__info d-flex justify-content-between align-items-center">
<span>Купили более 300 раз</span>
<span class="d-flex align-items-center">(96)
<img src="./img/star.svg" alt="">
</span>
</div>
<div class="d-flex align-items-center">
<div class="product__price">1 600 ₽</div>
<div class="product__weight">1.25 кг.</div>
</div>
</div>
</div>
</div>
<div class="col-20">
<div class="product__box mini">
<a href="#" class="product__img" style="background-image:url('./img/product.jpg')"></a>
<div class="product__bottom">
<a href="#" class="product__title">Торт "Наполеон" классический</a>
<div class="product__info d-flex justify-content-between align-items-center">
<span>Купили более 300 раз</span>
<span class="d-flex align-items-center">(96)
<img src="./img/star.svg" alt="">
</span>
</div>
<div class="d-flex align-items-center">
<div class="product__price">1 600 ₽</div>
<div class="product__weight">1.25 кг.</div>
</div>
</div>
</div>
</div>
<div class="col-20">
<div class="product__box mini">
<a href="#" class="product__img" style="background-image:url('./img/product.jpg')"></a>
<div class="product__bottom">
<a href="#" class="product__title">Торт "Наполеон" классический</a>
<div class="product__info d-flex justify-content-between align-items-center">
<span>Купили более 300 раз</span>
<span class="d-flex align-items-center">(96)
<img src="./img/star.svg" alt="">
</span>
</div>
<div class="d-flex align-items-center">
<div class="product__price">1 600 ₽</div>
<div class="product__weight">1.25 кг.</div>
</div>
</div>
</div>
</div>
<div class="col-20">
<div class="product__box mini">
<a href="#" class="product__img" style="background-image:url('./img/product.jpg')"></a>
<div class="product__bottom">
<a href="#" class="product__title">Торт "Наполеон" классический</a>
<div class="product__info d-flex justify-content-between align-items-center">
<span>Купили более 300 раз</span>
<span class="d-flex align-items-center">(96)
<img src="./img/star.svg" alt="">
</span>
</div>
<div class="d-flex align-items-center">
<div class="product__price">1 600 ₽</div>
<div class="product__weight">1.25 кг.</div>
</div>
</div>
</div>
</div>
<div class="col-20">
<div class="product__box mini">
<a href="#" class="product__img" style="background-image:url('./img/product.jpg')"></a>
<div class="product__bottom">
<a href="#" class="product__title">Торт "Наполеон" классический</a>
<div class="product__info d-flex justify-content-between align-items-center">
<span>Купили более 300 раз</span>
<span class="d-flex align-items-center">(96)
<img src="./img/star.svg" alt="">
</span>
</div>
<div class="d-flex align-items-center">
<div class="product__price">1 600 ₽</div>
<div class="product__weight">1.25 кг.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container d-flex justify-content-between">
<div class="footer__box">
<div class="footer__title">ПОКУПАТЕЛЯМ</div>
<ul class="footer__menu">
<li><a href="">Доставка</a></li>
<li><a href="">Доставка</a></li>
<li><a href="">Доставка</a></li>
<li><a href="">Доставка</a></li>
<li><a href="">Доставка</a></li>
</ul>
</div>
<div class="footer__box">
<div class="footer__title">О КОМПАНИИ</div>
<ul class="footer__menu">
<li><a href="">Доставка</a></li>
<li><a href="">Доставка</a></li>
<li><a href="">Доставка</a></li>
<li><a href="">Доставка</a></li>
<li><a href="">Доставка</a></li>
</ul>
</div>
<div class="footer__box">
<div class="footer__title">НОВОСТИ</div>
<div class="footer__sub">
<p>Новинки, акции, рецепты и полезные советы</p>
<form>
<input type="text" placeholder="Введите ваш e-mail">
<button type="submit">
<svg width="14" height="26" viewBox="0 0 14 26" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path d="M1.375 1.75L12.625 13L1.375 24.25" stroke="white" stroke-width="2"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</form>
<span>
Подписываясь на рассылку, вы соглашаетесь
c условиями. <a href="#">Политики конфиденциальности.</a>
</span>
</div>
</div>
<div class="footer__box">
<div class="footer__title">КОНТАКТЫ</div>
<div class="footer__social">
<a href="#"><img src="./img/telegram.png" alt=""></a>
<a href="#"><img src="./img/facebook.png" alt=""></a>
<a href="#"><img src="./img/instagram.png" alt=""></a>
<a href="#"><img src="./img/vk.png" alt=""></a>
<a href="#"><img src="./img/youtube.png" alt=""></a>
</div>
<div class="footer__phone">8 800 200-95-70</div>
<div class="footer__time">Бесплатный звонок по Москве и МО c 8:00 до 20:00</div>
<div class="footer__contact">mail@napoleoncake.ru</div>
<a href="#" class="footer__link">Написать нам</a>
<div class="footer__contact">125438, г. Москва, Лихоборская набережная, 14</div>
<a href="#" class="footer__link">Смотреть на карте</a>
</div>
</div>
<div class="container">
<div class="footer__copyright">
© Кондитерская NapoleonCake, 2015 - 2022
</div>
</div>
</footer>
</body>
</html>