File: /home/imensosw/www/imenso.co/dev/octb-website/index.html
<!doctype html>
<html lang="en-US" >
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="profile" href="http://gmpg.org/xfn/11">
<title>Site Title</title>
<link rel='stylesheet' href='css/bootstrap.min.css' media='all' />
<link rel='stylesheet' href='css/style.css' media='all' />
<script src='js/modernizr.min.js'></script>
<link rel="icon" type="image/png" href="images/favicon.png" />
<link rel="stylesheet" type="text/css" href="css/slick.css" />
<link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
</head>
<body>
<!-- top area open -->
<header>
<div class="top_area" style="background:url('images/banner.jpg') center top no-repeat; background-size:cover;">
<nav class="navbar navbar-expand-lg" id="nav_fix">
<div class="container">
<a class="navbar-brand" href="#"><img src="images/logo.png" alt="OCTB logo" /></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"><img src="images/menu.png" alt="icon" /></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav mr-auto"></ul>
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Pages
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="index.html">Index 1</a>
<a class="dropdown-item" href="index_b.html">Index 2</a>
<a class="dropdown-item" href="index_c.html">Index 3</a>
<a class="dropdown-item" href="octglobal_about.html">About</a>
<a class="dropdown-item" href="octglobal_select_teacher.html">Select Teacher</a>
<a class="dropdown-item" href="octglobal_teacher_detail.html">Teacher Detail</a>
</div>
</li>
<li><a href="#">Ученикам</a></li>
<li><a href="#">Родителям</a></li>
<li><a href="#">Бизнесу</a></li>
<li><a href="#" class="bdr btn btn-secondary">войти</a></li>
</ul>
</div>
<div class="login-icon mobile_show"><a href="#"><img src="images/login.png" alt="icon" /></a></div>
</div>
</nav>
<div class="top_msg">
<div class="container">
<div class="jumbotron">
<h1>Выучи иностранный язык,<br /> как учил родной</h1>
<p>Без зубрежки, учебников и ненужных правил</p>
<a href="#" class="bdr btn btn-lg btn-primary" data-toggle="modal" data-target="#myModal-form1">Попробуй сейчас</a>
</div>
</div>
</div>
<div class="top_light">
<div class="container">
<div class="row">
<div class="col-sm-4">
<div class="points">
<div class="p_img"><img src="images/icon_1.png" alt="icon" /></div>
<div class="p_text">Иностранные и русскоговорящие <br />преподаватели</div>
</div>
</div>
<div class="col-sm-4">
<div class="points">
<div class="p_img"><img src="images/icon_2.png" alt="icon" /></div>
<div class="p_text">Объединение визуального <br />и голосового обучения</div>
</div>
</div>
<div class="col-sm-4">
<div class="points">
<div class="p_img"><img src="images/icon_3.png" alt="icon" /></div>
<div class="p_text">Интелектуальная система <br />прогресса обучения</div>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- top area close -->
<!-- middle-content area open -->
<div class="content bg_texture_top p_t100">
<div class="bg_texture_bottom p_b100">
<div class="container">
<h2 class="text-center m_b50 heading_second">3 причины эффективности нашего <br />способа обучения</h2>
</div>
<section class="video_section p_b50">
<div class="container">
<div class="container_70">
<h3 class="highlight_heading"><span>01</span>Визуализация</h3>
<p class="para_highlight">Во время диалога преподаватель печатает все, что говорит ученик, и они вместе делают исправления</p>
</div>
<div class="text-center m_t50 p_relative video_area">
<!-- <video controls autoplay loop>
<source src="video/girl_nodding&smiling.mp4" type="video/mp4">
<source src="video/girl_nodding&smiling.webm" type="video/webm">
</video> -->
<img src="images/gif/Gif1-StudentTeacher&Typing.gif" alt="Student Teacher & Typing" class="gif_img" />
<div class="lappy"><img src="images/lappy.png" alt="feature" class="w_100" /></div>
</div>
</div>
</section>
<section class="feature_section p_tb100">
<div class="container">
<div class="container_70">
<h3 class="highlight_heading"><span>02 </span>Персонализация</h3>
<p class="para_highlight">Работай только над ошибками сделанными во время урока</p>
<div class="text-center m_t50"><img src="images/gif/Gif2-Corrections.gif" alt="feature" class="w_100" /></div>
</div>
</div>
</section>
<section class="progress_section p_b50">
<div class="container">
<div class="container_70">
<h3 class="highlight_heading"><span>03 </span>отчетность</h3>
<p class="para_highlight">Простая система оценки прогресса, ученик говорит быстрее и делает меньше ошибок</p>
<div class="text-center m_t50 tablat_area p_relative">
<!-- <img src="images/graph.png" alt="graph" class="w_100" /> -->
<img src="images/gif/Gif3-Homework.gif" alt="graph" class="w_100" />
<div class="tablat">
<img src="images/tablate.png" alt="tablate" class="w_100" />
</div>
</div>
</div>
</div>
</section>
</div>
<section class="highlight_area p_t150 p_b100">
<div class="container m_t20">
<div class="content_1 p_50">
<div class="img">
<img src="images/professional_girl.png" alt="professional_girl" class="w_100" />
</div>
<div class="txt">
<h4>Почему Вы хотите выучить английский?</h4>
<p>Мы можем найти для Вас преподавателя подходящего под Ваши специфические требования.</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="#">Сдать Toefl</a></li>
<li class="list-inline-item"><a href="#">увеличить доход</a></li>
<li class="list-inline-item"><a href="#">Дать ребёнку будущее</a></li>
<li class="list-inline-item"><a href="#">Работа в иностранной компании</a></li>
</ul>
</div>
</div>
</div>
</section>
<div class="bg_texture_top bg_texture_top_no p_t100">
<section class="m_b80">
<div class="container">
<h2 class="text-center m_b50 heading_second">Наши преподаватели</h2>
<div class="people_area slider">
<div class="slide">
<div class="teacher">
<div class="scile"><span>842</span>занятия</div>
<div class="userdtl">
<h5>Елена</h5>
<p>Подготовка к MBA, сдать ЕГЭ, фриланс, путешествия</p>
<div class="text-center"><a href="#" class="btn btn-secondary">Записаться </a></div>
</div>
<img src="images/people_1.png" alt="people" class="w_100" />
</div>
</div>
<div class="slide">
<div class="teacher">
<div class="scile"><span>513</span>занятий</div>
<div class="userdtl">
<h5>Антон</h5>
<p>Подготовка к MBA, сдать ЕГЭ, фриланс, путешествия</p>
<div class="text-center"><a href="#" class="btn btn-secondary">Записаться </a></div>
</div>
<img src="images/people_2.png" alt="people" class="w_100" />
</div>
</div>
<div class="slide">
<div class="teacher">
<div class="scile"><span>125</span>занятия</div>
<div class="userdtl">
<h5>Максим</h5>
<p>Подготовка к MBA, сдать ЕГЭ, фриланс, путешествия</p>
<div class="text-center"><a href="#" class="btn btn-secondary">Записаться </a></div>
</div>
<img src="images/people_3.png" alt="people" class="w_100" />
</div>
</div>
<div class="slide slide_hide">
<div class="teacher blank">
<div class="blank_pro">
<img src="images/icon_1.png" alt="icon" />
<h5>Ещё 42<br />преподавателя</h5>
</div>
<div class="userdtl text-center">
<a href="#" class="btn btn-secondary reverse">Показать всех </a>
</div>
<img src="images/people_blank.png" alt="people" class="w_100" />
</div>
</div>
</div>
</div>
</section>
<section class="bg_texture_middle p_t50 m_b100 customer-tes">
<div class="container">
<div class="row">
<div class="offset-sm-1 col-sm-10">
<h2 class="text-center heading_second m_b50">Довольные клиенты</h2>
<div class="customer-testimonial slider">
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F241887585847079&width=500" height="174" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" class="fb_iframe_widget"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F216004261768745&width=500" height="288" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" class="fb_iframe_widget"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F232990250070146&width=500" height="193" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" class="fb_iframe_widget"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F376257802410056&width=500" height="288" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" class="fb_iframe_widget"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F325149120854258&width=500" height="365" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" class="fb_iframe_widget"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F291731394196031&width=500" height="269" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F289940981041739&width=500" height="288" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F289196384449532&width=500" height="212" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F241784352524069&width=500" height="250" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F238194999549671&width=500" height="314" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F218459924856512&width=500" height="326" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F215931168442721&width=500" height="231" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F215425478493290&width=500" height="269" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F215193161849855&width=500" height="212" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F215172311851940&width=500" height="269" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F215173618518476&width=500" height="250" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F215176061851565&width=500" height="289" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F1658933480809142&width=500" height="307" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F596454690390365&width=500" height="174" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F438300519539117&width=500" height="212" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F407512335951269&width=500" height="193" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F404617696240733&width=500" height="175" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F337595276276309&width=500" height="212" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F293013464067824&width=500" height="269" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F289137147788789&width=500" height="212" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F238079892894515&width=500" height="250" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F221316061237565&width=500" height="231" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F217827424919762&width=500" height="212" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></ifram>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F217082564994248&width=500" height="212" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F216331448402693&width=500" height="193" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F215392698496568&width=500" height="212" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F251641261517725&width=500" height="411" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
<div class="slide">
<div>
<div class="t_cnt">
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FovercomeTHEbarrier%2Fposts%2F215182011850970&width=500" height="231" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="p_b100 p_t50 client-logos">
<div class="container">
<h2 class="text-center heading_second">Нам доверяют</h2>
<p class="para_highlight text-center">На протяжении 10 лет мы работаем с этими и другими корпоративными клиентами.<br />Теперь мы открываем наши двери для всех. </p>
<div class="row m_t50">
<div class="col-sm-4 col-md-2 col-4"><a href="#"><img src="images/client/cat.jpg" class="w_100"> </a> </div>
<div class="col-sm-4 col-md-2 col-4"><a href="#"><img src="images/client/dhl.jpg" class="w_100"> </a> </div>
<div class="col-sm-4 col-md-2 col-4"><a href="#"><img src="images/client/federal_mogul.jpg" class="w_100"> </a> </div>
<div class="col-sm-4 col-md-2 col-4"><a href="#"><img src="images/client/gazprom.jpg" class="w_100"> </a> </div>
<div class="col-sm-4 col-md-2 col-4"><a href="#"><img src="images/client/gohnsonngohnson.jpg" class="w_100"> </a> </div>
<div class="col-sm-4 col-md-2 col-4"><a href="#"><img src="images/client/qiwi.jpg" class="w_100"> </a> </div>
</div>
</div>
</section>
</div>
</div>
<!-- middle-content area close -->
<!-- footer area open -->
<section class="footer">
<footer>
<div class="container">
<div class="row p_tb50">
<div class="col-md-7">
<div class="footer_cnt">
<h3>Преодолей свой языковой барьер</h3>
<p>Запишитесь на пробное бесплатное занятие</p>
</div>
</div>
<div class="col-md-5">
<div class="form m_b20">
<form>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="12 мая 2018">
<div class="inline-icon"><img src="images/calender.png" class="mobile_hide" alt="icon" /> <img src="images/calender_1.png" class="mobile_show" alt="icon" /></div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="09:00">
<div class="inline-icon"><img src="images/time.png" class="mobile_hide" alt="icon" /> <img src="images/time_1.png" class="mobile_show" alt="icon" /></div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Имя">
</div>
<div class="form-group">
<input type="email" class="form-control" id="formGroupExampleInput2" placeholder=Email">
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder=Телефон">
</div>
<button type="submit" class="btn-lg btn btn-primary primary1 btn-block">Записаться бесплатно</button>
<p>Нажимая, вы принимаете <a href="#">условия соглашения</a></p>
</form>
</div>
</div>
</div>
<div class="copywrite">
<div class="row">
<div class="mobile_show">
<div class="text-center">
<a href="#" class="social_icon twitter"></a>
<a href="#" class="social_icon facebook"></a>
<a href="#" class="social_icon youtube"></a>
</div>
</div>
<div class="col-md-6"> © 2018 Все права зарегистрированы </div>
<div class="col-md-6 mobile_hide">
<div class="text-right">
<a href="#" class="social_icon twitter"></a>
<a href="#" class="social_icon facebook"></a>
<a href="#" class="social_icon youtube"></a>
</div>
</div>
</div>
</div>
</div>
</footer>
</section>
<!-- footer area close -->
<!-- myModal-form -->
<div class="modal" id="myModal-form">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body">
<a href="#" data-dismiss="modal" class="close_popup"><img src="images/close.png" alt="close" /></a>
<div class="p_20">
<h2 class="text-center m_b20">Запишитесь на пробное занятие к Марио</h2>
<div class="form m_b20 m_t20">
<form>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="12 мая 2018">
<div class="inline-icon"><img src="images/calender.png" class="mobile_hide" alt="icon" /> <img src="images/calender_1.png" class="mobile_show" alt="icon" /></div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="09:00">
<div class="inline-icon"><img src="images/time.png" class="mobile_hide" alt="icon" /> <img src="images/time_1.png" class="mobile_show" alt="icon" /></div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Имя">
</div>
<div class="form-group">
<input type="email" class="form-control" id="formGroupExampleInput2" placeholder=Email">
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder=Телефон">
</div>
<button type="submit" class="btn-lg btn btn-primary primary1 btn-block m_b10">Записаться бесплатно</button>
<p>Нажимая, вы принимаете <a href="#">условия соглашения</a></p>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- myModal-form1 -->
<div class="modal" id="myModal-form1">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body">
<a href="#" data-dismiss="modal" class="close_popup"><img src="images/close.png" alt="close" /></a>
<div class="p_20">
<h2 class="text-center m_b20">Запишитесь на пробное занятие</h2>
<div class="form m_b20 m_t20">
<form>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="12 мая 2018">
<div class="inline-icon"><img src="images/calender.png" class="mobile_hide" alt="icon" /> <img src="images/calender_1.png" class="mobile_show" alt="icon" /></div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="09:00">
<div class="inline-icon"><img src="images/time.png" class="mobile_hide" alt="icon" /> <img src="images/time_1.png" class="mobile_show" alt="icon" /></div>
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput" placeholder="Имя">
</div>
<div class="form-group">
<input type="email" class="form-control" id="formGroupExampleInput2" placeholder=Email">
</div>
<div class="form-group">
<input type="text" class="form-control" id="formGroupExampleInput2" placeholder=Телефон">
</div>
<button type="submit" class="btn-lg btn btn-primary primary1 btn-block m_b10">Записаться бесплатно</button>
<p>Нажимая, вы принимаете <a href="#">условия соглашения</a></p>
<h3>Хотите выбрать вашего учителя?</h3>
<button type="submit" class="btn-lg btn btn-primary1 reverse btn-block m_b10">выбрать учителя</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- myModal-message -->
<div class="modal" id="myModal-message">
<div class="modal-dialog">
<div class="modal-content">
<!-- Modal body -->
<div class="modal-body">
<a href="#" data-dismiss="modal" class="close_popup"><img src="images/close.png" alt="close" /></a>
<div class="p_20">
<h2 class="text-center">Марио будет ждать Вас в 9:00 по Мск 12 мая 2018г. </h2>
<div class="form m_b20 m_t30">
<form>
<button type="submit" class="btn-lg btn btn-primary primary1 btn-block m_b50">добавить в календарь</button>
<div class="form-group">
<label class="checkbox_container">Подтвердить Ваш эл.адрес
<input type="checkbox">
<span class="checkmark"></span>
</label>
</div>
<div class="form-group">
<label class="checkbox_container">Найдите удобное и тихое место
<input type="checkbox" checked="checked">
<span class="checkmark"></span>
</label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script src='js/jquery3.2.1.min.js'></script>
<script src='js/bootstrap.min.js'></script>
<script src="js/slick.min.js"></script>
<script src="js/custom.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.customer-testimonial').slick({
slidesToShow: 2,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 5000,
arrows: true,
dots: true,
pauseOnHover: true,
responsive: [{
breakpoint: 768,
settings: {
slidesToShow: 1
}
}, {
breakpoint: 520,
settings: {
slidesToShow: 1
}
}]
});
$('.people_area').slick({
slidesToShow: 4,
slidesToScroll: 1,
autoplay: false,
autoplaySpeed: 5000,
arrows: false,
dots: true,
pauseOnHover: true,
responsive: [{
breakpoint: 768,
settings: {
slidesToShow: 1
}
}, {
breakpoint: 520,
settings: {
slidesToShow: 1
}
}]
});
});
</script>
</body>
</html>