-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
153 lines (134 loc) · 7.82 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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Glaccy</title>
</head>
<body>
<header class="main-header">
<nav class="main-navigation">
<img src="img/logo-main.jpg" alt="Логотип магазина">
<ul class="cite-navigation">
<li>Каталог</li>
<li>Доставка и оплата</li>
<li>О Компании</li>
</ul>
<ul class="user-navigation">
<li>Вход</li>
<li>Корзина</li>
</ul>
</nav>
<p class="header-contacts">
<span class="days">С 10 до 20, ежедневно</span>
<span class="phone">8 812 450-25-25</span>
</p>
</header>
<main>
<h1 class="visually-hidden">Магазин мороженного Глласи Шоп</h1>
<div class="proposal-main">
<img src="img/icecream-background-1.jpg" alt="" class="proposal-img">
<p class="proposal-text">Крем-брюле и пломбир с малиновым джемом</p>
<a href="#" class="button proposal-button">Давайте оба!</a>
</div>
<div class="proposal visually-hidden">
<img src="img/icecream-background-2.jpg" alt="" class="proposal-img">
<p class="proposal-text">Крем-брюле и пломбир с малиновым джемом</p>
<a href="#" class="button proposal-button">Давайте оба!</a>
</div>
<div class="proposal">
<img src="img/icecream-background-3.jpg" alt="" class="proposal-img">
<p class="proposal-text">Крем-брюле и пломбир с малиновым джемом</p>
<a href="#" class="button proposal-button">Давайте оба!</a>
</div>
<section class="promo ">
<h2 class="visually-hidden">Наши горячие предложения</h2>
<div class="promo-item">
<b class="promo-title">Млинка даром</b>
<p class="promo-text">При покупке 2 кг любого фруктового мороженого, добавим в ваш заказ банку
малинового
варенья бесплатно.</p>
<a href="#" class="button promo-button">Хочу варенье!</a>
</div>
<div class="promo-item">
<b class="promo-title">Шоколадки даром</b>
<p class="promo-text">При покупке 2 кг пломбира, добавим в ваш заказ упаковку вкуснейшей шоколадной
присыпки
совершенно бесплатно</p>
<a href="#" class="button promo-button">Хочу шоколадки!</a>
</div>
</section>
<section class="ice-creams-gallary">
<h2 class="visually-hidden">Лучшие мороженное</h2>
<ul class="ice-creams">
<li class="ice-cream-item">
<img src="img-ice-cream-1.jpg" alt="Сливочное с апельсиновым джемом и цитрусовой стружкой">
<p class="price-weight">
<span class="price">310р</span>
<span class="weight">/кг</span>
</p>
<p class="title">Сливочное с апельсиновым джемом и цитрусовой стружкой</p>
</li>
</ul>
<!-- Add othe ice creams -->
</section>
<section class="feature">
<h2>Магазин Глейси — это онлайн и офлайн магазин по продаже мороженого собственного производства на развес
</h2>
<p class="feature-item">Все наше мороженое изготавливается на собственном производстве, с использованием
современного оборудования и проверенных временем технологий.</p>
<p class="feature-item">Для приготовления мороженого используются настоящие сливки и молоко высочайшего
качества. Все дополнительные ингредиенты и добавки произведены из натурального, экологически чистого
сырья.</p>
<p class="feature-item">Закупка ингредиентов производится только у проверенных фермерских хозяйств и
компаний, с которыми нас связывает долговременное сотрудничество.</p>
<p class="feature-item">Доставка нашего мороженого до заказчиков осуществляется в специальном термопаке,
который не дает мороженому растаять в пути и позволяет сохранить превосходный вкус.</p>
</section>
<article class="news">
<h2 class="article-title">Новое в нашем блоге</h2>
<p class="article-title">10 способов сервировки фруктовых щербетов к столу</p>
</article>
<section class="subscribe">
<p>Подпишитесь на нашу сладкую рассылку и будете всегда в курсе всего самого вкусного, что у нас происходит.
Обещаем не спамить и не слать всякой ненужной ерунды. Честно =) </p>
<form action="">
<!-- Add form -->
</form>
</section>
<section class="map">
<img src="img/big-map.jpg" alt="Схема проезда">
<p class="contacts">
Адрес главного офиса<br>
и офлайн магазина:<br>
<b>ул. Большая Конюшенная 19/8, Санкт-Петербург</b>
Для заказов по телефону:<br>
<b>8 812 450-25-25</b><br>
(с 10 до 20 ежедневно)
<a href="contacts.html" class="button">Форма обратной связи</a>
</p>
</section>
</main>
<footer class="main-footer">
<div class="footer-social">
<ul>
<li><a href="" class="social-button">Твиттер</a></li>
<li><a href="" class="social-button">Инстраграм</a></li>
<li><a href="" class="social-button">Фейсбук</a></li>
<li><a href="" class="social-button">Вконтакете</a></li>
</ul>
</div>
<div class="footer-links">
<a href="#">Для поставщиков</a>
<a href="#">Наши документы</a>
<a href="#">О производстве</a>
<a href="#">Экологические стандарты</a>
</div>
<div class="footer-copyright">
<img src="img/hmtlacademy-logo.svg" alt="HTML Academy">
Сделано в HTML Academy © 2017
</div>
</footer>
</body>
</html>