-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
289 lines (286 loc) · 14.2 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
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>Храм Світлого Христового Воскресіння. Небесна сотня</title>
<meta name="keywords" content="Храм Світлого Христового Воскресіння, Небесна сотня" />
<meta name="description" content="Храм Світлого Христового Воскресіння. Небесна сотня" />
<meta property="fb:app_id" content="1177182079021293" />
<meta property="og:site_name" content="Храм Світлого Христового Воскресіння. Небесна сотня" />
<meta property="og:title" content="Храм Світлого Христового Воскресіння. Небесна сотня" />
<meta property="og:description" content="Храм Світлого Христового Воскресіння. Небесна сотня" />
<meta property="og:type" content="website" />
<meta property="og:image" content="http://hram.1gb.ua/images/fb-logo.jpg" />
<meta property="og:url" content="http://hram.1gb.ua" />
<meta property="og:locale" content="uk_UA" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</head>
<body>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '1177182079021293',
xfbml : true,
version : 'v2.7'
});
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="wraper">
<div class="flex-child header-and-main">
<div class="header">
<div class="header-menu">
<ul>
<li>
<a href="/">Головна</a>
</li>
<li>
<a href="#">Місія</a>
</li>
<li class="header-menu-video">
<a href="#video">Переглянути відео</a>
<span class="video-views-count"><b id="video-views-count">0</b> переглядів</span>
</li>
<li>
<a href="#">Контакти</a>
</li>
<li>
<a href="#">Про нас</a>
</li>
</ul>
</div>
<div class="header-social">
<a href="#"></a>
</div>
</div>
<div class="main-logo"></div>
<div class="main-sublogo">
<!--a class="main-history-link" href="#">
<img src="../images/history-left.png"> хронологія подій
</a-->
<div class="main-counter">
<div class="main-counter-header">до старту збору підписів залишилось:</div>
<div class="main-counter-time">
<div class="time-part">
<div class="time-value" id="time-days">17</div>
<div class="time-value-text">діб</div>
</div>
<div class="time-separator">:</div>
<div class="time-part">
<div class="time-value" id="time-hours">14</div>
<div class="time-value-text">годин</div>
</div>
<div class="time-separator">:</div>
<div class="time-part">
<div class="time-value" id="time-minutes">34</div>
<div class="time-value-text">хвилин</div>
</div>
<div class="time-separator">:</div>
<div class="time-part">
<div class="time-value" id="time-seconds">12</div>
<div class="time-value-text">секунд</div>
</div>
</div>
<div class="main-counter-help">
<a href="#help">як нам допомогти?</a>
</div>
</div>
<!--a class="main-history-link" href="#">
плани на майбутнє <img src="../images/history-right.png">
</a-->
</div>
</div>
<div class="flex-child about" id="about">
<div class="about-header">Хто ми та яке прохання маємо до вас?</div>
<div class="about-container">
<div class="about-el"></div>
<div class="about-el">
<div class="about-el-img-1"></div>
<div class="about-el-header">Про місію</div>
<div class="about-el-text">
Ми хочемо побудувати Храм Світлого Христового Воскресіння. Небесна сотня. Для вшанування та відмолення героїв, не тільки Євромайдану, а й зони АТО. Віддаймо гідну шану людям, котрі своєю кров’ю оплачують нашу свободу!
</div>
</div>
<div class="about-el">
<div class="about-el-img-2"></div>
<div class="about-el-header">Про плани</div>
<div class="about-el-text">
Побудований комплекс має на меті стати туристичним центром для туристів зі всього світу. Наявний музей буде освітлювати всі перипитії війни з диктатором Януковичем, та доведе присутнітсть військ РФ на Сході України.
</div>
</div>
<div class="about-el"></div>
</div>
<div class="about-container">
<div class="about-el">
<div class="about-el-img-3"></div>
<div class="about-el-header">Про нашу боротьбу</div>
<div class="about-el-text">
Дізнайтеся, чим ми займалися останні 2,5 роки! Багато деталей нашої важкої боротьби, підкріплені фотографіями, описами та документами. Опрацювавши наші архіви, ми відібрали найважливіше та згрупували у звіт. Для ознайомлення, натисніть сюди.
</div>
</div>
<div class="about-el">
<div class="about-el-img-4"></div>
<div class="about-el-header">Про важливість петиції</div>
<div class="about-el-text">
Ми маємо всі ресурси для побудови Храму, окрім землі. Чиновники та можновладці відмовляють нам раз за разом, тому ми звертаємося за допомогою до Президента України, а це в свою чергу можливо за допомогою вас! Нам потрібно 25 000 підписів під петицією. Залиште свою скриньку, ми повідомимо про старт збору!
</div>
</div>
<div class="about-el">
<div class="about-el-img-5"></div>
<div class="about-el-header">Про нас</div>
<div class="about-el-text">
Дізнайтеся про нас! Про нашу ініціативну групу та мудру церковну раду. Пишіть нам! Ми з задоволенням поспілкуємося з кожним, у кого виникнуть питання, адже справу ми робимо спільну не тільки для патріотів, а й всіх українців! Натисніть сюди, для знайомства.
</div>
</div>
</div>
<div class="about-container"></div>
</div>
<div class="contact" id="help">
<div class="contact-wrapper">
<div class="contact-header">
Залиште свою адресу, і ми повідомимо ваc про старт збору підписів!
</div>
<div class="contact-info">
Президент України розглядає петицію, якщо за 1 місяць її підпишуть понад 25 000 громадян України. Будьте одним з них і молитви за вас не стихатимуть в Храмі! Ми збрежемо вашу електронну адресу, для відправки нотифікації про старт збору підписів! Будьте патріотом! Зробіть рішучий крок, прикладіть свою руку до хорошої справи!
</div>
<div class="contact-inputs">
<label for="contact-name">ім'я</label>
<input id="contact-name" type="text" placeholder="Дмитро" />
<label for="contact-email">email</label>
<input id="contact-email" type="text" placeholder="example@mail.com" />
<label for="contact-phone">номер телефону</label>
<input id="contact-phone" type="text" placeholder="необов'язково" />
</div>
<div class="contact-checks-1">
<input class="checkbox-big" id="contact-check-1" type="checkbox" />
<label for="contact-check-1">Мені цікаво вам допомогти, я</label>
<input id="contact-check-2" type="checkbox" />
<label for="contact-check-2">програміст</label>
<input id="contact-check-3" type="checkbox" />
<label for="contact-check-3">дизайнер</label>
<input id="contact-check-4" type="checkbox" />
<label for="contact-check-4">seo/smm спеціаліст</label>
<input id="contact-check-5" type="checkbox" />
<label for="contact-check-5">архітектор</label>
<input id="contact-check-6" type="checkbox" />
<label for="contact-check-6">хочу пожертвувати</label>
</div>
<div class="contact-checks-2">
<input class="checkbox-big" id="contact-check-7" type="checkbox" />
<label for="contact-check-7">Я хочу допомогти вам і поділитися цим на фейсбуці!</label>
<input class="checkbox-big" id="contact-check-8" type="checkbox" />
<label for="contact-check-8">Я хочу отримувати новини на пошту!</label>
</div>
<a class="contact-send" href="javascript: void(0);">Відправити дані</a>
</div>
</div>
<div class="flex-child video">
<video id="video" src="video/video.mp4" preload="auto" poster="images/video-bg.jpg">
Щоб переглянути це відео, будь ласка, оновіть ваш веб-переглядач до версії, яка
<a href="http://videojs.com/html5-video-support/" target="_blank">підтримує відео HTML5</a>
</video>
<div class="video-header">
Перегляньте відео для розуміння цілей та проблеми
</div>
<div class="video-play"></div>
<div class="video-social">
<span class="video-social-count">725</span>
<a href="javascript: void(0);" class="video-social-button">Поділитися відеозаписом</a>
</div>
</div>
<div class="flex-child quotes">
<div class="quotes-header">Надіємося на допомогу і хай Господь береже вас!</div>
<div class="quotes-wrapper">
<div class="quotes-wrapper-flex">
<div class="quote-right">
<div class="quote-text">
Отож, хто знає, як чинити добро, та не чинить, той має гріх!
</div>
<div class="quote-source">
Якова 4:17
</div>
</div>
</div>
<div class="quotes-wrapper-flex">
<div class="quote-left">
<div class="quote-text">
Бог бере наше життя для того, щоби очистити його, вимити, відбілити, наповнити світлом, небесною любов’ю, правдою, вмінням розрізняти добро та зло, завжди обираючи добро... та віддає його нам назад, щоби ми могли жити вічно.
</div>
<div class="quote-source">
</div>
</div>
</div>
<div class="quotes-wrapper-flex">
<div class="quote-right">
<div class="quote-text">
Блаженні миротворці, бо вони синами Божими назвуться.
</div>
<div class="quote-source">
Заповіді Блаженства
</div>
</div>
</div>
<div class="quotes-wrapper-flex">
<div class="quote-left">
<div class="quote-text">
І, вставши, пішов він до батька свого. А коли він далеко ще був, його батько вгледів його, і переповнився жалем: і побіг він, і кинувсь на шию йому, і зачав цілувати його!
</div>
<div class="quote-source">
Від Луки 15:20
</div>
</div>
</div>
<div class="quotes-wrapper-flex">
<div class="quote-right">
<div class="quote-text">
І приходить до Нього прокажений, благає Його, і на коліна впадає та й каже Йому: Коли хочеш, Ти можеш очистити мене! І змилосердився Він, простяг руку Свою, і доторкнувся до нього, та й каже йому: Хочу, будь чистий! І проказа зійшла з нього хвилі тієї, і чистим він став.
</div>
<div class="quote-source">
Від Марка 1:40-42
</div>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="bot-social">
<a href="#"></a>
</div>
<a href="#" class="bot-logo"></a>
<div class="bot-menu">
<ul>
<li class="bot-logo">
</li>
<li>
<a href="#">Місія</a>
</li>
<li>
<a href="#video">Переглянути відео</a>
</li>
<li>
<a href="#help">Підтримати нас</a>
</li>
<li>
<a href="#">Контакти</a>
</li>
<li>
<a href="#">Про нас</a>
</li>
</ul>
</div>
<div class="bot-design">
<a href="#"></a>
</div>
</div>
</div>
</body>
</html>