-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathorder.html
213 lines (209 loc) · 10 KB
/
order.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
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Главная</title>
<meta charset="UTF-8">
<meta name="format-detection" content="telephone=no">
<!-- <style>body{opacity: 0;}</style> -->
<link rel="stylesheet" href="css/style.min.css?_v=20220812135030">
<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" data-scroll="120" data-scroll-show="2000">
<div class="header__container">
<a href="#" class="header__logo">
<picture><source srcset="img/logo.webp" type="image/webp"><img src="img/logo.png" alt="logo image"></picture>
</a>
<div class="header__menu menu">
<nav class="menu__body">
<ul class="menu__list">
<li class="menu__item"><a href="../wedding-cakes.html" class="menu__link">Кафе</a></li>
<li class="menu__item"><a href="../menu.html" class="menu__link">Меню</a></li>
<li class="menu__item"><a href="../index.html" class="menu__link">Торты на заказ</a></li>
<li class="menu__item"><a href="../blog.html" class="menu__link">Кулинарные статьи</a></li>
<li class="menu__item"><a href="../about.html" class="menu__link">Сми о нас</a></li>
</ul>
</nav>
</div>
<div class="header__actions">
<a href="tel:+79999999999" class="header__actions-phone" data-da=".menu__list, 768">+7 (999) 999-99-99</a>
<a href="#" class="button header__actions-button" data-da=".menu__list, 450">Оставить заявку</a>
<button type="button" class="menu__icon icon-menu"><span></span></button>
</div>
</div>
</header>
<main class="page">
<section class="hero hero__cakes" id="hero">
<div class="hero__container">
<div class="hero__wrapper" style="background: url('img/wedding-cakes.png') 0 0 no-repeat; background-size: cover;">
<div class="hero__content">
<h1 class="hero__title _section-title">Торты на заказ</h1>
<p class="hero__subtitle">вкусно и по доступным ценам</p>
<a href="#" class="button hero__button">Заказать</a>
</div>
</div>
</div>
</section>
<section class="cakes">
<div class="cakes__container">
<h2 class="cakes__title _section-title">Виды Тортов</h2>
<p class="cases__description _section-description">Рекомендуем попробовать торты на заказ от
заслуженного
кондитера Москвы Александра Круглова</p>
<ul class="cakes__list cakes__order-list">
<li class="cakes__item cake">
<div class="cake__image">
<div class="cake__image-ibg"><picture><source srcset="img/cakes-views/wedding.webp" type="image/webp"><img src="img/cakes-views/wedding.png" alt="cake"></picture></div>
</div>
<div class="cake__content">
<div class="cake__title">Свадебные торты</div>
<div class="cake__subtitle">От заслуженного кондитера Москвы Александра Круглова</div>
<a href="#" class="button cake__button">Заказать</a>
</div>
</li>
<li class="cakes__item cake">
<div class="cake__image">
<div class="cake__image-ibg"><picture><source srcset="img/cakes-views/kids.webp" type="image/webp"><img src="img/cakes-views/kids.png" alt="cake"></picture></div>
</div>
<div class="cake__content">
<div class="cake__title">Детские торты</div>
<div class="cake__subtitle">От заслуженного кондитера Москвы Александра Круглова</div>
<a href="#" class="button cake__button">Заказать</a>
</div>
</li>
<li class="cakes__item cake">
<div class="cake__image">
<div class="cake__image-ibg"><picture><source srcset="img/cakes-views/happy.webp" type="image/webp"><img src="img/cakes-views/happy.png" alt="cake"></picture></div>
</div>
<div class="cake__content">
<div class="cake__title">Праздничные торты</div>
<div class="cake__subtitle">От заслуженного кондитера Москвы Александра Круглова</div>
<a href="#" class="button cake__button">Заказать</a>
</div>
</li>
<li class="cakes__item cake">
<div class="cake__image">
<div class="cake__image-ibg"><picture><source srcset="img/cakes-views/bussiness.webp" type="image/webp"><img src="img/cakes-views/bussiness.png" alt="cake"></picture></div>
</div>
<div class="cake__content">
<div class="cake__title">Корпоративные торты</div>
<div class="cake__subtitle">От заслуженного кондитера Москвы Александра Круглова</div>
<a href="#" class="button cake__button">Заказать</a>
</div>
</li>
</ul>
</div>
</section>
<section class="team">
<div class="team__container">
<h2 class="team__title _section-title">Наша команда</h2>
<p class="team__description _section-description">В нашем кафе собрана команда профессионалов,
которая всегда заботится о своих посетителях, делая ваш отдых комфортным. Мы всегда идём на
встречу нашим гостям в любых вопросах и пожеланиях.
Добро пожаловать!</p>
<ul class="team__items">
<li class="team__item">
<div class="team__item-img">
<picture><source srcset="img/team/team-1.webp" type="image/webp"><img src="img/team/team-1.png" alt=""></picture>
</div>
<div class="team__item-data">
<div class="team__item-title">Александра Овешкова</div>
<div class="team__item-skills">
<a href="#" class="team__item-skill">
<img src="img/icons/instagram.svg" alt="instagram icon">
Ведущая живых мастер-классов
</a>
<a href="#" class="team__item-skill">
<img src="img/icons/team.svg" alt="instagram icon">
Преподаватель в онлайн школе
</a>
</div>
<p class="team__item-description">
Многолетний опыт работы с уникальными технологиями приготовления тортов и десертов.
Более 500 учеников уже готовят прекрасные троты.
Автор статей и рецептов в журнале «Печь», автор книги «Любовь и тарты». Прошла
обучение и владеет сертификатами от профессиональных кондитеров с мировой
известностью.
</p>
</div>
</li>
<li class="team__item">
<div class="team__item-img">
<picture><source srcset="img/team/team-2.webp" type="image/webp"><img src="img/team/team-2.png" alt=""></picture>
</div>
<div class="team__item-data">
<div class="team__item-title">Елена Решетняк</div>
<div class="team__item-skills">
<a href="#" class="team__item-skill">
<img src="img/icons/star.svg" alt="instagram icon">
Специалист в кондитерской сфере
</a>
<a href="#" class="team__item-skill">
<img src="img/icons/team.svg" alt="instagram icon">
Ведущая популярного блога
</a>
</div>
<p class="team__item-description">
Елена Решетняк — эксперт по сахарной и вафельной флористике
и бисквитным тортам. Разработала авторскую рецептуру сахарней пасты и технологию
сброски сухарных цветов, а также собрала более 10.000 цветов для декора десертов и
более 1000 её учеников украшают цветами свои торты.
</p>
</div>
</li>
</ul>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__container">
<a href="#" class="footer__logo">
<picture><source srcset="img/logo.webp" type="image/webp"><img src="img/logo.png" alt="logo image"></picture>
</a>
<ul class="footer__list">
<li class="footer__list-item">
<a href="tel:+79999999999" class="footer__list-link">+7 (999) 999-99-99</a>
</li>
<li class="footer__list-item">
<a href="mailto:[email protected]" class="footer__list-link">[email protected]</a>
</li>
<li class="footer__list-item">
Россия, Москва, Тверская 5
</li>
</ul>
<ul class="footer__list footer__menu">
<li class="footer__list-item">
<a href="#" class="footer__menu-link">Кафе</a>
</li>
<li class="footer__list-item">
<a href="#" class="footer__menu-link">Меню</a>
</li>
<li class="footer__list-item">
<a href="#" class="footer__menu-link">Торты на заказ</a>
</li>
<li class="footer__list-item">
<a href="#" class="footer__menu-link">Кулинарные статьи</a>
</li>
<li class="footer__list-item">
<a href="#" class="footer__menu-link">Сми о нас</a>
</li>
</ul>
</div>
</footer>
</div>
<!-- <div id="popup" aria-hidden="true" class="popup">
<div class="popup__wrapper">
<div class="popup__content">
<button data-close type="button" class="popup__close">Закрыть</button>
<div class="popup__text">
Text
</div>
</div>
</div>
</div> -->
<script src="js/app.min.js?_v=20220812135030"></script>
</body>
</html>