File: /home/imensosw/www/imenso.co/dev/octb-website/octglobal_teacher_detail.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">
<script src="js/popper.min.js"></script>
</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 teachers_section teachers_section_dtl">
<div class="row">
<div class="col-sm-12">
<div class="teacher_details">
<div class="row">
<div class="col-md-3 mobile_hide">
<div class="row">
<div class="margin_left">
<div class="teacher m_b10">
<div class="scile"><span>842</span>занятия</div>
<img src="images/people_1.png" alt="people" class="w_100" />
</div>
<div class="text-center m_b10"><a href="#" class="btn btn-block btn-primary1">Записаться </a></div>
<div class="text-center"><a href="#" class="btn btn-block btn-primary1 reverse">Записаться </a></div>
</div>
</div>
</div>
<div class="col-md-9 col-12">
<div class="row">
<div class="teacher_full_details glow">
<div class="p_20">
<section>
<div class="row">
<div class="col-6 mobile_show">
<div class="teacher m_b10">
<img src="images/people_1.png" alt="people" class="w_100" />
</div>
</div>
<div class="col-6 col-md-12">
<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>
</div>
<div class="mobile_show">
<div class="text-center m_b10"> <a href="#" class="btn btn-block btn-primary1">Записаться </a> </div>
<div class="text-center"> <a href="#" class="btn btn-block btn-primary1 reverse">Записаться </a> </div>
</div>
<ul class="list-inline m_t10">
<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">beginner</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">китайский язык</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">Upper Intermediate</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">итальянский язык</a></li>
<li class="list-inline-item"><a href="#" class="btn btn-default">испанский язык</a></li>
<li class="list-inline-item mobile_show"><a href="#" class="btn1">+</a></li>
</ul>
<h4 class="m_t20">Елена</h4>
<p>Английский, испанский, французский, китайский, итальянский</p>
<h4 class="m_t20">Обо мне</h4>
<p>Готовлю к сдаче международных экзаменов. Обучение направленно исключительно на получение высокого балла на экзамене. Подготовлю к бизнес-поездке за границу. Обучение навыкам для проведения презентаций, встреч, переговоров.</p>
<p>Значимость этих проблем настолько очевидна, что сложившаяся структура организации играет важную роль в формировании систем массового участия. Значимость этих проблем настолько очевидна, что реализация намеченных плановых заданий играет важную роль в формировании системы обучения кадров соответствует насущным потребностям. </p>
<p><a href="#">Читать дальше</a></p>
</section>
<section class="m_t30 m_b30">
<h4 class="m_b20">Мой вводный видеоурок</h4>
<div>
<img src="images/video_img.jpg" alt="video_img" class="w_100" />
</div>
</section>
<section class="tab_option">
<h4 class="m_b30 m_t30">Улучшение показателей студентов</h4>
<!-- Nav tabs -->
<div class="mobile_show">
<div class="dropdown m_b20">
<button class="btn reverse btn-primary1 dropdown-toggle" type="button" data-toggle="dropdown">количество слов
<span class="caret"></span></button>
<div class="dropdown-menu">
<ul class="nav">
<li class="nav-item-map nav-item"><a data-toggle="tab" href="#tab_1">количество слов</a></li>
<li class=" nav-item-map nav-item"><a data-toggle="tab" href="#tab_2">количество ошибок</a></li>
<li class=" nav-item-map nav-item"><a data-toggle="tab" href="#tab_3">уровень общения</a></li>
<li class="nav-item-map nav-item"><a data-toggle="tab" href="#tab_4">уровень знаний</a></li>
</ul>
</div>
</div>
</div>
<div class="mobile_hide">
<ul class="nav nav-pills nav-fill m_b30">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#tab_1">количество слов</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_2">количество ошибок</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_3">уровень общения</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#tab_4">уровень знаний</a>
</li>
</ul>
</div>
<!-- Tab panes -->
<div class="tab-content m_b30">
<div class="tab-pane container active" id="tab_1">
<div class="m_t20 m_b30">
<canvas id="canvas1"></canvas>
</div>
<div class="progressarea">
<h3 class="text-center m_b30 m_t30">За год изучение <span>1000</span> новых слов</h3>
<div class="progress">
<span>2018 год</span>
<div class="progress-bar" style="width:60%"><span>758 слов</span></div>
</div>
<div class="progress">
<span>2017 год</span>
<div class="progress-bar" style="width:50%;"><span>420 слов</span></div>
</div>
<div class="progress">
<span>2016 год</span>
<div class="progress-bar" style="width:20%;"><span>200 слов</span></div>
</div>
</div>
</div>
<div class="tab-pane container fade" id="tab_2">
<div class="m_t20 m_b30">
<canvas id="canvas2"></canvas>
</div>
<div class="progressarea">
<h3 class="text-center m_b30 m_t30">За год изучение <span>1000</span> новых слов</h3>
<div class="progress">
<span>2018 год</span>
<div class="progress-bar" style="width:60%"><span>758 слов</span></div>
</div>
<div class="progress">
<span>2017 год</span>
<div class="progress-bar" style="width:50%;"><span>420 слов</span></div>
</div>
<div class="progress">
<span>2016 год</span>
<div class="progress-bar" style="width:20%;"><span>200 слов</span></div>
</div>
</div>
</div>
<div class="tab-pane container fade" id="tab_3">
<div class="m_t20 m_b30">
<canvas id="canvas3"></canvas>
</div>
<div class="progressarea">
<h3 class="text-center m_b30 m_t30">За год изучение <span>1000</span> новых слов</h3>
<div class="progress">
<span>2018 год</span>
<div class="progress-bar" style="width:60%"><span>758 слов</span></div>
</div>
<div class="progress">
<span>2017 год</span>
<div class="progress-bar" style="width:50%;"><span>420 слов</span></div>
</div>
<div class="progress">
<span>2016 год</span>
<div class="progress-bar" style="width:20%;"><span>200 слов</span></div>
</div>
</div>
</div>
<div class="tab-pane container fade" id="tab_4">
<div class="m_t20 m_b30">
<canvas id="canvas4"></canvas>
</div>
<div class="progressarea">
<h3 class="text-center m_b30 m_t30">За год изучение <span>1000</span> новых слов</h3>
<div class="progress">
<span>2018 год</span>
<div class="progress-bar" style="width:60%"><span>758 слов</span></div>
</div>
<div class="progress">
<span>2017 год</span>
<div class="progress-bar" style="width:50%;"><span>420 слов</span></div>
</div>
<div class="progress">
<span>2016 год</span>
<div class="progress-bar" style="width:20%;"><span>200 слов</span></div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<section class="container-fluid">
<div class="p_t50">
<div class="offset-md-1 col-md-10">
<h2 class="text-center heading_second m_b30">Довольные клиенты</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"></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"></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"></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"></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"></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>
</section>
</div>
</div>
</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 type="text/javascript">
/*Dropdown menu*/
$(document).ready(function(){
$(".nav-item-map").click(function(){
$(".tab_option .dropdown-toggle").text($(this).text());
});
});
</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>
<script src="js/Chart.bundle.js" type="text/javascript" charset="utf-8"></script>
<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.customer-testimonial').slick({
slidesToShow: 1,
slidesToScroll: 1,
autoplay: true,
autoplaySpeed: 5000,
arrows: true,
dots: true,
pauseOnHover: true,
responsive: [{
breakpoint: 768,
settings: {
slidesToShow: 1
}
}, {
breakpoint: 520,
settings: {
slidesToShow: 1
}
}]
});
});
</script>
<script>
var lineChartData = {
labels: ['2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'],
datasets: [{
label: 'My First dataset',
borderColor: window.chartColors.red,
borderWidth: 1,
backgroundColor: window.chartColors.red,
fill: false,
pointBorderColor: window.chartColors.red,
pointBackgroundColor: "#fff",
pointBorderWidth: 2,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
pointRadius: 5,
data: [10,20,0,15,50,30,20,10,20,0,15],
yAxisID: 'y-axis-1',
}]
};
window.onload = function() {
var ctx = document.getElementById('canvas1').getContext('2d');
window.myLine = Chart.Line(ctx, {
data: lineChartData,
options: {
responsive: true,
hoverMode: 'index',
stacked: false,
title: {
display: false,
text: 'Chart.js Line Chart - Multi Axis'
},
legend: {
display: false
},
scales: {
yAxes: [{
type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
display: true,
position: 'left',
id: 'y-axis-1',
}, {
type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
display: false,
position: 'right',
id: 'y-axis-2',
// grid line settings
gridLines: {
drawOnChartArea: false, // only want the grid lines for one axis to show up
},
}],
}
}
});
var lineChartData1 = {
labels: ['2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'],
datasets: [{
label: 'My First dataset',
borderColor: window.chartColors.red,
borderWidth: 1,
backgroundColor: window.chartColors.red,
fill: false,
pointBorderColor: window.chartColors.red,
pointBackgroundColor: "#fff",
pointBorderWidth: 2,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
pointRadius: 5,
data: [20,10,20,0,15,10,20,0,15,50,30],
yAxisID: 'y-axis-1',
}]
};
var ctx = document.getElementById('canvas2').getContext('2d');
window.myLine = Chart.Line(ctx, {
data: lineChartData1,
options: {
responsive: true,
hoverMode: 'index',
stacked: false,
title: {
display: false,
text: 'Chart.js Line Chart - Multi Axis'
},
legend: {
display: false
},
scales: {
yAxes: [{
type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
display: true,
position: 'left',
id: 'y-axis-1',
}, {
type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
display: false,
position: 'right',
id: 'y-axis-2',
// grid line settings
gridLines: {
drawOnChartArea: false, // only want the grid lines for one axis to show up
},
}],
}
}
});
var lineChartData2 = {
labels: ['2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'],
datasets: [{
label: 'My First dataset',
borderColor: window.chartColors.red,
borderWidth: 1,
pointBorderColor: window.chartColors.red,
pointBackgroundColor: "#fff",
pointBorderWidth: 2,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
pointRadius: 5,
backgroundColor: window.chartColors.red,
fill: false,
data: [15,50,30,20,10,10,20,0,20,0,15],
yAxisID: 'y-axis-1',
}]
};
var ctx = document.getElementById('canvas3').getContext('2d');
window.myLine = Chart.Line(ctx, {
data: lineChartData2,
options: {
responsive: true,
hoverMode: 'index',
stacked: false,
title: {
display: false,
text: 'Chart.js Line Chart - Multi Axis'
},
legend: {
display: false
},
scales: {
yAxes: [{
type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
display: true,
position: 'left',
id: 'y-axis-1',
}, {
type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
display: false,
position: 'right',
id: 'y-axis-2',
// grid line settings
gridLines: {
drawOnChartArea: false, // only want the grid lines for one axis to show up
},
}],
}
}
});
var lineChartData3 = {
labels: ['2008', '2009', '2010', '2011', '2012', '2013', '2014', '2015', '2016', '2017', '2018'],
datasets: [{
label: 'My First dataset',
borderColor: window.chartColors.red,
borderWidth: 1,
backgroundColor: window.chartColors.red,
fill: false,
pointBorderColor: window.chartColors.red,
pointBackgroundColor: "#fff",
pointBorderWidth: 2,
pointHoverRadius: 5,
pointHoverBorderWidth: 2,
pointRadius: 5,
data: [0,15,50,30,20,10,10,20,20,0,15],
yAxisID: 'y-axis-1',
}]
};
var ctx = document.getElementById('canvas4').getContext('2d');
window.myLine = Chart.Line(ctx, {
data: lineChartData3,
options: {
responsive: true,
hoverMode: 'index',
stacked: false,
title: {
display: false,
text: 'Chart.js Line Chart - Multi Axis'
},
legend: {
display: false
},
scales: {
yAxes: [{
type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
display: true,
position: 'left',
id: 'y-axis-1',
}, {
type: 'linear', // only linear but allow scale type registration. This allows extensions to exist solely for log scale for instance
display: false,
position: 'right',
id: 'y-axis-2',
// grid line settings
gridLines: {
drawOnChartArea: false, // only want the grid lines for one axis to show up
},
}],
}
}
});
};
document.getElementById('randomizeData').addEventListener('click', function() {
lineChartData.datasets.forEach(function(dataset) {
dataset.data = dataset.data.map(function() {
return randomScalingFactor();
});
});
window.myLine.update();
});
</script>
</body>
</html>