Mini Shell
<!DOCTYPE html>
<!--
Theme Name: Enlight
Theme URL: https://probootstrap.com/enlight-free-education-responsive-bootstrap-website-template
Author: ProBootstrap.com
Author URL: https://probootstrap.com
License: Released for free under the Creative Commons Attribution 3.0 license (probootstrap.com/license)
-->
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ProBootstrap:Enlight — Free Bootstrap Theme, Free Responsive Bootstrap Website Template</title>
<meta name="description" content="Free Bootstrap Theme by ProBootstrap.com">
<meta name="keywords" content="free website templates, free bootstrap themes, free template, free bootstrap, free website template">
<link href="https://fonts.googleapis.com/css?family=Raleway:300,400,500,700|Open+Sans" rel="stylesheet">
<link rel="stylesheet" href="css/styles-merged.css">
<link rel="stylesheet" href="css/style.min.css">
<link rel="stylesheet" href="css/custom.css">
<!--[if lt IE 9]>
<script src="js/vendor/html5shiv.min.js"></script>
<script src="js/vendor/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="probootstrap-search" id="probootstrap-search">
<a href="#" class="probootstrap-close js-probootstrap-close"><i class="icon-cross"></i></a>
<form action="#">
<input type="search" name="s" id="search" placeholder="Search a keyword and hit enter...">
</form>
</div>
<div class="probootstrap-page-wrapper">
<!-- Fixed navbar -->
<div class="probootstrap-header-top">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-9 col-sm-9 probootstrap-top-quick-contact-info">
<span><i class="icon-location2"></i>Brooklyn, NY 10036, United States</span>
<span><i class="icon-phone2"></i>+1-123-456-7890</span>
<span><i class="icon-mail"></i>[email protected]</span>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 probootstrap-top-social">
<ul>
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook2"></i></a></li>
<li><a href="#"><i class="icon-instagram2"></i></a></li>
<li><a href="#"><i class="icon-youtube"></i></a></li>
<li><a href="#" class="probootstrap-search-icon js-probootstrap-search"><i class="icon-search"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-default probootstrap-navbar">
<div class="container">
<div class="navbar-header">
<div class="btn-more js-btn-more visible-xs">
<a href="#"><i class="icon-dots-three-vertical "></i></a>
</div>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html" title="ProBootstrap:Enlight">Enlight</a>
</div>
<div id="navbar-collapse" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">Home</a></li>
<li><a href="courses.html">Courses</a></li>
<li class="active"><a href="teachers.html">Teachers</a></li>
<li><a href="events.html">Events</a></li>
<li class="dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle">Pages</a>
<ul class="dropdown-menu">
<li><a href="about.html">About Us</a></li>
<li><a href="courses.html">Courses</a></li>
<li><a href="course-single.html">Course Single</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li class="dropdown-submenu dropdown">
<a href="#" data-toggle="dropdown" class="dropdown-toggle"><span>Sub Menu</span></a>
<ul class="dropdown-menu">
<li><a href="#">Second Level Menu</a></li>
<li><a href="#">Second Level Menu</a></li>
<li><a href="#">Second Level Menu</a></li>
<li><a href="#">Second Level Menu</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</nav>
<section class="probootstrap-section probootstrap-section-colored">
<div class="container">
<div class="row">
<div class="col-md-12 text-left section-heading probootstrap-animate">
<h1>Our Teachers</h1>
</div>
</div>
</div>
</section>
<section class="probootstrap-section">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="probootstrap-flex-block">
<div class="probootstrap-text probootstrap-animate">
<h3>We Hired Certified Teachers For Our Students</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quis explicabo veniam labore ratione illo vero voluptate a deserunt incidunt odio aliquam commodi blanditiis voluptas error non rerum temporibus optio accusantium!</p>
<p><a href="#" class="btn btn-primary">Learn More</a></p>
</div>
<div class="probootstrap-image probootstrap-animate" style="background-image: url(img/slider_3.jpg)">
<a href="https://vimeo.com/45830194" class="btn-video popup-vimeo"><i class="icon-play3"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="probootstrap-section">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_1.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Chris Worth</h3>
<p>Physical Education</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_5.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Janet Morris</h3>
<p>English Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix visible-sm-block visible-xs-block"></div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_6.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Linda Reyez</h3>
<p>Math Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_7.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Jessa Sy</h3>
<p>Physics Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_1.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Chris Worth</h3>
<p>Physical Education</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_5.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Janet Morris</h3>
<p>English Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix visible-sm-block visible-xs-block"></div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_6.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Linda Reyez</h3>
<p>Math Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_7.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Jessa Sy</h3>
<p>Physics Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_1.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Chris Worth</h3>
<p>Physical Education</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_5.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Janet Morris</h3>
<p>English Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix visible-sm-block visible-xs-block"></div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_6.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Linda Reyez</h3>
<p>Math Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_7.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Jessa Sy</h3>
<p>Physics Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_1.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Chris Worth</h3>
<p>Physical Education</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_5.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Janet Morris</h3>
<p>English Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="clearfix visible-sm-block visible-xs-block"></div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_6.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Linda Reyez</h3>
<p>Math Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="probootstrap-teacher text-center probootstrap-animate">
<figure class="media">
<img src="img/person_7.jpg" alt="Free Bootstrap Template by ProBootstrap.com" class="img-responsive">
</figure>
<div class="text">
<h3>Jessa Sy</h3>
<p>Physics Teacher</p>
<ul class="probootstrap-footer-social">
<li class="twitter"><a href="#"><i class="icon-twitter"></i></a></li>
<li class="facebook"><a href="#"><i class="icon-facebook2"></i></a></li>
<li class="instagram"><a href="#"><i class="icon-instagram2"></i></a></li>
<li class="google-plus"><a href="#"><i class="icon-google-plus"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="probootstrap-cta">
<div class="container">
<div class="row">
<div class="col-md-12">
<h2 class="probootstrap-animate" data-animate-effect="fadeInRight">Get your admission now!</h2>
<a href="#" role="button" class="btn btn-primary btn-lg btn-ghost probootstrap-animate" data-animate-effect="fadeInLeft">Enroll</a>
</div>
</div>
</div>
</section>
<footer class="probootstrap-footer probootstrap-bg">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="probootstrap-footer-widget">
<h3>About The School</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Porro provident suscipit natus a cupiditate ab minus illum quaerat maxime inventore Ea consequatur consectetur hic provident dolor ab aliquam eveniet alias</p>
<h3>Social</h3>
<ul class="probootstrap-footer-social">
<li><a href="#"><i class="icon-twitter"></i></a></li>
<li><a href="#"><i class="icon-facebook"></i></a></li>
<li><a href="#"><i class="icon-github"></i></a></li>
<li><a href="#"><i class="icon-dribbble"></i></a></li>
<li><a href="#"><i class="icon-linkedin"></i></a></li>
<li><a href="#"><i class="icon-youtube"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-3 col-md-push-1">
<div class="probootstrap-footer-widget">
<h3>Links</h3>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Courses</a></li>
<li><a href="#">Teachers</a></li>
<li><a href="#">News</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="probootstrap-footer-widget">
<h3>Contact Info</h3>
<ul class="probootstrap-contact-info">
<li><i class="icon-location2"></i> <span>198 West 21th Street, Suite 721 New York NY 10016</span></li>
<li><i class="icon-mail"></i><span>[email protected]</span></li>
<li><i class="icon-phone2"></i><span>+123 456 7890</span></li>
</ul>
</div>
</div>
</div>
<!-- END row -->
</div>
<div class="probootstrap-copyright">
<div class="container">
<div class="row">
<div class="col-md-8 text-left">
<p>© 2017 <a href="https://probootstrap.com/">ProBootstrap:Enlight</a>. All Rights Reserved. Designed & Developed with <i class="icon icon-heart"></i> by <a href="https://probootstrap.com/">ProBootstrap.com</a></p>
</div>
<div class="col-md-4 probootstrap-back-to-top">
<p><a href="#" class="js-backtotop">Back to top <i class="icon-arrow-long-up"></i></a></p>
</div>
</div>
</div>
</div>
</footer>
</div>
<!-- END wrapper -->
<script src="js/scripts.min.js"></script>
<script src="js/main.min.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
Zerion Mini Shell 1.0