-
Notifications
You must be signed in to change notification settings - Fork 0
/
template.html_
173 lines (161 loc) · 8.41 KB
/
template.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
<!doctype html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>HTML project</title>
<meta name="description" content="Adaptive html page">
<meta name="author" content="Zipofar">
</head>
<body>
<header>
</header>
<main>
<section class="promo"></section>
<section class="selection-glasses">
<div class="selection-glasses__item">
<div class="selection-glasses__text-wrapper">
<h2 class="text-white">Подбор очков</h2>
<p class="selection-glasses__text text-white">Поможем Вам подобрать очки, с нужными характеристиками из нашего огромного ассортимента</p>
<a class="btn btn-outline-primary selection-glasses__btn">Подобрать</a>
</div>
</div>
<div class="selection-glasses__item">
<div class="selection-glasses__img-wrapper">
</div>
</div>
</section>
<section class="popular-products">
<div class="popular-products__header-block">
<h2 class="popular-products__header text-dark">Популярные товары</h2>
</div>
<div class="popular-products__cards-block">
<div class="product-card">
<div class="product-card__image-wrapper">
<div class="product-card__marker">новинка</div>
<a href="#" class="product-card__image-link">
<div class="product-card__image" style="background-image: url(../images/prod_01.png)"></div>
</a>
</div>
<span class="product-card__description">DAVIDOFF Urban Coolness Sunglasses</span>
<div class="product-card__price-block">
<div class="product-card__prices">
<span class="product-card__new-price">14500 руб.</span>
<span class="product-card__old-price">15500 руб.</span>
</div>
<div class="product-card__btn-group">
<button class="btn btn-outline-primary btn-icon">
<span class="icon-compare"></span>
</button>
<button class="btn btn-outline-primary">В КОРЗИНУ</button>
</div>
</div>
</div>
<div class="product-card">
<div class="product-card__image-wrapper">
<a href="#" class="product-card__image-link">
<div class="product-card__image" style="background-image: url(../images/prod_02.png)"></div>
</a>
</div>
<span class="product-card__description">ACUVUE OASYS with HydraLuxe (30 линз)</span>
<div class="product-card__price-block">
<div class="product-card__prices">
<span class="product-card__new-price">14500 руб.</span>
</div>
<div class="product-card__btn-group">
<button class="btn btn-outline-primary btn-icon">
<span class="icon-compare"></span>
</button>
<button class="btn btn-outline-primary">В КОРЗИНУ</button>
</div>
</div>
</div>
<div class="product-card">
<div class="product-card__image-wrapper">
<div class="product-card__marker">новинка</div>
<a href="#" class="product-card__image-link">
<div class="product-card__image" style="background-image: url(../images/prod_03.png)"></div>
</a>
</div>
<span class="product-card__description">BULGARI NV-2345 Sunglasses</span>
<div class="product-card__price-block">
<div class="product-card__prices">
<span class="product-card__new-price">14500 руб.</span>
</div>
<div class="product-card__btn-group">
<button class="btn btn-outline-primary btn-icon">
<span class="icon-compare"></span>
</button>
<button class="btn btn-outline-primary">В КОРЗИНУ</button>
</div>
</div>
</div>
<div class="product-card">
<div class="product-card__image-wrapper">
<div class="product-card__marker">новинка</div>
<a href="#" class="product-card__image-link">
<div class="product-card__image" style="background-image: url(../images/prod_01.png)"></div>
</a>
</div>
<span class="product-card__description">DAVIDOFF Urban Coolness Sunglasses</span>
<div class="product-card__price-block">
<div class="product-card__prices">
<span class="product-card__new-price">14500 руб.</span>
<span class="product-card__old-price">15500 руб.</span>
</div>
<div class="product-card__btn-group">
<button class="btn btn-outline-primary btn-icon">
<span class="icon-compare"></span>
</button>
<button class="btn btn-outline-primary">В КОРЗИНУ</button>
</div>
</div>
</div>
</div>
</section>
<section class="stocks">
<div class="stocks__block-header row justify-content-between">
<h2 class="stocks__header text-dark">Акции</h2>
<a href="" class="stocks__all-stocks">Все акции</a>
</div>
<div class="row justify-content-between">
<div class="stock stocks__block" style="background-image: url('images/action_1.jpg')">
<div class="stock__description-block">
<h2 class="stock__header text-white">Скидка 25% на очки DAVIDOFF</h2>
<p class="stock__text text-white">На все очки DAVIDOFF весенней коллекции</p>
<a href="#" class="stock-block__link-detail text-white">подробнее</a>
</div>
</div>
<div class="stock stocks__block" style="background-image: url('images/action_2.jpg')">
<div class="stock__description-block">
<h2 class="stock__header text-white">Акция при покупке детских очков</h2>
<p class="stock__text text-white">Оправа для очков со скидкой 50%</p>
<a href="#" class="stock-block__link-detail text-white">подробнее</a>
</div>
</div>
</div>
</section>
<section class="about">
<div class="about__item">
<div class="about__text">
<h2 class="about__header text-white">О компании</h2>
<p class="about__p text-white">
Открытие в 2003 году ООО” Оптик – Центр” стало большим событием в оказании медицинской помощи населению города и предоставило возможность нашим клиентам проверить зрение без записи и очередей.
</p>
<p class="about__p text-white">
Основным направлением нашей деятельности является оказание качественных услуг по проверке зрения, подбору контактных линз и диагностике заболеваний глаз. Мы ведем индивидуальную работу с каждым клиентом, независимо от возраста и социального статуса.
</p>
<p class="about__p text-white">
Наши высококвалифицированные специалисты имеют большой опыт работы в сфере здравоохранения, решают различные проблемы со зрением, постоянно участвуют в семинарах по современным методам коррекции зрения и съездах офтальмологов России.
</p>
<a href="#" class="about__detail text-white">подробнее</a>
</div>
</div>
<div class="about__item">
<div class="about__img"></div>
</div>
</section>
</main>
<footer>
</footer>
</body>
</html>