-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
185 lines (184 loc) · 11.3 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Porten</title>
</head>
<body>
<header class="header">
<div class="header__content">
<div class="header__contact">
<div class="contact">
<img src="icon/phone.svg" alt="" class="contact__icon icon">
<div class="contact__text contact__text-tel">8 (812) 123-45-67</div>
<div class="contact__text contact__text_border">Работаем 7 дней в неделю</div>
<div class="contact__text">9.00 - 18.00</div>
</div>
<div class="header__log-in log-in">
<img src="icon/log-in.svg" alt="" class="header__log-in-icon">
<a href="javascript:void(0)" class="log-in__link">Войти </a> /
<a href="javascript:void(0)" class="log-in__link">Регистрация</a>
</div>
</div>
</div>
<nav class="nav">
<div class="nav_content">
<div class="nav_container">
<div class="nav-logo"><a href="javascript:void(0)"><img src="icon/PORTEN.svg" alt="" class="logo"></a></div>
<div class="burger">
<span></span>
</div>
<div class="nav__menu">
<ul class="menu">
<li class="menu__item"><a href="javascript:void(0)" class="menu__link">Понравилось</a></li>
<li class="menu__item"><a href="javascript:void(0)" class="menu__link">Личный кабинет</a></li>
<li class="menu__item"><a href="javascript:void(0)" class="menu__link">Настройки</a></li>
</ul>
<a href="javascript:void(0)" ><img src="icon/bx_bx-cart.svg" alt="" class="menu__icon"></a>
<a href="javascript:void(0)" ><img src="icon/search.svg" alt="" class="menu__icon"></a>
</div>
</div>
</div>
</nav>
</header>
<section class="submenu">
<div class="submenu__conteiner">
<div class="submenu__title">
<img src="icon/PORTEN-big.svg" alt="" class="submenu__icon">
<div class="submenu__city">Санкт-петербург</div>
</div>
<div class="submenu__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Purus interdum purus, est tortor pulvinar ut in. Fringilla a diam enim sed justo, sed iaculis sagittis. Tortor id eu interdum nec ut iaculis. Penatibus ullamcorper ultricies morbi ipsum sem metus pharetra, mi. Tortor nibh magna feugiat id nunc, dui nisl viverra.</div>
</div>
</section>
<section class="conteiner">
<div class="season20">
<h1 class="season20__title">СЕЗОН 2020/21</h1>
<div class="season20__content">
<div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div>
<div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div>
<div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div>
</div>
</div>
<div class="new-coll">
<h2 class="new-coll__title">Новая коллекция</h2>
<div class="new-coll__button">
<a href="javascript:void(0)" class="new-coll__link">каталог</a>
</div>
</div>
</section>
<section class="conteiner-two conteiner_other">
<div class="season18-img"></div>
<div class="season18">
<div class="season18__title">Коллекция 2018</div>
<div class="season18__text">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non rutrum ornare ut mattis habitant dui arcu. Sagittis amet nunc ut neque quis nibh arcu. Vivamus vestibulum nisi et venenatis sed scelerisque magna consectetur. Amet convallis quis gravida facilisis vulputate. Faucibus facilisi habitasse ipsum interdum dictum aliquet. Velit quis ullamcorper pulvinar nulla malesuada integer. Aenean praesent viverra nulla nullam natoque volutpat curabitur auctor. Viverra viverra ullamcorper scelerisque risus dignissim egestas. Id aliquam a aliquam egestas leo orci pharetra sed diam.
</div>
<div class="season18__button">
<a href="javascript:void(0)" class="season18__link">посмотреть коллекцию</a>
</div>
</div>
</section>
<section class="new-income">
<div class="new-income__title">новые поступления</div>
<div class="new-income__content">
<div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div> <div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div> <div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div> <div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div>
</div>
<div class="new-income__content">
<div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div> <div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div> <div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div> <div class="season20__column product">
<div class="season20__conteiner"><img src="img/oclock.png" alt="" class="season20__img"></div>
<h2 class="season20__subtitle">Louis XVI ATHOS</h2>
<div class="season20__cost">165 000 руб.</div>
</div>
</div>
</section>
<section class="brand">
<h1 class="brand__title">Наши бренды</h1>
<div class="brand__content">
<img src="icon/brand.svg" alt="" class="brand__img">
<img src="icon/brand.svg" alt="" class="brand__img">
<img src="icon/brand.svg" alt="" class="brand__img">
<img src="icon/brand.svg" alt="" class="brand__img">
</div>
</section>
<footer class="footer ">
<div class="footer__conteiner">
<div class="about">
<h2 class="footer__title about__title">О магазине</h2>
<div class="about__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mi semper viverra nunc cursus tortor lectus nunc nulla nibh. Egestas amet consectetur vel vitae aliquam dictum suspendisse. Lobortis eget consequat, tellus et et sed turpis. Pretium quisque vitae, amet, porttitor odio ultricies massa pharetra leo. Et ipsum urna fames in sit mi ultrices nisi, nunc.</div>
</div>
<div class="category category__content">
<h2 class="footer__title category__title">Категории</h2>
<div class="category__conteiner">
<div class="category__item">
<div class="category__text"><a href="javascript:void(0)" class="category__link">часы</a></div>
<div class="category__text category__text_center"><a href="javascript:void(0)" class="category__link">браслеты</a></div>
<div class="category__text"><a href="javascript:void(0)" class="category__link">ремни</a></div>
</div>
<div class="category__item">
<div class="category__text category__text_left"><a href="javascript:void(0)" class="category__link">ювелирные изделия</a></div>
<div class="category__text"><a href="javascript:void(0)" class="category__link">запонки</a></div>
</div>
</div>
</div>
<div class="mailing mailing__content">
<h2 class="footer__title">Рассылка</h2>
<div class="mailing__text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mi semper viverra nunc cursus tortor lectus nunc nulla nibh.</div>
<form class="form">
<input type="text" name="email" placeholder="Ваша почта" class="mailing__input">
<button class="mailing__btn">ПОДПИСАТЬСЯ</button>
</form>
</div>
</div>
</footer>
<div class="copyright">
<div class="copyright__content">
<div class="copyright__text">© 2020 Все права защищены</div>
<div class="copyright__text">Сделано Figma.info</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"></script>
<script src="scripts/script.js"></script>
</body>
</html>