forked from sayaninja/mentapp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·387 lines (365 loc) · 21.8 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
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NNDBNPG');</script>
<!-- End Google Tag Manager -->
<meta name="google-site-verification" content="LlR7GVGXi32agfvZB14ylYZRaaguo8FSUkE_l-kM8Ps" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Профессиональная консультация в STEM индустрии</title>
<meta name="description" content="Free Bootstrap Theme by BootstrapMade.com">
<meta name="keywords" content="free website templates, free bootstrap themes, free template, free bootstrap, free website template">
<!-- Google font -->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Open+Sans|Candal|Alegreya+Sans">
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/imagehover.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- =======================================================
Theme Name: Mentor
Theme URL: https://bootstrapmade.com/mentor-free-education-bootstrap-theme/
Author: BootstrapMade.com
Author URL: https://bootstrapmade.com
======================================================= -->
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NNDBNPG"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Yandex.Metrika counter -->
<script type="text/javascript" >
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(56870692, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true,
webvisor:true
});
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/56870692" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-155114313-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-155114313-1');
</script>
<!--Navigation bar-->
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">PROF<span>MENTOR</span></a>
</div>
<div class="collapse navbar-collapse" id="myNavbar" class="social-links">
<ul class="nav navbar-nav navbar-right">
<li><a href="#professions">ПРОФЕССИИ</a></li>
<li><a href="#feature">КАК ЭТО РАБОТАЕТ?</a></li>
<li><a href="blog/blog.html">СТАТЬИ</a></li>
<li><a href="https://www.youtube.com/channel/UCiRgEFUG9i1E1uzTveA3xPQ/"><i class="fa fa-youtube fa-fw"></i></a></li>
<li><a href="https://www.instagram.com/profmentor.kz/"><i class="fa fa-instagram fa-fw"></i></a></li>
<li><a href="https://www.facebook.com/ProfMentorkz-102581384691105/"><i class="fa fa-facebook fa-fw"></i></a></li>
</ul>
</div>
</div>
</nav>
<!--/ Navigation bar-->
<!--Modal box-->
<div class="modal fade" id="login" role="dialog">
<div class="modal-dialog modal-sm">
<!-- Modal content no 1-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title text-center form-title">Log-in</h4>
</div>
<div class="modal-body padtrbl">
<div class="login-box-body">
<p class="login-box-msg">Зарегистрируйтесь, чтобы начать сессию</p>
<div class="form-group">
<form name="" id="loginForm">
<div class="form-group has-feedback">
<!----- username -------------->
<input class="form-control" placeholder="Username" id="loginid" type="text" autocomplete="off" />
<span style="display:none;font-weight:bold; position:absolute;color: red;position: absolute;padding:4px;font-size: 11px;background-color:rgba(128, 128, 128, 0.26);z-index: 17; right: 27px; top: 5px;" id="span_loginid"></span>
<!---Alredy exists ! -->
<span class="glyphicon glyphicon-user form-control-feedback"></span>
</div>
<div class="form-group has-feedback">
<!----- password -------------->
<input class="form-control" placeholder="Password" id="loginpsw" type="password" autocomplete="off" />
<span style="display:none;font-weight:bold; position:absolute;color: grey;position: absolute;padding:4px;font-size: 11px;background-color:rgba(128, 128, 128, 0.26);z-index: 17; right: 27px; top: 5px;" id="span_loginpsw"></span>
<!---Alredy exists ! -->
<span class="glyphicon glyphicon-lock form-control-feedback"></span>
</div>
<div class="row">
<div class="col-xs-12">
<div class="checkbox icheck">
<label>
<input type="checkbox" id="loginrem">Запомнить</label>
</div>
</div>
<div class="col-xs-12">
<button type="button" class="btn btn-green btn-block btn-flat" onclick="userlogin()">Sign In</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/ Modal box-->
<!--Banner-->
<div class="banner">
<div class="bg-color">
<div class="container">
<div class="row">
<div class="banner-text text-center">
<!-- <div class="text-border">-->
<!-- <h2 class="text-dec">Trust & Quality</h2>-->
<!-- </div>-->
<div class="intro-para text-center quote">
<p class="big-text" position="relative">Карьерные консультации по STEM специальностям на расстоянии одного клика</p>
<br><br><br><br>
<a href="#professions" class="btn get-quote btn-lg" >Консультация</a>
<span> </span>
<a href="mentor.html" class="btn get-quote btn-lg">Стать ментором</a>
</div>
<!-- <a href="#feature" class="mouse-hover">-->
<!-- <div class="mouse"></div>-->
<!-- </a>-->
</div>
</div>
</div>
</div>
</div>
<!--/ Banner-->
<!--Professions-->
<section id="professions" class="section-padding">
<div class="container">
<div class="row">
<div class="header-section text-center">
<h2>Доступ к личному карьерному ментору никогда не была более проще</h2>
<p>Дорога к карьерному успеху часто является ухабистой. Но представьте, насколько проще было бы, если бы у вас был опытный лидер отрасли, который мог бы в любое время предложить совет и экспертное руководство к действию.
</p>
<p>Вместе с Profmentor.kz, вы сможете быстрее и эффективнее достичь свои карьерные цели.
Для начала важно хорошее понимание индустрии, где ты хочешь развиваться. Лучше всего это выяснять эмпирически, общаясь с людьми из той тусовки, куда хочешь попасть. Лучше них никто не расскажет о плюсах и минусах профессии, а также о возможных карьерных треках.
</p>
</div>
<div class="fea-img">
<img src="img/постер глав.png" width="1313" height="680""alt="" class="" />
</div>
</div>
<h2> ПРОФЕССИИ </h2>
<p>Низкая осведомленность о существующих профессиях может сильно сузить ваш выбор. Мы подготовили для вас самые важные, высоко-востребованные и самое главное захватывающие профессии будущего. Для ознакомления мы приготовили для вас карту специальности и сняли короткие интервью с представителями данной профессии. Так вы сможете получить базовое понимание разных профессии и сопоставить с тем, что вызовет у вас наибольший интерес попробовать себя там. </p>
<p> Благодаря консультациям и наставлениям менторов, вы будете на несколько шагов впереди своих сверсников и сэкономите лишние годы и нервы себе и своим близким. </p>
<hr class="bottom-line">
</div>
<div class="feature-info">
<div class="fea">
<div class="profs" align="center">
<ul class="link_wrap">
<li><a href="data-scientist.html" class="btn get-quote btn-lg">Data scientist</a></li><br>
<li><a href="aerospace-eng.html" class="btn get-quote btn-lg">Aerospace engineer</a></li><br>
<li><a href="electrical-eng.html" class="btn get-quote btn-lg">Electrical engineer</a></li><br>
<li><a href="ux-design.html" class="btn get-quote btn-lg">UX/UI designer</a></li>
</ul>
</div>
<div class="profs" align="center">
<ul class="link_wrap">
<li><a href="soft-eng.html" class="btn get-quote btn-lg">Software engineer</a></li><br>
<li><a href="aerospace-eng.html" class="btn get-quote btn-lg">Aerospace engineer</a></li><br>
<li><a href="nanotechnologist.html" class="btn get-quote btn-lg">Nanotechnologist</a></li><br>
<li><a href="project-eng7.html" class="btn get-quote btn-lg">Project engineer</a></li>
</ul>
</div>
<div class="fea-img pull-left"></div>
</div>
</div>
</div>
</section>
<!--/ Professions-->
<!--Feature-->
<section id="feature" class="section-padding">
<div class="container">
<div class="row">
<div class="header-section text-center">
<h2>О ПРОЕКТЕ</h2>
<p>PROFMENTOR поможет вам ускорить ознакомление с профессиями.
Хотите попробовать себя в сфере инновации и начать захватывающую карьеру?
С помощью нашего сервиса PROFMENTOR за считанные минуты, вы получаете возможность возможность быстро и эффективно понять, все за и против той или иной специальности. Благодаря этой платформе вы сможете узнать экспертное мнение и построить для себя самую оптимальную "Карту карьеры".
</p>
<hr class="bottom-line">
</div>
<div class="feature-info">
<div class="fea">
<div class="col-md-4">
<div class="heading pull-right">
<h4>Онлайн-консультация</h4>
<p>Мы стираем границы. Перед вами огромный выбор профессии и людей, которые уже работают по интересующей вас специальности. У вас есть невероятная возможность быть ближе к компаниям и получить консультацию с человеком, который работает там.</p>
</div>
<div class="fea-img pull-left">
<img src="img/icons8-видео-конференция-40.png" alt="" class="small-img" />
</div>
</div>
</div>
<div class="fea">
<div class="col-md-4">
<div class="heading pull-right">
<h4>Карьерная карта</h4>
<p>На примере менторов и анализируя личный опыт, вы сможете составить индивидуальную карьерный путь. Узнать какие курсы эффективны и что поможет Вам увеличить вероятность устроится в ТОПовую компанию.</p>
</div>
<div class="fea-img pull-left">
<img src="img/icons8-путеводитель-40.png" alt="" class="" />
</div>
</div>
</div>
<div class="fea">
<div class="col-md-4">
<div class="heading pull-right">
<h4>Получение рекомендации</h4>
<p>При успешной прохождении консультации с ментором, у Вас есть возможность получить рекомендацию в компанию ментора. Постарайтесь быть подгтовленными к консультации.</p>
</div>
<div class="fea-img pull-left">
<img src="img/icons8-групповая-задача-40.png" alt="" class="" />
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/ feature-->
<!-- How it works -->
<section id="partners" class="section-padding">
<div class="container">
<div class="header-section text-center">
<h2>Как это работает</h2>
<hr class="bottom-line">
</div>
<div class="how-it-works">
<div class="stepsCont">
<img src="./img/step1.jpg" alt="" width="100" height="100"/>
<h3>Шаг 1</h3>
<p>выбери интересующую <br>
профессию</p>
</div>
<i class="fa fa-long-arrow-right step-arrow" style="font-size:36px" aria-hidden="true"></i>
<div class="stepsCont">
<img src="./img/step2.jpg" alt="" width="150" height="90"/>
<h3>Шаг 2</h3>
<p>запишись к ментору <br>
на сессию</p>
</div>
<i class="fa fa-long-arrow-right step-arrow" style="font-size:36px" aria-hidden="true"></i>
<div class="stepsCont">
<img src="./img/step3.jpg" alt="" width="100" height="100"/>
<h3>Шаг 3</h3>
<p>подбери удобное <br>
время</p>
</div>
<i class="fa fa-long-arrow-right step-arrow" style="font-size:36px" aria-hidden="true"></i>
<div class="stepsCont">
<img src="./img/step4.jpg" alt="" width="150" height="90"/>
<h3>Шаг 4</h3>
<p> в выбранный день <br>
будьте онлайн</p>
</div>
</div>
</div>
</section>
<!--/ How it works -->
<!-- Reviews -->
<section id="carousel">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<p class="cta-2-txt">Отзывы наших клиентов</p>
<div class="quote"><i class="fa fa-quote-left fa-4x"></i></div>
<div class="carousel slide" id="fade-quote-carousel" data-ride="carousel" data-interval="3000">
<!-- Carousel indicators -->
<ol class="carousel-indicators">
<li data-target="#fade-quote-carousel" data-slide-to="0" class="active"></li>
<li data-target="#fade-quote-carousel" data-slide-to="1"></li>
<li data-target="#fade-quote-carousel" data-slide-to="2"></li>
</ol>
<!-- Carousel items -->
<div class="carousel-inner">
<div class="active item">
<blockquote>
<p>Высокопрофессиональные и квалифицированные консультанты. Мне повезло поговорить с Жансаей, которая дала мне полезные рекомендации и советы по программированию, которых я не знал раньше</p>
<p>Асыл Бримжанов</p>
</blockquote>
<div align="center">
<img class="circular--square" src="./img/Roman.jpg" width="110" height="121">
</div>
</div>
<div class="item">
<blockquote>
<p>Крутая платформа, прекрасная возможность найти наших соотечественников, работающих в мировых компаниях и возможность взять консультацию</p>
<p>Айганым</p>
</blockquote>
<div align="center">
<img class="circular--square" src="./img/Roman.jpg" width="110" height="121">
</div>
</div>
<div class="item">
<blockquote>
<p>«Всего за несколько недель я чувствую НАМНОГО более уверенно ориентируясь в мире дата аналитики. Екатерина была отличным наставником».</p>
<p>Амина, студент</p>
</blockquote>
<div align="center">
<img class="circular--square" src="./img/Roman.jpg" width="110" height="121">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--/ Reviews -->
<!--Footer-->
<footer id="footer" class="footer">
<div class="container text-center">
<div class="wrap">
<p>©2020 PROFMentor Limited | All rights reserved</p>
</div>
<div class="wrap">
<p>Contact us: [email protected]</p>
</div>
<!--
All the links in the footer should remain intact.
You can delete the links only if you purchased the pro version.
Licensing information: https://bootstrapmade.com/license/
Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/buy/?theme=Mentor
-->
</div>
</footer>
<!--/ Footer-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/custom.js"></script>
<script src="contactform/contactform.js"></script>
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
</body>
</html>