forked from BasicallyEmpty/nochlezhka
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathparticipant.html
149 lines (145 loc) · 7.78 KB
/
participant.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
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Гедонизмфест</title>
<link rel="stylesheet" href="./pages/messages.css" />
<link rel="stylesheet" href="./pages/participant.css" />
</head>
<body class="page">
<header class="header">
<div class="header__container">
<img src="./images/logo.svg" alt="logo" class="header__logo">
<div class="header__menu">
<button type="button" class="header__location-button page__button">
<img src="./images/location.svg" alt="location" class="header__location-image">
<span class="header__location-button-text">Санкт-Петербург</span>
</button>
<nav class="header__navigation">
<a class="header__navigation-link page__link" href="#">
<p class="header__link-text">куда пойти</p>
</a>
<a class="header__navigation-link page__link" href="./participant.html">
<p class="header__link-text">стать участником</p>
</a>
<a class="header__navigation-link page__link" href="#">
<p class="header__link-text">о фестивале</p>
</a>
</nav>
<a class="header__link page__link" href="#" target="_blank">
<img src="./images/like.svg" alt="like" class="header__like-image">
<p class="header__link-text">хочу пойти</p>
</a>
<button class="header__menu-button page__button" type="button">
<img src="./images/menu.svg" alt="menu">
</button>
<button class="header__donate-button page__button" type="button" onclick="location.href='./message-help.html'">
<span class="header__donate-text">поддержать</span>
</button>
</div>
</div>
</header>
<main class="content">
<h1 class="content__title">стать участником</h1>
<div class="content__holder">
<div class="content__container">
<h2 class="content__subtitle">как участвовать?</h2>
<div class="question-block">
<h3 class="question-block__number">1</h3>
<h4 class="question-block__title">выбор категории</h4>
<p class="question-block__text">
Определите, как вы хотите поддержать акцию: продавать напитки, блюда, провести мастер-класс или каким-то другим способом
</p>
</div>
<div class="question-block">
<h3 class="question-block__number">2</h3>
<h4 class="question-block__title">фото и описание</h4>
<p class="question-block__text">
Подготовьте описание и фото вашего заведения. Это нужно для создания карточки в нашем каталоге событий
</p>
</div>
<div class="question-block">
<h3 class="question-block__number">3</h3>
<h4 class="question-block__title">ссылки и соцсети</h4>
<p class="question-block__text">
Опубликуйте ссылку на вашу карточку в соцсетях, расскажите у себя на сайте, чтобы больше людей узнали о вашем участии
</p>
</div>
<div class="question-block">
<h3 class="question-block__number">4</h3>
<h4 class="question-block__title">координатор</h4>
<p class="question-block__text">
Далее с вами свяжется координатор акции, который будет помогать по любым вопросам до и во время акции
</p>
</div>
<div class="question-block">
<h3 class="question-block__number">5</h3>
<h4 class="question-block__title">перевод средств</h4>
<p class="question-block__text">
После акции переведите собранные пожертвования в Ночлежку через сайт или по безналичному расчету
</p>
</div>
</div>
<div class="content__controls">
<button type="button" class="content__control" onclick="location.href='./pages/pick-category.html';">заполнить форму</button>
</div>
</div>
</main>
<footer class="footer">
<div class="footer__wrapper">
<div class="footer__illustration"></div>
<div class="footer__block-container">
<div class="footer__block">
<h2 class="footer__title">Организатор:</h2>
<ul class="footer__link-list">
<li class="footer__list-element">
<a href="https://homeless.ru/" target="_blank" class="footer__link footer__link_type_regular">Ночлежка</a>
</li>
<li class="footer__list-element">
<a href="mailto:info@hedonismfest.ru" class="footer__link footer__link_type_mail">
<p class="footer__link-text">info@hedonismfest.ru</p>
</a>
</li>
</ul>
</div>
<div class="footer__block">
<h2 class="footer__title">Сделано с любовью:</h2>
<ul class="footer__link-list">
<li class="footer__list-element">
<a href="https://fastsol.digital/" target="_blank" class="footer__link footer__link_type_regular">Fastsol Digital</a>
</li>
<li class="footer__list-element">
<a href="https://shishki.co/" target="_blank" class="footer__link footer__link_type_regular">shishki.collective</a>
</li>
<li class="footer__list-element">
<a href="https://practicum.yandex.ru/" target="_blank" class="footer__link footer__link_type_regular">студентами Яндекс.Практикума</a>
</li>
</ul>
</div>
<div class="footer__block">
<h2 class="footer__title">Мы в соцсетях:</h2>
<ul class="footer__link-list footer__link-list_type_social">
<li class="footer__list-element">
<a href="https://www.facebook.com/Homeless.ru" target="_blank" class="footer__link footer__link_type_social">
<img class="footer__social-icon" src="./images/facebook-logo.svg" alt="Логотип Facebook">
</a>
</li>
<li class="footer__list-element">
<a href="https://www.instagram.com/nochlezhka/" target="_blank" class="footer__link footer__link_type_social">
<img class="footer__social-icon" src="./images/instagram-logo.svg" alt="Логотип Instagram">
</a>
</li>
<li class="footer__list-element">
<a href="https://vk.com/club239781" target="_blank" class="footer__link footer__link_type_social">
<img class="footer__social-icon" src="./images/vkontakte-logo.svg" alt="Логотип Вконтакте">
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
</body>
</html>