-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
243 lines (230 loc) · 12.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
243
<!DOCTYPE HTML>
<!--
"Meet friends" personal project
-->
<html>
<head>
<title>Meet friends</title>
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon.ico">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Language switcher -->
<nav>
<div id="navbar-left">
<ul class="lang-switch">
<li><span> Русский </span></li>
<li>
<label class="switch">
<input id="lang-switch" type="checkbox">
<span class="slider round"></span>
</label>
</li>
<li><span> English </span></li>
</ul>
</div>
<form>
</nav>
<!-- Header -->
<header id="header" class="alt">
<span class="logo"><img src="images/logo.png" alt="" /></span>
<h1>Meet friends</h1>
<div lang="ru">
<p>Способ организовать встречу с вашими друзьями,<br /> разработал <a href="https://mementomorri.github.io/">@Karsten</a> для <a href="http://www.industrialsystems.ru/">Insist avtomatika</a>.</p>
<ul class="actions special">
<li><a href="login.html" class="button primary">Авторизация</a></li>
<li><a href="signup.html" class="button">Регистрация</a></li>
</ul>
</div>
<div lang="en">
<p>A way to organize meeting with your friends,<br /> built by <a href="https://mementomorri.github.io/">@Karsten</a> for <a href="http://www.industrialsystems.ru/">Insist avtomatika</a>.</p>
<ul class="actions special">
<li><a href="login.html" class="button primary">Log in</a></li>
<li><a href="signup.html" class="button">Sign up</a></li>
</ul>
</div>
</header>
<!-- Nav -->
<nav id="nav">
<ul lang="ru">
<li><a href="#intro" class="active">Введение</a></li>
<li><a href="#first">Примеры использования</a></li>
<li><a href="#cta">Начнем</a></li>
</ul>
<ul lang="en">
<li><a href="#intro" class="active">Introduction</a></li>
<li><a href="#first">Use cases</a></li>
<li><a href="#cta">Get Started</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<!-- Introduction -->
<section id="intro" class="main">
<div class="spotlight">
<div lang="ru">
<header class="major">
<h2>Что же такое Meet friends?</h2>
</header>
<p>Вы наверняка сталкивались с проблемой, когда нужно организовать голосование или принятие решения с большой группой людей?
Всегда найдется участник голосования, который предложит свой вариант или свое видение решения, проводится долгая дискуссия
по поводу голосования и у вас нет времени или желания, чтобы следить за ходом дискуссии и добавлять новые решения, здесь появляемся мы, Meet friends! <br>
Meet friends - это веб сервис,который предоставляет вам способ организовать конференцию, принять решение о предстаящей встрече с вашими
старыми друзьями или знакомыми, с которыми вы давно не виделись, а также организвать поход на выходных или праздниках.
Вы можете описать причину по которой нужно принять решение, сделать краткое описание события или мероприятия и предложить начальный список решений,
затем пригласить своих друзей к голосованию, дать им оценить решения в комфортных для них условиях и дать проголосовать.
Теперь вам не нужно следить за ходом голосования, не нужно держать на готове карандаш и блокнот, чтобы записать все предложенные решения,
всё уже здесь, в одном месте и представлены в удобном формате.</p>
</div>
<div lang="en">
<header class="major">
<h2>So what is Meet friends?</h2>
</header>
<p>Haven't you stumble across a problem when you have to organize a vote or to decide something with big group of people?
There is always someone with their own idea or a way of making things, there is a long dicussion
of this matter and you don't have a time or mental energy to keep track of debate, so here we are, The meet friends! <br>
Meet friends - is a web service that provides you a way to organize conference meeting, decide a day to meet up with your
old friends you didn't meet in a while or maybe where to go at this weekend, holidays.
Here you can introduce other people to a problem, describe it a bit and lay out possible decisions for your problem,
invite your friends, let them estemate every decision in a comfort way and vote for something they like the most.
Now you don't have to keep track of every vote, no need to grab a pencil with paper and write down all decisions,
here they are, all in one place.</p>
</div>
<span class="icon solid major style6 fa-question"></span>
</div>
</section>
<!-- First Section -->
<section id="first" class="main special">
<div lang="ru">
<header class="major">
<h2>Примеры использования</h2>
</header>
<ul class="features">
<li>
<span class="icon solid major style2 fa-microphone"></span>
<h3>Организация совещания</h3>
<p>Совещания это обычное дело для любой компании, необходимость поделиться своими идеями и скоорденировать свою работу это важно,
почти также важно, как выбрать правильный момент для совещания. Meet friends может помочь вам с выбором этого идеального момента
беря в расчет каждый голос, каждое мнение.</p>
</li>
<li>
<span class="icon solid major style3 fa-graduation-cap"></span>
<h3>Встреча выпускников</h3>
<p>Давно не виделись со своими коллегами по учёбе? Свободное время теперь роскошь и по возможности вы хотите собрать вместе всех,
таким образом решение должно быть принято большинством, в наиболее быстрой манере, используйте Meet friends, чтобы организвать эту встречу.</p>
</li>
<li>
<span class="icon solid major style1 fa-coffee"></span>
<h3>Совместный ланч на выходных</h3>
<p>Ккуда бы пойти вместе на этот раз? Что думают остальные о том ресторане, на который вы случайно наткнулись проходя мимо? Теперь можно ответить на эти вопросы
быстрым, удобным способом.</p>
</li>
</ul>
</div>
<div lang="en">
<header class="major">
<h2>Use cases</h2>
</header>
<ul class="features">
<li>
<span class="icon solid major style2 fa-microphone"></span>
<h3>Conference & meeting</h3>
<p>Conferences and meeting is a usual thing for any company, sharing ideas and coordinating your job is important,
almost as important as picking the right time for that meeting. Meet friends can help you manage that good timing
by taking every vote into consideration.</p>
</li>
<li>
<span class="icon solid major style3 fa-graduation-cap"></span>
<h3>Meet with classmates</h3>
<p>Long time no see each other? Free time is a luxury now and you want as much of them to come to a meeting as possible,
so decision must be made by the majority in a quick manner, use Meet friends to organize that meeting.</p>
</li>
<li>
<span class="icon solid major style1 fa-coffee"></span>
<h3>Weekend lunch</h3>
<p>Where to go this time? What does the other's think about that restaurant you spoted walking by? Now you can answer that
in a quick, convenient way.</p>
</li>
</ul>
</div>
<footer class="major">
</footer>
</section>
<!-- Get Started -->
<section id="cta" class="main special">
<header class="major">
<div lang="ru">
<h2>Давайте начнём!</h2>
<p>Пройдите простую регистрацию<br />
и начните принимать решения организованно.</p>
</div>
<div lang="en">
<h2>Lest's get started</h2>
<p>Complete simple sign up form <br />
and start making decisions in organized way.</p>
</div>
</header>
<footer class="major">
<div lang="ru">
<ul class="actions special">
<li><a href="signup.html" class="button primary">Регистрация</a></li>
</ul>
</div>
<div lang="en">
<ul class="actions special">
<li><a href="signup.html" class="button primary">Sign up</a></li>
</ul>
</div>
</footer>
</section>
</div>
<!-- Footer -->
<footer id="footer">
<section>
<span class="image"><img src="images/contacts.png" alt="" /></span>
</section>
<section>
<div lang="ru">
<h2>Контакты</h2>
<dl class="alt">
<dt>Адрес</dt>
<dd>Пр. Маркса 18/1A; Омск; Россия.</dd>
<dt>Электронная почта</dt>
<dd><a href="#">[email protected]</a></dd>
</dl>
</div>
<div lang="en">
<h2>Contacts</h2>
<dl class="alt">
<dt>Address</dt>
<dd>18/1A K. Marx ave.; Omsk; Russia.</dd>
<dt>Email</dt>
<dd><a href="#">[email protected]</a></dd>
</dl>
</div>
<ul class="icons">
<li><a href="https://t.me/AlexeyKarsten" class="icon brands fa-telegram alt"><span class="label">Telegram</span></a></li>
<li><a href="https://github.com/mementomorri" class="icon brands fa-github alt"><span class="label">GitHub</span></a></li>
<li><a href="https://mementomorri.github.io/" class="icon brands fa-dribbble alt"><span class="label">Dribbble</span></a></li>
</ul>
</section>
<p class="copyright" lang="ru">© Meet friends. Разработал: <a href="https://mementomorri.github.io/">Karsten</a>.</p>
<p class="copyright" lang="en">© Meet friends. Designed by: <a href="https://mementomorri.github.io/">Karsten</a>.</p>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/lang_switch.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>