-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
238 lines (216 loc) · 11.6 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
<!DOCTYPE html>
<html lang="en">
<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>Клубны дом. Віцебск</title>
<link rel="stylesheet" href="https://necolas.github.io/normalize.css/7.0.0/normalize.css">
<script src="https://use.fontawesome.com/22421ee3eb.js"></script>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&subset=cyrillic" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- header -->
<header class="main-header">
<a href="index.html" class="header-logo">
<img src="img/logo.png" alt="Крылья надежды" width="109" height="63">
</a>
<nav class="header-nav">
<ul class="header-nav__list">
<li><a class="active-page" href="#">О нас</a></li>
<li><a href="news.html">Новости</a></li>
<li><a href="#">Контакты</a></li>
<li><a href="support.html">Поддержать</a></li>
<li><a href="partners.html">Партнерам</a></li>
<li><a href="media.html">СМИ о нас</a></li>
</ul>
</nav>
</header>
<!-- Main content -->
<main class="main-wrapper">
<!-- Top block -->
<section class="wrapper-block__1">
<p class="block-1__text">Витебский клубный дом</p>
<h1 class="block-1__h2">Крылья Надежды</h1>
<a href="#" class="block-1__btn" role="button">Новости</a>
</section>
<!-- About us block -->
<section class="wrapper-block__2">
<h2 class="block-2__h3">О нас</h2>
<p class="block-2__italic">Место, где дарят "Крылья надежды", помогут, поддержат, научат "летать".</p>
<p class="block-2__text">Мы помогаем людям с психическими заболеваниями восстанавливать уверенность <br> в своих силах, развивать социальные контакты и навыки, необходимые для активного участия в жизни общества и трудовой деятельности</p>
</section>
<!-- Information block -->
<section class="wrapper-block__3">
<h2 class="block-3__h2">Клубный дом предоставляет каждому члену</h3>
<div class="block-3__wrapper">
<div class="block-3__square">
<p class="block-3__text text-1"><b>место</b>, куда можно <br> регулярно приходить</p>
</div>
<div class="block-3__square">
<p class="block-3__text text-2">значимые <b>занятость</b> <br> и работу, постоянное <br> социальное окружение</p>
</div>
<div class="block-3__square">
<p class="block-3__text text-3">упорядоченные <br> и развивающиеся <br> <b>отношения</b> с людьми</p>
</div>
</div>
</section>
<!-- Three blocks with "why to come" info -->
<section class="wrapper-block__4">
<h2 class="block-4__h2">Почему стоит прийти в Клубный Дом?</h2>
<div class="block-4__wrapper">
<div class="block-4__img">
</div>
<div class="block-4__description">
<h3 class="block-4__h3">В офисной секции</h3>
<p class="block-4__text">Вы научитесь:</p>
<ul class="block-4__list">
<li>- грамотно работать с документацией, по телефону,</li>
<li>- свободно пользоваться интернетом,</li>
<li>- планировать рабочий день Клубного дома,</li>
<li>- стать куратором новичков,</li>
<li>- общаться с нашими друзьями и партнерами по всему миру.</li>
</ul>
</div>
</div>
</section>
<section class="wrapper-block__5">
<div class="block-5__wrapper">
<div class="block-5__img">
</div>
<div class="block-5__description">
<h3 class="block-5__h3">В секции трудоустройства и обучения</h3>
<p class="block-5__text">Мы поможем:</p>
<ul class="block-5__list">
<li>найти работу (профориентация, составление <br> резюме, самопрезентация на собеседовании, поиск <br> вакансий),</li>
<li>научиться новому (просвещение по увлечениям и интересам - психология, астрология, этикет, hand-made, спорт и туризм, настольные игры и т. д.).</li>
</ul>
</div>
</div>
</section>
<section class="wrapper-block__6">
<div class="block-6__wrapper">
<div class="block-6__img">
</div>
<div class="block-6__description">
<h3 class="block-6__h3">В секции обслуживания <br> Клубного Дома</h3>
<p class="block-6__text">Вы сможете:</p>
<ul class="block-6__list">
<li>- научиться готовить блюда разных стран мира (готовка, <br> факты о еде, распределение обязанностей по кухне),</li>
<li>- освоить роль руководителя (поддержание порядка в <br> Клубном Доме),</li>
<li>- провести время в хорошей компании и в интересном месте <br> (дни рождения, праздники, походы и т. д.).</li>
</ul>
</div>
</div>
</section>
<!-- "How to become a member" block -->
<section class="wrapper-block__7">
<div class="block-7__wrapper">
<h2 class="block-7__h2">Как стать членом Клубного Дома</h2>
<p class="block-7__italic">Для того чтобы стать членом Витебского Клубного Дома, достаточно просто позвонить нам по телефону или прийти в Клубный Дом во время его работы.</p>
<p class="block-7__text">Основные критерии приема в члены Клубного Дома:</p>
<ol class="block-7__list">
<li>Люди с психическими заболеваниями не моложе 18 лет, осознающие желание <br> участвовать в жизни Клубного Дома;</li>
<li>Отсутствие агрессии в поведении, стабильное состояние, не требующее нахождения <br> в больнице;</li>
<li>Возможность самостоятельно приходить в Клубный Дом и контролировать прием лекарств.</li>
</ol>
</div>
</section>
<!-- News block -->
<section class="wrapper-block__8">
<h2 class="block-8__h2">Новости</h2>
<div class="block-8__wrapper">
<div class="block-8__left">
<a class="block-8__left-text" href="#">Организационная встреча по <br> созданию в г. Витебске Клубного Дома</a>
</div>
<div class="block-8__right">
<div class="block-8__blogpost">
<div class="blogpost__img img-1">
</div>
<div class="blogpost__text-wrapper">
<h4 class="blogpost__title">Welcome: мы расправили крылья! <br> 1 февраля 2017 года состоялось торжественное открытие.</h4>
<span class="blogpost__datetime">01.02.2017</span>
</div>
</div>
<div class="block-8__blogpost">
<div class="blogpost__img img-2">
</div>
<div class="blogpost__text-wrapper">
<h4 class="blogpost__title">Казка праз сэрца у Вiцебскiм Клубным Доме <br> "Крылы Надзеi"</h4>
<span class="blogpost__datetime">04.2017 - 05.2017</span>
</div>
</div>
<div class="block-8__blogpost">
<div class="blogpost__img img-3">
</div>
<div class="blogpost__text-wrapper">
<h4 class="blogpost__title">Стажировка Белорусских Клубных Домов в Варшавском <br> Клубном Доме (Warszawski Dom pod Fontanna)</h4>
<span class="blogpost__datetime">21.03.2017 - 25.03.2017</span>
</div>
</div>
<div class="block-8__blogpost">
<div class="blogpost__img img-4">
</div>
<div class="blogpost__text-wrapper">
<h4 class="blogpost__title">Всемирный день здоровья 2017 года. <br> Депрессия: давай поговорим</h4>
<span class="blogpost__datetime">07.04.2017</span>
</div>
</div>
</div>
</div>
</section>
<!-- Contacts block -->
<section class="wrapper-block__9">
<div class="block-9__map">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2278.6010955254587!2d30.136714!3d55.1727549!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x46c5724b4bf324c5%3A0xaa5b67190206a647!2z0JfQvtC70L7RgtC-0LPQvtGA0YHQutCw0Y8g0YPQuy4gNSwg0JLQuNGC0LXQsdGB0Lo!5e0!3m2!1sru!2sby!4v1499780489560" width="1042" height="510" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
<div class="block-9__contacts">
<h2 class="block-9__h2">Контакты</h2>
<p class="block-9__phone-1">+375 (29) 218-53-14</p>
<p class="block-9__phone-2">+375 (33) 675-66-73</p>
<a class="block-9__mail" href="mailto:vitebskclubhouse@gmail.com">vitebskclubhouse@gmail.com</a>
<p class="block-9__adress">г. Витебск, ул. Золотогорская, 5а</p>
</div>
</section>
</main>
<!-- Footer -->
<footer class="main-footer">
<div class="main-footer__top">
<div class="footer-menu menu-1">
<h3 class="footer__h3">Модель социальной <br> службы Клубный Дом</h3>
<ul class="footer-list">
<li><a href="history.html">История создания</a></li>
<li><a href="#">Что такое Клубный Дом?</a></li>
<li><a href="#">Наши принципы</a></li>
</ul>
</div>
<div class="footer-menu menu-2">
<h3 class="footer__h3">Партнерам</h3>
<ul class="footer-list">
<li><a href="#">Приглашаем к сотрудничеству</a></li>
<li><a href="#">Наши друзья и партнеры</a></li>
<li><a href="#">Мы благодарим</a></li>
</ul>
</div>
<div class="footer-menu menu-3">
<h3 class="footer__h3">Поддержать Витебский <br> Клубный Дом</h3>
<ul class="footer-list">
<li><a href="#">Стань волонтером</a></li>
<li><a href="#">Помочь финансово</a></li>
</ul>
</div>
<div class="footer-menu menu-4">
<h3 class="footer__h3">Заходите на наши страницы <br> в социальных сетях</h3>
<div class="footer__social">
<a class="s-btn btn-vk" href="#"><i class="fa fa-vk" aria-hidden="true"></i></a>
<a class="s-btn btn-fb" href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>
</div>
</div>
</div>
<div class="main-footer__bottom">
<p class="footer-bottom__text">Витебский Клубный Дом "Крылья Надежды", 2017</p>
</div>
</footer>
</body>
</html>