forked from diglabby/diglab_landing_page
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
242 lines (218 loc) · 13.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Тут грамадскія ініцыятывы знаходзяць дапамогу айці валанцёра, а валанцёры дапамагаюць арганiзацыям або праектам: малююць дызайн, ствараюць сайты, робяць пераклады i г.д.">
<meta name="author" content="">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<title>Лічбавая майстэрня</title>
<meta property="og:url" content="http://it.falanster.by" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Лічбавая майстэрня!" />
<meta property="og:description" content="онлайн-маркет ІТ-валанцёрскага абмену, на якім валанцёры і грамадскія ініцыятывы змогуць знаходзіць адзін аднаго" />
<meta property="og:image" content="http://it.falanster.by/img/logo_for_site.png" />
<!--TWITTER CARD -->
<meta name="twitter:card" content="product">
<meta name="twitter:site" content="@twitter">
<meta name="twitter:creator" content="@twitter">
<meta name="twitter:title" content="[TITLE]">
<meta name="twitter:description" content="[description]">
<meta name="twitter:image" content="[product_image]">
<meta name="twitter:data1" content="Price">
<meta name="twitter:label1" content="[price]">
<meta name="twitter:data2" content="Shop">
<meta name="twitter:label2" content="[store_url]">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="crossorigin="anonymous"></script>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- Custom CSS -->
<link href="css/main.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<script src="https://use.fontawesome.com/57e075aec4.js"></script>
<link href="css/cc-icons.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=cyrillic" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Ubuntu+Mono&subset=cyrillic" rel="stylesheet">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Header -->
<div class="hero">
<nav class="header__nav">
<!-- Burger. It appears only in mobile version -->
<a class="main-header__bars" href="#"><i class="fa fa-bars" aria-hidden="true"></i></a>
<!-- Main navigation -->
<ul class="nav__list">
<li><a href="index.html" class="nav-current">галоўная</a></li>
<li><a href="http://it.falanster.by/blog/">блог</a></li>
<li><a href="initiative.html">iнiцыятывам</a></li>
<li><a href="volunteers.html">валанцёрам</a></li>
<style>.fa-linux:hover {color: #AAD400 !important;}</style>
<li><a href="https://geeklauka.by/" target="_blank" style="font-family: 'Ubuntu'; font-weight: normal;">гік-лаўка</a> <i class="fa fa-linux" aria-hidden="true" style="font-size: 22px; color: #000;"></i></li>
</ul>
<!-- Lang panel -->
<div class="nav__lang">
<a href="#" class="lang-active">BY</a>
<a href="index-tras.html">TRAS</a>
<a href="index-en.html">EN</a>
<a href="index-ru.html">RU</a>
</div>
</nav>
<div class="intro-message">
<img class="img-responsive logo" src="img/logo_for_site.png" alt="Логотип">
<h1>лічбавая майстэрня</h1>
<h3>онлайн-маркет ІТ-валанцёрскага абмену,<br>
на якім валанцёры і грамадскія ініцыятывы<br>
змогуць знаходзіць адзін аднаго</h3>
<div class="pointerdown">
<span class="hashtag">#айціваланцёр</span>
<i class="fa fa-angle-down fa-inverse fa-2x" aria-hidden="true"></i>
</div>
</div>
</div><!-- hero -->
<!-- Page Content -->
<div class="section background-white">
<div class="container">
<div class="row">
<div class="col-lg-4 col-lg-offset-2 col-sm-offset-0 col-sm-6">
<h2 class="scrollhere">Вы праграміст</h2>
<p class="vol-text">Вы — распрацоўнік сайтаў або мабільнага прыкладання, адмысловец у інфармацыйнай бяспецы, графічны дызайнер, SEO-спецыяліст ці перакладчык, і калі вы жадаеце падзяліцца сваімі ведамі ды часам з іншымі грамадскімі ініцыятывамі — вы патэнцыйны ўдзельнік валанцёрскага руху.</p>
<div class="row btn-center">
<a type="button" class="btn button-volunteers btn-lg" href="volunteers.html">валанцёру</a>
</div>
</div>
<div class="col-lg-4 col-sm-6">
<img class="img-responsive img-halfwidth" src="img/programmer.png" alt="айці-валанцёр">
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-lg-4 col-lg-push-6 col-sm-6 col-sm-push-6">
<h2>Вы ініцыятыва</h2>
<p class="vol-text">Вы — лідар ініцыятывы, або пачынальнік некамерцыйнага праекту, або вам проста не стае ведаў у ІТ-галіне для вырашэння праблем вашага двара, мястэчка — вы патэнцыйны спажывец валанцёрскіх паслуг.</p>
<div class="row btn-center">
<a class="btn button-initiatives btn-lg" href="initiative.html">ініцыятыве</a>
</div>
</div>
<div class="col-lg-4 col-lg-pull-2 col-sm-6 col-sm-pull-6">
<img class="img-responsive img-halfwidth" src="img/initiative.png" alt="ініцыятыва">
</div>
</div>
</div>
</div>
<div class="section background-gray">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-sm-12">
<h2 class="section-title">Месца сустрэчы — Лічбавая майстэрня</h2>
<img class="img-responsive img-fullwidth" src="img/dig_lab.png" alt="Месца сустрэчы - Лічбавая майстэрня">
<p>Лічбавая Майстэрня — гэта ініцыятыва Фаланстэра, закліканая абудзіць ІТ-валанцёрства ў Беларусі. Гэта месца, дзе</p>
<ul>
<li>Грамадскія ініцыятывы могуць выкласці сваю лічбавую патрэбу.</li>
<li>Айці-валанцёры могуць абраць цікавую для сябе задачу, знайсці для сябе шмат карысных знаёмстваў і новы досвед.</li>
<li>Вы можаце пракансультавацца ў каманды Майстэрні па вашым лічбавым патрэбам.</li>
</ul>
</div>
</div>
</div>
</div>
<!-- map -->
<div class="section background-map">
<div class="map">
<h2 class="section-title">Як гэта будзе адбывацца?</h2>
<div class="map-background">
<span class="map-label label-one">збіраем задачы<br> ініцыятыў і<br> шукаем валанцёраў</span>
<span class="map-label label-two">ладзім<br> конкурс</span>
<span class="map-label label-three">запускаем пляцоўку<br> айці-валанцёрства</span>
</div>
</div>
</div>
<!-- end map -->
<div class="bottom-wrapper">
<div class="section background-dark">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 col-sm-12">
<h2 class="section-title">А навошта гэта ўсе ўвогуле патрэбна?</h2>
<p>Узмоцняцца сацыяльныя сувязі і абмен ведамі паміж тэхнічнымі адмыслоўцамі ды грамадскімі актывістамі.</p>
<p>Праз абмен каштоўнасцямі і культураю паміж сеткавымі жыхарамі, гікамі, нэрдамі і сацыяльнымі наватарамі пашырыцца важнасць лічбавых каштоўнасцяў і правоў, такіх як прыватнасць, права на развіццё, пераадоленне лічбавай дыскрымінацыі праз паляпшэнне сваіх лічбавых ведаў.</p>
<p>Як вынік развіццё краіны будзе больш устойлівым. Для тых, хто любіць шмат літар глядзіце <a href="https://falanster.by/be/digital_lab">старонку задумы</a> на Фаланстэры.</p>
</div>
</div>
</div>
</div>
</div><!-- bottom wrapper -->
<footer>
<!-- CTA buttons-->
<div class="buttons">
<div class="button-volunteers">
<a href="https://docs.google.com/forms/d/1xvajxU2tx9YequE-0bDqLgxZ5QJtwQqbOAoKcM7nHj4/viewform"><span>стань валанцёрам</span></a>
</div>
<div class="button-initiatives">
<a href="https://docs.google.com/forms/d/17TAstNrQcY5WOEN3mTZBBLHlacICsgzpBzQ-hI30Aak/viewform"><span>запытай дапамогу</span></a>
</div>
</div>
<!-- end CTA buttons-->
<div class="container">
<div class="row">
<div class="col-lg-12 col-sm-12">
<ul class="bottom-menu list-inline">
<!-- Footer navigation -->
<li><a href="#" class="nav-current">Галоўная</a></li>
<li><a href="https://it.falanster.by/tos.html">Правілы карыстання</a></li>
<li><a href="http://it.falanster.by/blog/">Блог</a></li>
<li><a href="volunteers.html">Валанцёрам</a></li>
<li><a href="initiative.html">Iнiцыятывам</a></li>
<li><a href="partners.html">Нашы партнёры</a></li>
</ul>
<ul class="contact list-inline">
<li>Звязацца з намі:</li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li><a href="tel:+375291274267">+375 29 127 42 67</a></li>
</ul>
<p class="social"><span class="icons">
<a href="https://www.facebook.com/groups/1039026109504642/?fref=ts" target="_blank">
<i class="fa fa-facebook-official fa-2x" aria-hidden="true"></i>
</a>
<a href="https://vk.com/dig_lab" target="_blank">
<i class="fa fa-vk fa-2x" aria-hidden="true"></i>
</a>
<a href="https://github.com/diglabby" target="_blank">
<i class="fa fa-github fa-2x" aria-hidden="true"></i>
</a>
<a href="https://www.youtube.com/channel/UCAmTfxxasQwNaKkljnmvc5A" target="_blank">
<i class="fa fa-youtube-square fa-2x" aria-hidden="true"></i>
</a>
<a href="https://www.linkedin.com/groups/12028397" target="_blank">
<i class="fa fa-linkedin-square fa-2x" aria-hidden="true"></i>
</a></span>
</p>
<p class="copyleft"><span class="icons"><a href="https://creativecommons.org/licenses/by-sa/4.0/"><i class="cc cc-cc"></i> <i class="cc cc-by"></i> <i class="cc cc-sa"></i></a></span> <a href="https://falanster.by/be">Фаланстэр</a></p>
</div>
</div>
</div>
</footer>
<!-- custom scripts -->
<script src="js/script.js"></script>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-89579350-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>