File: /home/imensosw/public_html/imenso.co/dev/octb-website/octglobal_select_teacher.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 class="top_area top_area1">
<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>
</header>
<!-- top area close -->
<!-- middle-content area open -->
<div class="content p_t100">
<section class="m_b80 m_t20">
<div class="container">
<div class="page_cnt">
<h2 class="text-center m_b20 heading_second">Наши преподаватели</h2>
<p class="text-center para1">На протяжении 10 лет мы работаем с этими и другими корпоративными клиентами. <br/> Теперь мы открываем наши двери для всех. </p>
</div>
<form class="inline-form" action="/action_page.php">
<div class="row">
<div class="col-md-5">
<div class="form-group">
<select class="select" data-placeholder="темы">
<option>темы</option>
</select>
</div>
</div>
<div class="col-md-7">
<div class="row">
<div class="col-sm-4 col-6">
<div class="form-group">
<select class="select" data-placeholder="язык">
<option>язык</option>
</select>
</div>
</div>
<div class="col-sm-4 col-6">
<div class="form-group">
<select class="select" data-placeholder="цена">
<option>цена</option>
</select>
</div>
</div>
<div class="col-sm-4 col-6">
<div class="form-group">
<select class="select" data-placeholder="Кол-во занятий">
<option>Кол-во занятий</option>
</select>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
<div class="container teachers_section">
<h4 class="m_b20">Найдено 20 учителей</h4>
<div class="row">
<div class="col-md-8">
<div class="teacher_details glow">
<div class="row">
<div class="col-sm-4 col-6">
<div class="teacher">
<div class="scile"><span>842</span>занятия</div>
<div class="userdtl">
<div class="text-center"><a href="#" class="btn btn-block btn-secondary">Записаться </a></div>
</div>
<img src="images/people_1.png" alt="people" class="w_100" />
</div>
</div>
<div class="col-sm-8 col-6">
<div class="p_20">
<h3>Елена</h3>
<p class="m_b10">Native Russian</p>
<ul class="responce list-inline">
<li class="list-inline-item"><a href="#"> <img src="images/tag.png" alt="tag" /> <span>1000</span> о/час</a></li>
<li class="list-inline-item"><a href="#"> <img src="images/view.png" alt="view" /> <span>842</span> занятия </a></li>
<li class="list-inline-item"><a href="#"> <img src="images/comment.png" alt="comment" /> <span>20</span> отзывов </a></li>
</ul>
<div class="mobile_structure mobile_hide">
<ul class="list-inline">
<li class="list-inline-item"><a href="#" class="btn btn-default">английский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">businesss English</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Upper Intermediate</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Elementary</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">французский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">IELTS</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">beginner</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">разговорный английский</a></li>
<li class="list-inline-item"><a href="#" class="btn1">+</a></li>
</ul>
<h4 class="m_t10">Обо мне</h4>
<p class="m_0">Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу.</p>
</div>
</div>
</div>
<div class="mobile_structure mobile_show p_t20 m_t10">
<div class="col-12">
<div class="p_lr10">
<ul class="list-inline">
<li class="list-inline-item"><a href="#" class="btn btn-default">английский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">businesss English</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Upper Intermediate</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Elementary</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">французский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">IELTS</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">beginner</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">разговорный английский</a></li>
<li class="list-inline-item"><a href="#" class="btn1">+</a></li>
</ul>
<h4 class="m_t10">Обо мне</h4>
<p class="m_0">Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу.</p>
<div class="mobile_show m_t20 text-center"><a href="#" class="btn btn-lg btn-primary1">записаться</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="teacher_details glow">
<div class="row">
<div class="col-sm-4 col-6">
<div class="teacher">
<div class="scile"><span>842</span>занятия</div>
<div class="userdtl">
<div class="text-center"><a href="#" class="btn btn-block btn-secondary">Записаться </a></div>
</div>
<img src="images/people_2.png" alt="people" class="w_100" />
</div>
</div>
<div class="col-sm-8 col-6">
<div class="p_20">
<h3>Антон</h3>
<p class="m_b10">Native Russian</p>
<ul class="responce list-inline">
<li class="list-inline-item"><a href="#"> <img src="images/tag.png" alt="tag" /> <span>1000</span> о/час</a></li>
<li class="list-inline-item"><a href="#"> <img src="images/view.png" alt="view" /> <span>513</span> занятия </a></li>
<li class="list-inline-item"><a href="#"> <img src="images/comment.png" alt="comment" /> <span>100</span> отзывов </a></li>
</ul>
<div class="mobile_structure mobile_hide">
<ul class="list-inline">
<li class="list-inline-item"><a href="#" class="btn btn-default">английский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">businesss English</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Upper Intermediate</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Elementary</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">французский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">IELTS</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">beginner</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">разговорный английский</a></li>
<li class="list-inline-item"><a href="#" class="btn1">+</a></li>
</ul>
<h4 class="m_t10">Обо мне</h4>
<p class="m_0">Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу.</p>
</div>
</div>
</div>
<div class="mobile_structure mobile_show p_t20 m_t10">
<div class="col-12">
<div class="p_lr10">
<ul class="list-inline">
<li class="list-inline-item"><a href="#" class="btn btn-default">английский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">businesss English</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Upper Intermediate</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Elementary</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">французский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">IELTS</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">beginner</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">разговорный английский</a></li>
<li class="list-inline-item"><a href="#" class="btn1">+</a></li>
</ul>
<h4 class="m_t10">Обо мне</h4>
<p class="m_0">Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу.</p>
<div class="mobile_show m_t20 text-center"><a href="#" class="btn btn-lg btn-primary1">записаться</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="teacher_details glow">
<div class="row">
<div class="col-sm-4 col-6">
<div class="teacher">
<div class="scile"><span>842</span>занятия</div>
<div class="userdtl">
<div class="text-center"><a href="#" class="btn btn-block btn-secondary">Записаться </a></div>
</div>
<img src="images/people_3.png" alt="people" class="w_100" />
</div>
</div>
<div class="col-sm-8 col-6">
<div class="p_20">
<h3>Максим</h3>
<p class="m_b10">Native Russian</p>
<ul class="responce list-inline">
<li class="list-inline-item"><a href="#"> <img src="images/tag.png" alt="tag" /> <span>1000</span> о/час</a></li>
<li class="list-inline-item"><a href="#"> <img src="images/view.png" alt="view" /> <span>513</span> занятия </a></li>
<li class="list-inline-item"><a href="#"> <img src="images/comment.png" alt="comment" /> <span>100</span> отзывов </a></li>
</ul>
<div class="mobile_structure mobile_hide">
<ul class="list-inline">
<li class="list-inline-item"><a href="#" class="btn btn-default">английский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">businesss English</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Upper Intermediate</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Elementary</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">французский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">IELTS</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">beginner</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">разговорный английский</a></li>
<li class="list-inline-item"><a href="#" class="btn1">+</a></li>
</ul>
<h4 class="m_t10">Обо мне</h4>
<p class="m_0">Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу.</p>
</div>
</div>
</div>
<div class="mobile_structure mobile_show p_t20 m_t10">
<div class="col-12">
<div class="p_lr10">
<ul class="list-inline">
<li class="list-inline-item"><a href="#" class="btn btn-default">английский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">businesss English</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Upper Intermediate</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Elementary</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">французский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">IELTS</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">beginner</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">разговорный английский</a></li>
<li class="list-inline-item"><a href="#" class="btn1">+</a></li>
</ul>
<h4 class="m_t10">Обо мне</h4>
<p class="m_0">Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу.</p>
<div class="mobile_show m_t20 text-center"><a href="#" class="btn btn-lg btn-primary1">записаться</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="teacher_details glow">
<div class="row">
<div class="col-sm-4 col-6">
<div class="teacher">
<div class="scile"><span>842</span>занятия</div>
<div class="userdtl">
<div class="text-center"><a href="#" class="btn btn-block btn-secondary">Записаться </a></div>
</div>
<img src="images/people_1.png" alt="people" class="w_100" />
</div>
</div>
<div class="col-sm-8 col-6">
<div class="p_20">
<h3>Елена</h3>
<p class="m_b10">Native Russian</p>
<ul class="responce list-inline">
<li class="list-inline-item"><a href="#"> <img src="images/tag.png" alt="tag" /> <span>1000</span> о/час</a></li>
<li class="list-inline-item"><a href="#"> <img src="images/view.png" alt="view" /> <span>842</span> занятия </a></li>
<li class="list-inline-item"><a href="#"> <img src="images/comment.png" alt="comment" /> <span>20</span> отзывов </a></li>
</ul>
<div class="mobile_structure mobile_hide">
<ul class="list-inline">
<li class="list-inline-item"><a href="#" class="btn btn-default">английский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">businesss English</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Upper Intermediate</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Elementary</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">французский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">IELTS</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">beginner</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">разговорный английский</a></li>
<li class="list-inline-item"><a href="#" class="btn1">+</a></li>
</ul>
<h4 class="m_t10">Обо мне</h4>
<p class="m_0">Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу.</p>
</div>
</div>
</div>
<div class="mobile_structure mobile_show p_t20 m_t10">
<div class="col-12">
<div class="p_lr10">
<ul class="list-inline">
<li class="list-inline-item"><a href="#" class="btn btn-default">английский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">businesss English</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Upper Intermediate</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">Elementary</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">французский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">IELTS</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">beginner</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">разговорный английский</a></li>
<li class="list-inline-item"><a href="#" class="btn1">+</a></li>
</ul>
<h4 class="m_t10">Обо мне</h4>
<p class="m_0">Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу.</p>
<div class="mobile_show m_t20 text-center"><a href="#" class="btn btn-lg btn-primary1">записаться</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clearfix"></div>
<div class="row m_t50">
<div class="col-sm-12">
<ul class="pagination justify-content-end">
<li class="page-item disabled"><a class="page-link prev" href="#"> </a></li>
<!-- <li class="page-item"><a class="page-link" href="#">1</a></li> -->
<li class="page-item"><a class="page-link" href="#">2</a></li>
<li class="page-item"><a class="page-link active" href="#">3</a></li>
<li class="page-item"><a class="page-link" href="#">4</a></li>
<li class="page-item"><a class="page-link" href="#">5</a></li>
<li class="page-item"><a class="page-link" href="#">6</a></li>
<li class="page-item"><a class="page-link" href="#">7</a></li>
<li class="page-item"><a class="page-link next" href="#"> </a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-4 side_bar mobile_hide">
<div class="comment_12 glow">
<div>
<img src="images/video_img.jpg" alt="video_img" class="w_100" />
</div>
<div class="t_cnt">
<h4 class="m_b20">Последний отзыв</h4>
<div class="t_header m_b20">
<div class="circle text-center"><img src="images/pro_pic_2.png" alt="pro_pic_2" /></div>
<div class="f_dtl">
<div class="name">Dong Roming</div>
<div class="date">18 June 2018</div>
</div>
</div>
<p class="m_0">Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу. Обученнавыкам для проведения презентаций, встреч, переговоров.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- middle-content area close -->
<!-- footer area open -->
<section class="footer footer1">
<footer>
<div class="container">
<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 -->
<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 src="js/chosen.jquery.js" type="text/javascript"></script>
<script src="js/prism.js" type="text/javascript" charset="utf-8"></script>
<script src="js/init.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>