-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
546 lines (529 loc) · 27.8 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
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
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
<!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__main">
<div class="hero__container">
<div class="hero__wrapper" style="background: url('img/banner/hero-main.png') 0 0 no-repeat; background-position: center; 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="course" data-aos="fade-up">
<div class="course__container">
<h2 class="course__title _section-title">Для кого курс</h2>
<div class="course__slider swiper">
<!-- Двигающееся часть слайдера -->
<div class="course__wrapper swiper-wrapper">
<!-- Слайд -->
<div class="course__slide swiper-slide">
<div class="course__image-ibg"><picture><source srcset="img/courses/family.webp" type="image/webp"><img src="img/courses/family.png" alt="image"></picture></div>
<div class="course__slide-title">Для всей семьи</div>
</div>
<div class="course__slide swiper-slide">
<div class="course__image-ibg"><picture><source srcset="img/courses/family.webp" type="image/webp"><img src="img/courses/family.png" alt="image"></picture></div>
<div class="course__slide-title">Влюбленные</div>
</div>
<div class="course__slide swiper-slide">
<div class="course__image-ibg"><picture><source srcset="img/courses/family.webp" type="image/webp"><img src="img/courses/family.png" alt="image"></picture></div>
<div class="course__slide-title">Тимбилдинг</div>
</div>
<div class="course__slide swiper-slide">
<div class="course__image-ibg"><picture><source srcset="img/courses/family.webp" type="image/webp"><img src="img/courses/family.png" alt="image"></picture></div>
<div class="course__slide-title">Фуд-блогеры</div>
</div>
</div>
<!-- Если нужна навигация (влево/вправо) -->
</div>
<div class="course__actions slider__actions">
<button type="button" class="swiper-button-prev"></button>
<div class="swiper-pagination course__pagination"></div>
<button type="button" class="swiper-button-next"></button>
</div>
</div>
</section>
<section class="experts" data-aos="fade-up">
<div class="experts__container">
<h2 class="experts__title _section-title">Наши звездные эксперты</h2>
<ul class="experts__items">
<li class="experts__item expert">
<div class="expert__image">
<picture><source srcset="img/team/team-1.webp" type="image/webp"><img src="img/team/team-1.png" alt=""></picture>
</div>
<div class="expert__data">
<div class="expert__title">Александра Овешкова</div>
<div class="expert__info">
<span class="expert__info-item"> <img src="img/icons/instagram.svg" alt="instagram icon">
Ведущая живых мастер-классов
</span>
<span class="expert__info-item"> <img src="img/icons/team.svg" alt="instagram icon">
Преподаватель в онлайн школе
</span>
</div>
<ul class="expert__skills-list">
<li class="expert__skills-item">Владеет уникальными технологиями приготовления тортов и десертов</li>
<li class="expert__skills-item">Более 500 учеников научились готовить прекрасные торты</li>
<li class="expert__skills-item">Автор статей и рецептов в журнале “Печь”</li>
<li class="expert__skills-item">Автор книги “Любовь и тарты”</li>
<li class="expert__skills-item">Владеет сертификатами от профессиональных кондитеров с мировой
известностью</li>
</ul>
<a href="#" class="button expert__button">ЗАПИСАТЬСЯ НА КУРС</a>
</div>
</li>
<li class="experts__item expert">
<div class="expert__image">
<picture><source srcset="img/team/team-2.webp" type="image/webp"><img src="img/team/team-2.png" alt=""></picture>
</div>
<div class="expert__data">
<div class="expert__title">Елена Решетняк</div>
<div class="expert__info">
<span class="expert__info-item">
<img src="img/icons/star.svg" alt="instagram icon">
Специалист в кондитерской сфере
</span>
<span class="expert__info-item">
<img src="img/icons/team.svg" alt="instagram icon">
Ведущая популярного блога
</span>
</div>
<ul class="expert__skills-list">
<li class="expert__skills-item">Эксперт по сахарной и вафельной флористике</li>
<li class="expert__skills-item">Эксперт по бисквитным тортам</li>
<li class="expert__skills-item">Разработала авторскую рецептуру сахарной пасты</li>
<li class="expert__skills-item">Разработала технологии сброски сахарных цветов</li>
<li class="expert__skills-item">Собрала более 10 000 цветов для декора десертов</li>
<li class="expert__skills-item">Более 1000 ее учеников украшают цветами свои торты</li>
</ul>
<a href="#" class="button expert__button">ЗАПИСАТЬСЯ НА КУРС</a>
</div>
</li>
</ul>
</div>
</section>
<section class="works" data-aos="fade-up">
<div class="works__container">
<h2 class="works__title _section-title">Работы нашего эксперта</h2>
<div class="works__slider swiper">
<div class="works__wrapper swiper-wrapper">
<div class="works__slide swiper-slide">
<div class="works__image-ibg"><picture><source srcset="img/works/work-1.webp" type="image/webp"><img src="img/works/work-1.png" alt="image"></picture></div>
</div>
<div class="works__slide swiper-slide">
<div class="works__image-ibg"><picture><source srcset="img/works/work-2.webp" type="image/webp"><img src="img/works/work-2.png" alt="image"></picture></div>
</div>
</div>
<div class="slider__actions">
<button type="button" class="swiper-button-prev"></button>
<div class="works__slider-pagination"></div>
<button type="button" class="swiper-button-next"></button>
</div>
</div>
<div class="works__button">
<a href="#" class="button">Хочу также</a>
</div>
</div>
</section>
<section class="program" data-aos="fade-up">
<div class="program__container">
<h2 class="program__title _section-title">Программа курса </h2>
<div class="program__subtitle">На курсе мы приготовим:</div>
<div class="program__wrapper">
<div class="program__card">
<div class="program__card-title">Практический курс "Великолепный Тарты" </div>
<div class="program__card-subtitle">Группа до 12 человек <br>
Продолжительность 2 дня <br>
Дата 30-31 июля
</div>
<div class="program__card-text">
<span>Что входит:</span>
<ul class="program__card-list">
<li>Сертификат об окончании</li>
<li>Все десерты, которые Вы приготовите, Вы забираете с собой</li>
<li>Весь инвентарь и ингредиенты предоставляет площадка</li>
<li>Горячий обед в середине занятия</li>
</ul>
</div>
</div>
<div class="program__info">
<ol class="program__info-list">
<li>
<span class="program__list-title">Тарт Бри Голубика</span>
<ul class="program__sublist">
<li>миндальное сабле</li>
<li>франжипан с голубикой</li>
<li>Компоте черника-голубика</li>
<li>шоколадный ганаш с черникой</li>
<li>мусс с бри</li>
</ul>
</li>
<li>
<span class="program__list-title">Тарт Мандарин</span>
<ul class="program__sublist">
<li>апельсиновое сабле</li>
<li>хрустящий слой</li>
<li>мандариновый ганаш</li>
<li>миндальный штрейзель</li>
<li>компоте имбирь мандарин</li>
<li>взбитый мандариновый ганаш</li>
<li>шоколадная апельсиновая глазурь</li>
<li>нейтральный гель</li>
</ul>
</li>
<li>
<span class="program__list-title">Тарт фисташковый взрыв</span>
<ul class="program__sublist">
<li>фисташковое сабле</li>
<li>фисташковое пралине</li>
<li>фисташковый кранч с пралине</li>
<li>фисташковая намелака</li>
<li>взбитый ганаш с фисташковый пралине</li>
</ul>
</li>
</ol>
<a href="#" class="button program__info-button">Подробнее</a>
</div>
</div>
</div>
</section>
<section class="results" id="results" data-aos="fade-up">
<div class="results__container">
<h2 class="results__title _section-title">Ваши результаты после обучения</h2>
<div class="results__wrapper">
<div class="results__items results__items--left">
<div class="results__item" data-aos="fade-right" data-aos-duration="500" data-aos-anchor-placement="center-bottom">
Умеешь готовить десерты разной сложности
</div>
<div class="results__item" data-aos="fade-right" data-aos-duration="700" data-aos-anchor-placement="center-bottom">
Знаешь, как продвигать себя в сфере работы кондитером
</div>
<div class="results__item" data-aos="fade-right" data-aos-duration="900" data-aos-anchor-placement="center-bottom">
Умеешь создавать красивые фото и видео своих работ
</div>
</div>
<div class="results__image" data-aos="zoom-in" data-aos-delay="600">
<picture><source srcset="img/results-image.webp" type="image/webp"><img src="img/results-image.png" alt="image"></picture>
</div>
<div class="results__items results__items--right">
<div class="results__item" data-aos="fade-left" data-aos-duration="500" data-aos-anchor-placement="center-bottom">
Появится уверенность и желание в своих работах
</div>
<div class="results__item" data-aos="fade-left" data-aos-duration="700" data-aos-anchor-placement="center-bottom">
Знаешь, как готовить сладости без вреда для здоровья
</div>
<div class="results__item" data-aos="fade-left" data-aos-duration="900" data-aos-anchor-placement="center-bottom">
Получишь знания, которые помогут стать успешным кондитером
</div>
</div>
</div>
<div class="results__button">
<a href="#" class="button results__button-link">Записаться на курс</a>
</div>
</div>
</section>
<section class="pricing">
<div class="pricing__container">
<h2 class="pricing__title _section-title">Тарифы и стоимость курса</h2>
<div class="pricing__items">
<div class="pricing__item" data-aos="fade-up" data-aos-duration="700">
<span class="pricing__item-title">"Все сама"</span>
<ul class="pricing__item-list">
<li>24 видео-урока в записи</li>
<li>Теория, история, рецепты</li>
<li>Доступ к курсу в течение</li>
<li>12 месяцев</li>
<li>Форумы и чат с куратором в маленьких группах</li>
<li>Теоретический и практические экзамены</li>
<li>Сертификат при успешной сдаче экзаменов</li>
<li>6 месяцев подписки в Кондитерском Клубе</li>
<li>6 дополнительных занятий с Шефом</li>
</ul>
<div class="pricing__item-price">3 990 Р</div>
<a href="#" class="button pricing__item-button">ВЫБРАТЬ ТАРИФ</a>
</div>
<div class="pricing__item" data-aos="fade-up" data-aos-duration="900">
<span class="pricing__item-title">“за руку”</span>
<ul class="pricing__item-list">
<li>24 видео-урока в записи</li>
<li>Теория, история, рецепты</li>
<li>Доступ к курсу в течение</li>
<li>12 месяцев</li>
<li>Форумы и чат с куратором в маленьких группах</li>
<li>Теоретический и практические экзамены</li>
<li>Сертификат при успешной сдаче экзаменов</li>
<li>6 месяцев подписки в Кондитерском Клубе</li>
<li>6 дополнительных занятий с Шефом</li>
</ul>
<div class="pricing__item-price">3 990 Р</div>
<a href="#" class="button pricing__item-button">ВЫБРАТЬ ТАРИФ</a>
</div>
<div class="pricing__item" data-aos="fade-up" data-aos-duration="1200">
<span class="pricing__item-title">“с шефом”</span>
<ul class="pricing__item-list">
<li>24 видео-урока в записи</li>
<li>Теория, история, рецепты</li>
<li>Доступ к курсу в течение</li>
<li>12 месяцев</li>
<li>Форумы и чат с куратором в маленьких группах</li>
<li>Теоретический и практические экзамены</li>
<li>Сертификат при успешной сдаче экзаменов</li>
<li>6 месяцев подписки в Кондитерском Клубе</li>
<li>6 дополнительных занятий с Шефом</li>
</ul>
<div class="pricing__item-price">3 990 Р</div>
<a href="#" class="button pricing__item-button">ВЫБРАТЬ ТАРИФ</a>
</div>
</div>
</div>
</section>
<section class="reviews" data-aos="fade-up">
<div class="reviews__container">
<h2 class="reviews__title _section-title">Отзывы</h2>
<!-- Оболочка слайдера -->
<div class="reviews__slider swiper">
<!-- Двигающееся часть слайдера -->
<div class="reviews__wrapper swiper-wrapper">
<!-- Слайд -->
<div class="reviews__slide swiper-slide">
<div class="reviews__slide-wrapper">
<div class="reviews__item reviews__item-1">
<div class="reviews__item-img">
<picture><source srcset="img/reviews/review-1.webp" type="image/webp"><img src="img/reviews/review-1.png" alt="image"></picture>
</div>
<div class="reviews__item-data">
<div class="reviews__item-name">Екатерина</div>
<div class="reviews__item-text">
В полном восторге! Очень понравился базовый курс. Программа курса очень насыщенна.
</div>
</div>
</div>
<div class="reviews__item reviews__item-2">
<div class="reviews__item-data">
<div class="reviews__item-name">Екатерина</div>
<div class="reviews__item-text">
В полном восторге! Очень понравился базовый курс. Программа курса очень насыщенна.
</div>
</div>
<div class="reviews__item-img">
<picture><source srcset="img/reviews/review-1.webp" type="image/webp"><img src="img/reviews/review-1.png" alt="image"></picture>
</div>
</div>
</div>
</div>
<div class="reviews__slide swiper-slide">
<div class="reviews__slide-wrapper">
<div class="reviews__item reviews__item-1">
<div class="reviews__item-img">
<picture><source srcset="img/reviews/review-1.webp" type="image/webp"><img src="img/reviews/review-1.png" alt="image"></picture>
</div>
<div class="reviews__item-data">
<div class="reviews__item-name">Екатерина</div>
<div class="reviews__item-text">
В полном восторге! Очень понравился базовый курс. Программа курса очень насыщенна.
</div>
</div>
</div>
<div class="reviews__item reviews__item-2">
<div class="reviews__item-data">
<div class="reviews__item-name">Екатерина</div>
<div class="reviews__item-text">
В полном восторге! Очень понравился базовый курс. Программа курса очень насыщенна.
</div>
</div>
<div class="reviews__item-img">
<picture><source srcset="img/reviews/review-1.webp" type="image/webp"><img src="img/reviews/review-1.png" alt="image"></picture>
</div>
</div>
</div>
</div>
</div>
<!-- Если нужна пагинация -->
<div class="slider__actions">
<button type="button" class="swiper-button-prev"></button>
<div class="swiper-pagination reviews__pagination"></div>
<button type="button" class="swiper-button-next"></button>
</div>
</div>
</div>
</section>
<section class="faq" data-aos="fade-up">
<div class="faq__container">
<h2 class="faq__title _section-title">Faq</h2>
<div data-spollers class="spollers faq__spollers">
<div class="spollers__item faq__spollers-item">
<button type="button" data-spoller class="spollers__title faq__spollers-title">В какое время нужно
обучаться?
<svg width="20" height="42" viewBox="0 0 20 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 41.3281L18.5 20.8239L0.499998 1.32812" stroke="black" class="faq__spollers-arrow" />
</svg>
</button>
<div class="spollers__body faq__spollers-content">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nesciunt impedit laudantium ullam quaerat quidem velit excepturi a dolore eum praesentium laborum
ducimus consequuntur hic reiciendis, ex, cum rerum asperiores harum.</div>
</div>
<div class="spollers__item faq__spollers-item">
<button type="button" data-spoller class="spollers__title faq__spollers-title">Что необходимо иметь для
прохождения обучения?
<svg width="20" height="42" viewBox="0 0 20 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 41.3281L18.5 20.8239L0.499998 1.32812" stroke="black" class="faq__spollers-arrow" />
</svg>
</button>
<div class="spollers__body faq__spollers-content">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nesciunt impedit laudantium ullam quaerat quidem velit excepturi a dolore eum praesentium laborum
ducimus consequuntur hic reiciendis, ex, cum rerum asperiores harum.</div>
</div>
<div class="spollers__item faq__spollers-item">
<button type="button" data-spoller class="spollers__title faq__spollers-title">Гарантируете ли вы
трудоустройство?
<svg width="20" height="42" viewBox="0 0 20 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 41.3281L18.5 20.8239L0.499998 1.32812" stroke="black" class="faq__spollers-arrow" />
</svg>
</button>
<div class="spollers__body faq__spollers-content">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nesciunt impedit laudantium ullam quaerat quidem velit excepturi a dolore eum praesentium laborum
ducimus consequuntur hic reiciendis, ex, cum rerum asperiores harum.</div>
</div>
<div class="spollers__item faq__spollers-item">
<button type="button" data-spoller class="spollers__title faq__spollers-title">Что нужно знать, чтобы
начать обучение на курсе?
<svg width="20" height="42" viewBox="0 0 20 42" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0.5 41.3281L18.5 20.8239L0.499998 1.32812" stroke="black" class="faq__spollers-arrow" />
</svg>
</button>
<div class="spollers__body faq__spollers-content">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Nesciunt impedit laudantium ullam quaerat quidem velit excepturi a dolore eum praesentium laborum
ducimus consequuntur hic reiciendis, ex, cum rerum asperiores harum.</div>
</div>
</div>
</div>
</section>
<section class="report" data-aos="fade-up">
<div class="report__container">
<h2 class="report__title _section-title">Фотоотчет по курсу</h2>
<!-- Оболочка слайдера -->
<div class="report__slider swiper">
<!-- Двигающееся часть слайдера -->
<div class="report__wrapper swiper-wrapper">
<!-- Слайд -->
<div class="report__slide swiper-slide">
<div class="report__image-ibg"><picture><source srcset="img/report/report-1.webp" type="image/webp"><img src="img/report/report-1.png" alt=""></picture></div>
</div>
<div class="report__slide swiper-slide">
<div class="report__image-ibg"><picture><source srcset="img/report/report-2.webp" type="image/webp"><img src="img/report/report-2.png" alt=""></picture></div>
</div>
<div class="report__slide swiper-slide">
<div class="report__image-ibg"><picture><source srcset="img/report/report-3.webp" type="image/webp"><img src="img/report/report-3.png" alt=""></picture></div>
</div>
</div>
<div class="slider__actions">
<button type="button" class="swiper-button-prev"></button>
<div class="swiper-pagination report__pagination"></div>
<button type="button" class="swiper-button-next"></button>
</div>
</div>
</div>
</section>
<section class="callback" data-aos="fade-up">
<div class="callback__container">
<h2 class="callback__title _section-title">записаться на курс</h2>
<form action="#" class="form callback__form">
<div class="form__title">Оставьте заявку и наш менеджер свяжется с вами в течение 5 минут</div>
<input autocomplete="off" type="text" data-validate data-required="text" name="form[]" placeholder="Имя" class="input form__input">
<input autocomplete="off" type="number" data-validate data-required="tel" name="form[]" placeholder="Телефон" class="input form__input">
<input autocomplete="off" type="email" data-validate data-required="email" name="form[]" placeholder="E-mail" class="input form__input">
<div class="form__button-wrapper">
<button type="submit" class="button form__button">Оставить заявку</button>
</div>
</form>
</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>