-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
255 lines (255 loc) · 15.4 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Appetini</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<link rel="stylesheet" href="assets/css/assets.css">
<link rel="stylesheet" href="assets/css/app.css">
<script type="application/javascript" src="assets/js/assets.js"></script>
<script type="application/javascript" src="assets/js/app.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-71130170-1', 'auto');
ga('send', 'pageview');
</script>
<!-- Yandex.Metrika counter-->
<script type="text/javascript">
(function (d, w, c) {
(w[c] = w[c] || []).push(function () {
try {
w.yaCounter34092695 = new Ya.Metrika({
id: 34092695,
clickmap: true,
trackLinks: true,
accurateTrackBounce: true,
webvisor: true
});
} catch (e) {
}
});
var n = d.getElementsByTagName("script")[0],
s = d.createElement("script"),
f = function () {
n.parentNode.insertBefore(s, n);
};
s.type = "text/javascript";
s.async = true;
s.src = "https://mc.yandex.ru/metrika/watch.js";
if (w.opera == "[object Opera]") {
d.addEventListener("DOMContentLoaded", f, false);
} else {
f();
}
})(document, window, "yandex_metrika_callbacks");
</script>
<noscript>
<div><img src="https://mc.yandex.ru/watch/34092695" style="position:absolute; left:-9999px;" alt=""></div>
</noscript>
<!-- /Yandex.Metrika counter-->
</head>
</html>
<body>
<div class="app">
<header id="top" data-stellar-background-ratio="0.5" class="f-header">
<div class="header-wrapper">
<div class="header-title">
<div class="lobster f-64">Appetini</div>
<div class="flag"></div>
<div class="f-36">Суми</div>
<div class="f-18">Смачна домашня їжа на кожен день</div>
<div class="f-18 m-t-15 f-black white-bg">Ми вже спробували запустити сервіс та отримали дуже добрі відгуки про наш сервіс. Зараз ми процюємо над редизайном та запуском більш стабільної версії. Ви можете подивитись ціни та меню, з якими ми працювали. Якщо Вам подобається - підпишіться на наші оновлення та ми повідомимо Вас про запуск сервісу та майбутніх акціях:
<div><a href="#f-subscribe" class="m-t-20 btn btn-default f-btn scroll-to"><span class="f-24">Підписатись</span></a></div>
</div>
</div>
</div>
<nav class="navbar f-navbar navbar-fixed-top navbar-main">
<div class="container">
<div class="navbar-header">
<div data-toggle="collapse" data-target="#f-navbar" aria-expanded="false" class="navbar-toggle collapsed"><span class="glyphicon glyphicon-menu-hamburger"></span></div><a href="#top" class="navbar-brand lobster scroll-to">Appetini</a>
</div>
<div id="f-navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right f-menu">
<li><a href="#food-menu" class="scroll-to">Обіди</a></li>
<li><a href="#f-about" class="scroll-to">Про нас</a></li>
</ul>
</div>
</div>
</nav>
</header>
<div id="food-menu" class="f-section p-b-50">
<div class="container">
<h1 class="text-center f-white"><span>Обіди</span></h1>
<div class="m-t-30 text-center">
<div class="dish text-left"><a href="#"><img src="assets/images/dish1/main.jpg">
<div class="dish-info">
<div class="cook-name f-14">Готує:
<h2 class="text-uppercase cook-name m-t-0">Олена<span class="font-bold"> Георгіївна</span></h2>
</div>
<div class="ingredients"><span>Плов</span><span>Овочевий салат з капусти</span></div>
</div>
<div class="price">
<div class="f-white price-count"><span class="f-36">35</span><span class="f-18">грн</span></div>
<div class="more">
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
</div>
</div></a></div>
<div class="dish text-left"><a href="#"><img src="assets/images/dish2/main.jpg">
<div class="dish-info">
<div class="cook-name f-14">Готує:
<h2 class="text-uppercase cook-name m-t-0">Олена<span class="font-bold"> Георгіївна</span></h2>
</div>
<div class="ingredients"><span>Бризоль з м'ясним фаршем</span><span>Овочевий салат з капусти</span><span>Хліб</span></div>
</div>
<div class="price">
<div class="f-white price-count"><span class="f-36">30</span><span class="f-18">грн</span></div>
<div class="more">
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
</div>
</div></a></div>
<div class="dish text-left"><a href="#"><img src="assets/images/dish3/main.jpg">
<div class="dish-info">
<div class="cook-name f-14">Готує:
<h2 class="text-uppercase cook-name m-t-0">Віктор<span class="font-bold"> Шевченко</span></h2>
</div>
<div class="ingredients"><span>Картопляне пюре</span><span>Котлета м'ясна</span><span>Овочевий салат з капусти</span></div>
</div>
<div class="price">
<div class="f-white price-count"><span class="f-36">37</span><span class="f-18">грн</span></div>
<div class="more">
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
</div>
</div></a></div>
<div class="dish text-left"><a href="#"><img src="assets/images/dish4/main.jpg">
<div class="dish-info">
<div class="cook-name f-14">Готує:
<h2 class="text-uppercase cook-name m-t-0">Наталя<span class="font-bold"> Сальник</span></h2>
</div>
<div class="ingredients"><span>Солянка</span><span>Запіканка</span></div>
</div>
<div class="price">
<div class="f-white price-count"><span class="f-36">25</span><span class="f-18">грн</span></div>
<div class="more">
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
</div>
</div></a></div>
<div class="dish text-left"><a href="#"><img src="assets/images/dish6/main.jpg">
<div class="dish-info">
<div class="cook-name f-14">Готує:
<h2 class="text-uppercase cook-name m-t-0">Олена<span class="font-bold"> Георгіївна</span></h2>
</div>
<div class="ingredients"><span>Суп з гречкою</span><span>М'ясні зрази</span></div>
</div>
<div class="price">
<div class="f-white price-count"><span class="f-36">30</span><span class="f-18">грн</span></div>
<div class="more">
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
</div>
</div></a></div>
<div class="dish text-left"><a href="#"><img src="assets/images/dish8/main.jpg">
<div class="dish-info">
<div class="cook-name f-14">Готує:
<h2 class="text-uppercase cook-name m-t-0">Віктор<span class="font-bold"> Шевченко</span></h2>
</div>
<div class="ingredients"><span>Каша гречана</span><span>Відбивна з грибами та сиром</span><span>Окрошка</span></div>
</div>
<div class="price">
<div class="f-white price-count"><span class="f-36">37</span><span class="f-18">грн</span></div>
<div class="more">
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
</div>
</div></a></div>
<div class="dish text-left"><a href="#"><img src="assets/images/dish10/main.jpg">
<div class="dish-info">
<div class="cook-name f-14">Готує:
<h2 class="text-uppercase cook-name m-t-0">Віктор<span class="font-bold"> Шевченко</span></h2>
</div>
<div class="ingredients"><span>Гречана каша з печінковими котлетами</span><span>Овочевий салат з капустою</span></div>
</div>
<div class="price">
<div class="f-white price-count"><span class="f-36">35</span><span class="f-18">грн</span></div>
<div class="more">
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
</div>
</div></a></div>
<div class="dish text-left"><a href="#"><img src="assets/images/dish11/main.jpg">
<div class="dish-info">
<div class="cook-name f-14">Готує:
<h2 class="text-uppercase cook-name m-t-0">Наталя<span class="font-bold"> Сальник</span></h2>
</div>
<div class="ingredients"><span>Плов</span><span>Овочевий салат з капустою</span></div>
</div>
<div class="price">
<div class="f-white price-count"><span class="f-36">35</span><span class="f-18">грн</span></div>
<div class="more">
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
</div>
</div></a></div>
<div class="dish text-left"><a href="#"><img src="assets/images/dish12/main.jpg">
<div class="dish-info">
<div class="cook-name f-14">Готує:
<h2 class="text-uppercase cook-name m-t-0">Олена<span class="font-bold"> Георгіївна</span></h2>
</div>
<div class="ingredients"><span>Картопляне пюре</span><span>Відбивна свиняча</span><span>Салат овочевий з капустою</span></div>
</div>
<div class="price">
<div class="f-white price-count"><span class="f-36">39</span><span class="f-18">грн</span></div>
<div class="more">
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
<div class="fa fa-chevron-right"></div>
</div>
</div></a></div>
</div>
</div>
</div>
<div id="f-about" class="f-section grey">
<div class="container p-t-30 p-b-50">
<h2 class="text-center f-red font-extra-bold m-b-30 m-t-0">Обіди на кожен день</h2>
<article class="f-black f-article">Приготування смачної та корисної їжі для ділової людини – це справжня розкіш, враховуючи шалений темп її повсякденного життя. Як наслідок, якість щоденного раціону значно погіршується. Дозвольте собі перепочити і насолодитися хвилинкою спокою посеред метушливого дня, а розв’язання цієї проблеми залиште нам. На нашому сайті зібрана смачна колекція домашніх страв, у найбільш зручний для вас спосіб. Насолоджуйтесь разом з нами і не втрачайте апетиту! Щиро Ваш, Appetini.</article>
</div>
</div>
<div id="f-subscribe" class="f-section white">
<div class="container p-t-30 p-b-50 text-center subscribe-form">
<h2 class="f-red font-extra-bold m-b-30 m-t-0">Підписка на оновлення</h2>
<h4 class="f-black">Якщо Вам подобається - підпишіться на наші оновлення та ми повідомимо Вас про запуск сервісу та майбутніх акціях:</h4>
<form id="subscribeForm" action="subscribe.php" method="POST" name="subscribeForm">
<div class="m-t-20">
<input type="email" name="subscribeMail" required placeholder="Введіть вашу електронну пошту" class="form-control subscribe-email-input">
</div>
<div class="m-t-20 m-b-40">
<button type="submit" class="btn btn-default f-btn"><span class="f-24">Підписатись</span></button>
</div>
</form>
<h4 class="f-black">Також ви можете спостерігати за нами на наших сторінках в соціальних мережах:</h4>
<div class="m-t-20 m-b-20 f-64 f-36 socials"><a href="https://www.facebook.com/appetinicom/" target="_blank" class="inline f-link m-r-50 fa fa-facebook-official"></a><a href="https://vk.com/appetini" target="_blank" class="inline f-link fa fa-vk"></a></div>
</div>
</div>
<footer class="f-footer">
<div class="container">
<div class="text-center p-t-10 p-b-10 f-black footer-wrapper"><span class="lobster f-18 footer-center">Appetini Ⓒ<span> 2015</span></span>
<div class="pull-right m-r-25"><a href="https://www.facebook.com/appetinicom/" target="_blank" class="inline f-link f-24 m-r-10 fa fa-facebook-official"></a><a href="https://vk.com/appetini" target="_blank" class="inline f-link f-24 fa fa-vk"></a></div>
</div>
</div>
</footer>
</div>
</body>