-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
212 lines (202 loc) · 14.9 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
<!DOCTYPE html>
<html class="page" lang="ru" id="index">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Главная страница</title>
</head>
<body class="page__body">
<header class="page__header page-header" id="page-header__index">
<div class="page-header__container container">
<nav class="page-header__nav page-header__nav--closed page-header__nav--nojs">
<a href="/" class="page-header__logo logo">
YOUR LOGO HERE
</a>
<button class="page-header__toggler" type="button">
<span class="visually-hidden">Открыть меню</span>
</button>
<ul class="page-header__list site-menu">
<li class="site-menu__item site-menu__item--active">
<a href="#" class="site-menu__link">Главная</a>
</li>
<li class="site-menu__item ">
<a href="./pages/pet.html" class="site-menu__link">Выбор питомца</a>
</li>
<li class="site-menu__item site-menu__item--dropdown" data-has-children>
<a href="./pages/shop.html" class="site-menu__btn">Магазин</a>
<svg id="dropdownButton--first" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 7.5L10 12.5L5 7.5" stroke="#222222"/>
</svg>
<ul class="site-menu--dropdown visually-hidden" id="menuDropdownFirst">
<il class="site-menu__item">
<a href="./pages/food.html" class="site-menu__link">Корма и лакомства</a>
</il>
<il class="site-menu__item">
<a href="./pages/care.html" class="site-menu__link">Уход за животными</a>
</il>
<il class="site-menu__item">
<a href="./pages/accessories.html" class="site-menu__link">Аксессуары</a>
</il>
<il class="site-menu__item">
<a href="./pages/toys.html" class="site-menu__link">Игрушки</a>
</il>
<il class="site-menu__item">
<a href="./pages/empty-cart.html" class="site-menu__link">Корзина товаров</a>
</il>
</ul>
</li>
<li class="site-menu__item site-menu__item--dropdown" data-has-children>
<a href="./pages/about.html" class="site-menu__btn">О нас</a>
<svg id="dropdownButton--second" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15 7.5L10 12.5L5 7.5" stroke="#222222"/>
</svg>
<ul class="site-menu--dropdown" id="menuDropdownSecond">
<il class="site-menu__item">
<a href="./pages/about.html#mission" class="site-menu__link">Наша миссия</a>
</il>
<il class="site-menu__item">
<a href="./pages/about.html#photo" class="site-menu__link">Фотографии приюта</a>
</il>
<il class="site-menu__item">
<a href="./pages/about.html#history" class="site-menu__link">История приюта</a>
</il>
<il class="site-menu__item">
<a href="./pages/about.html#additional" class="site-menu__link">Доп. информация</a>
</il>
<il class="site-menu__item">
<a href="./pages/about.html#help" class="site-menu__link">Помощь приюту</a>
</il>
</ul>
</li>
</ul>
</nav>
<div class="page-header__promo promo">
<div class="promo__text">
<p class="promo__name">ДОБРО БЕЗ ГРАНИЦ</p>
<h1 class="promo__title">Приют для животных в г. Красноярск</h1>
<div class="promo__description">
<p class="promo__description--1">Наш приют - дом для тех, кто нуждается в любви и заботе.
Мы помогли обрести любящих хозяев более чем 500 котикам и собакам!</p>
<p class="promo__description--2">Дайте шанс бездомным животным найти свою семью и верных друзей.
Листайте ниже, чтобы познакомится с любимцами нашего приюта.</p>
</div>
<svg width="48" height="50" viewBox="0 0 48 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46 1.92308L24.5406 22.8618C24.2466 23.1486 23.7534 23.1486 23.4594 22.8618L2 1.92308" stroke="#6C584C" stroke-width="5" stroke-linejoin="round"/>
<path d="M46 25L24.5406 45.9387C24.2466 46.2256 23.7534 46.2256 23.4594 45.9387L2 25" stroke="#6C584C" stroke-width="5" stroke-linejoin="round"/>
</svg>
</div>
<!-- <div class="promo__image">
<img src="./img/index/header/header-bg.png" width="763px" alt="Мужчина с собакой">
</div> -->
</div>
</div>
</header>
<main class="page__main page-main page-main__index">
<section class="info">
<div class="info__container container">
<div class="info__content">
<h2 class="info__title">
Животные, которые ищут свой дом
</h2>
<ul class="info__list">
<li class="info__item info__item--chlorine">
<img src="./img/index/header/info/info-img-1.png" alt="Кот Шлепа" class="info__img" width="518px" height="450px">
<div class="info__description description">
<p class="description__name">Шлепа</p>
<span class="description__age">2 года</span>
</div>
<p class="info__subtitle">Ласковый котик, любит ИФИЯК и нюхать мяту...</p>
</li>
<li class="info__item">
<img src="./img/index/header/info/info-img-2.png" alt="Кошка Маруся" class="info__img" width="518px" height="450px">
<div class="info__description description">
<p class="description__name">Маруся</p>
<span class="description__age">1 год и...</span>
</div>
<p class="info__subtitle">Чистоплотная и любвиобильная девочка...</p>
</li>
<li class="info__item">
<img src="./img/index/header/info/info-img-3.png" alt="Пёс Джек" class="info__img" width="518px" height="450px">
<div class="info__description description">
<p class="description__name">Джек</p>
<span class="description__age">1 год</span>
</div>
<p class="info__subtitle">Просто хороший мальчик, любит грызть мебель...</p>
</li>
<li class="info__item info__item--chlorine">
<img src="./img/index/header/info/info-img-4.png" alt="Хомяк Виталик" class="info__img" width="518px" height="450px">
<div class="info__description description">
<p class="description__name">Виталик</p>
<span class="description__age">1 месяц</span>
</div>
<p class="info__subtitle">Хомячьё - дурачьё</p>
</li>
</ul>
<div class="info__aggitation">Эти и другие животные в нашем приюте</div>
<svg width="48" height="50" viewBox="0 0 48 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46 1.92308L24.5406 22.8618C24.2466 23.1486 23.7534 23.1486 23.4594 22.8618L2 1.92308" stroke="#6C584C" stroke-width="5" stroke-linejoin="round"/>
<path d="M46 25L24.5406 45.9387C24.2466 46.2256 23.7534 46.2256 23.4594 45.9387L2 25" stroke="#6C584C" stroke-width="5" stroke-linejoin="round"/>
</svg>
<a href="./pages/pet.html" class="info__button button button--link">Выбор питомца</a>
</div>
</div>
</section>
</main>
<footer class="page__footer page-footer">
<div class="page-footer__container container">
<nav class="page-footer__nav">
<div class="page-footer__contacts contacts">
<p class="contacts__name">Добро без границ</p>
<p class="contacts__description">Приют для животных в г. Красноярск</p>
<p class="contacts__address">г.Красноярск, ул.Пушкина, ст.4</p>
<a href="tel:83129000000" class="contacts__phone">+7 (312) 900-00-00</a>
<ul class="contacts__social">
<li class="contacts__item">
<a target="_blank" href="https://vk.com/siberianfederal?from=search" class="contacts__link">
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_432_146)">
<path d="M0 28.8C0 15.2235 0 8.43533 4.21766 4.21766C8.43533 0 15.2235 0 28.8 0H31.2C44.7765 0 51.5646 0 55.7824 4.21766C60 8.43533 60 15.2235 60 28.8V31.2C60 44.7765 60 51.5646 55.7824 55.7824C51.5646 60 44.7765 60 31.2 60H28.8C15.2235 60 8.43533 60 4.21766 55.7824C0 51.5646 0 44.7765 0 31.2V28.8Z" fill="#0077FF"/>
<path d="M31.925 43.2251C18.25 43.2251 10.4501 33.8501 10.1251 18.2501H16.9751C17.2001 29.7001 22.25 34.5501 26.25 35.5501V18.2501H32.7002V28.1251C36.6502 27.7001 40.7997 23.2001 42.1997 18.2501H48.6499C47.5749 24.3501 43.0749 28.8501 39.8749 30.7001C43.0749 32.2001 48.2001 36.1251 50.1501 43.2251H43.0499C41.5249 38.4751 37.7252 34.8001 32.7002 34.3001V43.2251H31.925Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_432_146">
<rect width="60" height="60" fill="white"/>
</clipPath>
</defs>
</svg>
</a>
</li>
<li class="contacts__item">
<a target="_blank" href="https://t.me/SibFUofficial" class="contacts__link">
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 28.8C0 15.2235 0 8.43533 4.21766 4.21766C8.43533 0 15.2235 0 28.8 0H31.2C44.7765 0 51.5646 0 55.7824 4.21766C60 8.43533 60 15.2235 60 28.8V31.2C60 44.7765 60 51.5646 55.7824 55.7824C51.5646 60 44.7765 60 31.2 60H28.8C15.2235 60 8.43533 60 4.21766 55.7824C0 51.5646 0 44.7765 0 31.2V28.8Z" fill="#2AABEE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5366 28.0383C23.0634 24.0536 28.7492 21.4267 31.5941 20.1575C39.717 16.5337 41.4048 15.9042 42.5049 15.8834C42.7469 15.8788 43.2879 15.9431 43.6384 16.2481C43.9343 16.5057 44.0157 16.8536 44.0546 17.0978C44.0936 17.3419 44.1421 17.8982 44.1035 18.3328C43.6634 23.2935 41.7587 35.3319 40.7897 40.8881C40.3797 43.2391 39.5724 44.0273 38.7908 44.1045C37.0923 44.2721 35.8025 42.9005 34.1573 41.7438C31.583 39.9338 30.1287 38.8071 27.6299 37.0408C24.742 34.9997 26.6141 33.8778 28.2599 32.0443C28.6906 31.5645 36.1745 24.2632 36.3193 23.6008C36.3374 23.518 36.3542 23.2092 36.1832 23.0462C36.0122 22.8831 35.7598 22.9389 35.5776 22.9832C35.3194 23.0461 31.2069 25.9616 23.2401 31.7298C22.0728 32.5896 21.0155 33.0085 20.0681 32.9866C19.0238 32.9624 17.0149 32.3532 15.5215 31.8325C13.6897 31.1939 12.2339 30.8562 12.3607 29.7716C12.4267 29.2066 13.152 28.6289 14.5366 28.0383Z" fill="white"/>
</svg>
</a>
</li>
</ul>
</div>
<ul class="page-footer__list">
<li class="page-footer__item">
<a href="#" class="page-footer__link">Главная</a>
</li>
<li class="page-footer__item">
<a href="./pages/about.html#help" class="page-footer__link">Помощь приюту</a>
</li>
<li class="page-footer__item">
<a href="./pages/pet.html" class="page-footer__link">Выбор питомца</a>
</li>
<li class="page-footer__item">
<a href="./pages/shop.html" class="page-footer__link">Магазин</a>
</li>
<li class="page-footer__item">
<a href="./pages/about.html" class="page-footer__link">О нас</a>
</li>
</ul>
</nav>
</div>
</footer>
<script src="./js/burger.js"></script>
</body>
</html>