<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Bootstrap</title>
<link href="css/bootstrap.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
</head>
<body id="page-top" class="index">
<!-- Contact Section -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-12 text-left">
<h2 >ПРИСОЕДИНИТЬСЯ К X18</h2>
</div>
</div>
<div class="row">
<div class="col-12">
<form role="form" id="contactForm" data-toggle="validator" class="shake">
<div class="forma">
<div class="row">
<div class="col-xs-5">
<div class="form-group">
<div class="col-xs-6">
<h3>Ваше имя:</h3>
<input type="text" class="form-control" name="name" id="name" placeholder="" required data-error="">
</div>
<div class="comment col-xs-6">
<p>Настоящие имя и фамилия</p>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<h3>Ваш возраст:</h3>
<input type="text" id="ages" name="ages" class="form-control" placeholder="" required data-error="">
</div>
<div class="comment col-xs-6">
<p>Сколько полных лет</p>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<h3>Дислокация:</h3>
<input type="text" id="place" name="place" class="form-control" placeholder="" required data-error="">
</div>
<div class="comment col-xs-6">
<p>Страна и город, где вы находитесь</p>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<h3>Ваши навыки:</h3>
<input type="textarea" id="skills" name="skills" class="form-control" placeholder="" required data-error="">
</div>
<div class="comment col-xs-6">
<p>Что вы умеете и в чем хорошо разбираетесь</p>
</div>
</div>
</div>
<div class="col-xs-5">
<div class="form-group">
<div class="col-xs-6">
<h3>Ваши увлечения:</h3>
<input type="text" id="hob" name="hob" class="form-control" placeholder="" required data-error="">
</div>
<div class="comment col-xs-6">
<p>Перечислите всё, чем вы увлекаетесь и что вам нравится</p>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<h3>Ваш род деятельности::</h3>
<input type="text" id="bussines" name="bussines" class="form-control" placeholder="" required data-error="">
</div>
<div class="comment col-xs-6">
<p>Работа, учеба или что-то еще</p>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<h3>Почему X18:</h3>
<input type="text" id="whyx18" name="whyx18" class="form-control" placeholder="" required data-error="">
</div>
<div class="comment col-xs-6">
<p>Почему вы решили присоединиться к X18</p>
</div>
</div>
<div class="form-group">
<div class="col-xs-6">
<h3>Почему вы:</h3>
<input type="text" id="whyu" name="whyu" class="form-control" placeholder="" required data-error="">
</div>
<div class="comment col-xs-6">
<p>Почему вас стоит принять в X18</p>
</div>
</div>
</div>
<div class="notice col-xs-2">
<p>После отправки этой формы вам предстоит короткий разговор по скайпу с людьми, которые отвечают за отбор кандидатов в X18.</p>
<p>По умолчанию эта процедура проводится на стриме (twitch или youtube). Вы можете сохранить анонимность и ваша заявка не будет рассмотрена публично.</p>
<p>За неанонимные движения проявляем уважение.</p>
<div class="privacy col-xs-10">
</div>
<div class="checkbox">
<label><input type="checkbox" id="privacy" value="check1"> Сохранить анонимность</label>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-9 ">
<div id="msgSubmit" class="text-center hidden"></div>
</div>
<div class="col-xs-3 text-right ">
<button type="submit" id="form-submit" class="btn btn-xl ">Отправить заявку</button>
</div>
<div class="clearfix"></div>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin JavaScript -->
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpAnimatedHeader.js"></script>
<!-- Custom Theme JavaScript -->
<script src="js/agency.js"></script>
<!-- New Custom Form -->
<script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="js/validator.js"></script>
<script type="text/javascript" src="js/form-scripts.js"></script>
</body>
</html>