-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathblog.html
197 lines (194 loc) · 12.6 KB
/
blog.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
<!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__blog" id="hero">
<div class="hero__container">
<div class="hero__wrapper" style="background: url('img/hero-blog.png') 0 0 no-repeat; background-position: center; background-size: cover;">
<h1 class="hero__title _section-title">КУЛИНАРНЫЕ статьи</h1>
</div>
</div>
</section>
<section class="blog" data-aos="fade-up">
<div class="blog__container">
<div class="blog__title _section-title">Кулинарные статьи</div>
<p class="blog__description _section-description">
Рецепты и лайфхаки от известного шеф-повара
Москвы Александра Круглова
</p>
<ul class="blog__list">
<li class="blog__item">
<div class="blog__item-img" data-aos="fade-left" data-aos-offset="500" data-aos-duration="500">
<picture><source srcset="img/blog/blog-1.webp" type="image/webp"><img src="img/blog/blog-1.png" alt=""></picture>
</div>
<div class="blog__item-data" data-aos="fade-right" data-aos-offset="500" data-aos-duration="500">
<h2 class="blog__item-title">что такое выпечка?</h2>
<p class="blog__item-description">это изделия, приготовленные из различных видов
теста, с использованием печи либо духовки. Но также к выпечке можно отнести жареное
тесто на сковородке или во фритюрнице в большом количестве масла.
Вся выпечка делится на сладкую и несладкую, и в свою очередь каждая группа имеет
множество разновидностей выпечки: пироги, кексы, маффины, печенье, пирожные,
профитроли, булочки, вафли,ватрушки из различных видов теста. Домашний хлеб, а
также другие хлебобулочные изделия – это тоже выпечка.</p>
</div>
</li>
<li class="blog__item">
<div class="blog__item-img" data-aos="fade-left" data-aos-offset="500" data-aos-duration="500">
<picture><source srcset="img/blog/blog-2.webp" type="image/webp"><img src="img/blog/blog-2.png" alt=""></picture>
</div>
<div class="blog__item-data" data-aos="fade-right" data-aos-offset="500" data-aos-duration="500">
<h2 class="blog__item-title">А что такое торт?</h2>
<p class="blog__item-description">Торт является неотъемлемым атрибутом праздничного
стола на день рождения, свадьбу и чуть ли не ежедневным лакомством для сладкоежек.
История появления известных тортов не менее интересна, чем секреты их приготовления.
О том и другом мы сегодня обязательно вам расскажем.
История тортов, по-видимому, началась те времена, когда люди стали молоть зерно,
получая муку. Первые торты представляли собой самые обычные запечённые лепёшки,
которые по своим вкусовым качествам больше напоминали простой хлеб, нежели сладкое
лакомство.</p>
</div>
</li>
<li class="blog__item">
<div class="blog__item-img" data-aos="fade-left" data-aos-offset="500" data-aos-duration="500">
<picture><source srcset="img/blog/blog-3.webp" type="image/webp"><img src="img/blog/blog-3.png" alt=""></picture>
</div>
<div class="blog__item-data" data-aos="fade-right" data-aos-offset="500" data-aos-duration="500">
<h2 class="blog__item-title">Как подготовить мясо к жарке</h2>
<p class="blog__item-description">
1. Нарезайте мясо перпендикулярно волокнам
Кулинарные эксперименты доказывают , что нарезанный поперёк мышечных волокон стейк
получается гораздо более мягким. Идеальная толщина каждого куска — 2,5–4 см.
2. Дайте мясу приобрести комнатную температуру
Это важно для будущей равномерной прожарки. Если есть время, просто достаньте мясо
из холодильника за 2–3 часа до готовки — и оно согреется самостоятельно.
Если времени нет, заверните будущий стейк в пищевую плёнку и опустите на 20–30 минут
в тёплую (30–35 °С) воду.
3. Маринуйте только при необходимости
Не маринуйте, если планируете готовить классический стейк из вырезки или мраморного
мяса — те же рибай или филе-миньон. За счёт мягкости и сочности они хороши в
естественном — только с солью и перцем — виде. Маринад же может перебить вкус и
добавить стейку определённой вязкости.
Другое дело, если вы всё-таки решили рискнуть и приготовить альтернативный стейк. В
этом случае маринование желательно, иначе мясо на выходе будет слишком жёстким.
Маринадов существует много , выбирайте на свой вкус.
</p>
</div>
</li>
<li class="blog__item">
<div class="blog__item-img" data-aos="fade-left" data-aos-offset="500" data-aos-duration="500">
<picture><source srcset="img/blog/blog-1.webp" type="image/webp"><img src="img/blog/blog-1.png" alt=""></picture>
</div>
<div class="blog__item-data" data-aos="fade-right" data-aos-offset="500" data-aos-duration="500">
<h2 class="blog__item-title">что такое выпечка?</h2>
<p class="blog__item-description">это изделия, приготовленные из различных видов
теста, с использованием печи либо духовки. Но также к выпечке можно отнести жареное
тесто на сковородке или во фритюрнице в большом количестве масла.
Вся выпечка делится на сладкую и несладкую, и в свою очередь каждая группа имеет
множество разновидностей выпечки: пироги, кексы, маффины, печенье, пирожные,
профитроли, булочки, вафли, ватрушки из различных видов теста. Домашний хлеб, а
также другие хлебобулочные изделия – это тоже выпечка.</p>
</div>
</li>
<li class="blog__item">
<div class="blog__item-img" data-aos="fade-left" data-aos-offset="500" data-aos-duration="500">
<picture><source srcset="img/blog/blog-2.webp" type="image/webp"><img src="img/blog/blog-2.png" alt=""></picture>
</div>
<div class="blog__item-data" data-aos="fade-right" data-aos-offset="500" data-aos-duration="500">
<h2 class="blog__item-title">А что такое торт?</h2>
<p class="blog__item-description">Торт является неотъемлемым атрибутом праздничного
стола на день рождения, свадьбу и чуть ли не ежедневным лакомством для сладкоежек.
История появления известных тортов не менее интересна, чем секреты их приготовления.
О том и другом мы сегодня обязательно вам расскажем.
История тортов, по-видимому, началась те времена, когда люди стали молоть зерно,
получая муку. Первые торты представляли собой самые обычные запечённые лепёшки,
которые по своим вкусовым качествам больше напоминали простой хлеб, нежели сладкое
лакомство.</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>