-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
179 lines (160 loc) · 7.59 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
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="./styles/style.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="node_modules/slick-carousel/slick/slick-theme.css"/>
<title>Живой край</title>
</head>
<body>
<img class="dot" src="images/dot.png" alt="dot">
<header class="header">
<div class="menu">
<nav>
<a href="#smallpies">ПИРОЖКИ</a>
<a href="#soups">СУПЫ</a>
<a href="#salats">САЛАТЫ</a>
<a href="#bread">ХЛЕБ</a>
<a href="#pies">ПИРОГИ</a>
<a href="#cakes">ТОРТЫ</a>
</nav>
<img height="30" src="images/сердце.png" alt="heart"> <!-- find img -->
<nav>
<a href="#contacts">КОНТАКТЫ</a>
<a href="#map">КАРТА</a>
<a href="#about">О НАС</a>
<a href="#order">ЗАКАЗАТЬ</a>
</nav>
</div>
<div class="logo">
<img height="170" src="images/живой_край.png" alt="logo">
<h2>НАСТОЯЩАЯ ВЫПЕЧКА</h2>
<h5>улица Беды, 45 | +375(29)1234567 | 11:00-21:00 </h5>
<h5>пирожки, пироги, торты, муссы & обеды</h5>
</div>
</header>
<div class="gal">
<img width=18% src="images/галерея_1.jpg" alt="pic">
<img width=18% src="images/галерея_2.jpg" alt="pic">
<img width=18% src="images/галерея_3.jpg" alt="pic">
<img width=18% src="images/галерея_4.jpg" alt="pic">
<img width=18% src="images/галерея_5.jpg" alt="pic">
</div>
<div>
<img width=70% src="images/точки.png" alt="pic" class="cntr">
<h4 class="about">
Мы понравимся вам своей душевной атмосферой, качеством блюд и широким выбором полезной еды.<br/>
Мы любим всё простое и натуральное, свежее и вкусное. <br/>А ещё постоянно обновлением линейку эко-продуктов на
наших прилавках.
</h4>
<img width=70% src="images/петли.png" alt="pic" class="cntr">
</div>
<div>
<img width="80%" src="images/menu2.png" alt="меню" class="cntr">
<h5 class="menu_2">В этом списке находятся только наши<br/>хиты, на самом деле наше меню<br/> значительно шире
</h5>
<img height="50" id="smallpies" src="images/pirogki.png" alt="menu_2" class="cntr">
<h5 class="menu_2">Пирожки - это наш топ! В основе теста ржаная мука. Мы кладём по-больше начинки -
так<br/>вкуснее. Все пирожки сделаны вручную и с любовью</h5>
</div>
<table class="table">
<tr>
<td><img width=40% src="images/пряная_капуста.png" alt="pic"></td>
<td><img width=40% src="images/с_чечевицей.png" alt="pic"></td>
<td><img width=40% src="images/с_рисом_и_шпинатом.png" alt="pic"></td>
</tr>
<tr>
<td>Пряная капуста</td>
<td>С чечевицей</td>
<td>С рисом и шпинатом</td>
</tr>
<tr>
<td><img width=40% src="images/с_картошкой.png" alt="pic"></td>
<td><img width=40% src="images/пряная_капуста.png" alt="pic"></td>
<td><img width=40% src="images/с_хумусом.png" alt="pic"></td>
</tr>
<tr>
<td>C картофелем</td>
<td>Свекла и грецкий орех</td>
<td>С хумусом</td>
</tr>
<tr>
<td><img width=40% src="images/черника_с_яблоком.png" alt="pic"></td>
<td><img width=40% src="images/яблоко_с_корицей.png" alt="pic"></td>
<td><img width=40% src="images/клубника_с_яблоком.png" alt="pic"></td>
</tr>
<tr>
<td>C черникой и яблоком</td>
<td>Яблоко и корица</td>
<td>Яблоко и клубника</td>
</tr>
</table>
</div>
<div class="lunches">
<div class="greenRectangular">
<img class="leaves" src="images/ветка.png" alt="ветка">
<img class="lunchesTitle" src="images/lunches.png" alt="lunches">
<h3>
САЛАТЫ - СУПЫ - ПИРОЖКИ
</h3>
<p>
Ляляля трополя Ляляля трополя
Ляляля трополя Ляляля трополя Ляляля трополя Ляляля трополя
Ляляля трополя Ляляля трополя Ляляля трополя Ляляля трополя
</p>
<div class="whiteRectangular">
<span>
Ляляля трополя Ляляля трополя
Ляляля трополя Ляляля трополя Ляляля трополя Ляляля трополя
</span>
</div>
</div>
</div>
<div id="about">
<img height="50" src="images/aboutus.png" alt="о нас" class="cntr">
</div>
<div class="tblwe"></div>
<table>
<tr class="ongreen">
<td>
<h2>Это мы</h2>
<h4>За хлебом и пирожками стоит небольшая, но слаженная и тёплая команда поваров, заготовщиков и
кондитеров.</h4>
<td><img width=40% src="images/с_чечевицей.png" alt="pic"></td>
<td><img width=40% src="images/с_рисом_и_шпинатом.png" alt="pic"></td>
</tr>
<tr>
<td><img width=40% src="images/пряная_капуста.png" alt="pic"></td>
<td><img width=40% src="images/с_чечевицей.png" alt="pic"></td>
<td><img width=40% src="images/с_рисом_и_шпинатом.png" alt="pic"></td>
</tr>
<tr>
<td><img width=40% src="images/пряная_капуста.png" alt="pic"></td>
<td><img width=40% src="images/с_чечевицей.png" alt="pic"></td>
<td><img width=40% src="images/с_рисом_и_шпинатом.png" alt="pic"></td>
</tr>
<tr>
<td><img width=40% src="images/пряная_капуста.png" alt="pic"></td>
<td><img width=40% src="images/с_чечевицей.png" alt="pic"></td>
<td><img width=40% src="images/с_рисом_и_шпинатом.png" alt="pic"></td>
</tr>
<tr>
<td><img width=40% src="images/пряная_капуста.png" alt="pic"></td>
<td><img width=40% src="images/с_чечевицей.png" alt="pic"></td>
<td><img width=40% src="images/с_рисом_и_шпинатом.png" alt="pic"></td>
</tr>
</table>
</div>
<div id="map">
<script type="text/javascript" charset="utf-8" async
src="https://api-maps.yandex.ru/services/constructor/1.0/js/?um=constructor%3Adb1e4195981273f954c4c0e6d65f65188e9dd032c0d4236c12c39c5f4bd90c92&width=100%25&height=500&lang=ru_RU&scroll=true"></script>
</div>
<div class="ondark"><br/>
<h3>© 2019 Живой край</h3><br/>
</div>
<script src="./dist/main.js"></script>
</body>
</html>