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><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 class="active"><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 mb0">
<h1 class="mb0">School Gallery</h1>
</div>
</div>
</div>
</section>
<section class="probootstrap-section probootstrap-bg-white">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="portfolio-feed three-cols">
<div class="grid-sizer"></div>
<div class="gutter-sizer"></div>
<div class="probootstrap-gallery">
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_1.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_1.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_2.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_2.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_3.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_3.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_4.jpg" itemprop="contentUrl" data-size="1000x667">
<img src="img/gal_img_sm_4.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_1.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_1.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_2.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_2.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_3.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_3.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_4.jpg" itemprop="contentUrl" data-size="1000x667">
<img src="img/gal_img_sm_4.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_1.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_1.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_2.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_2.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_3.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_3.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_4.jpg" itemprop="contentUrl" data-size="1000x667">
<img src="img/gal_img_sm_4.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_1.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_1.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_2.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_2.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_3.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_3.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_4.jpg" itemprop="contentUrl" data-size="1000x667">
<img src="img/gal_img_sm_4.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_1.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_1.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_2.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_2.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_3.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_3.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_4.jpg" itemprop="contentUrl" data-size="1000x667">
<img src="img/gal_img_sm_4.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_1.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_1.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_2.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_2.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_3.jpg" itemprop="contentUrl" data-size="1000x632">
<img src="img/gal_img_sm_3.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
<figure itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject" class="grid-item probootstrap-animate">
<a href="img/gal_img_full_4.jpg" itemprop="contentUrl" data-size="1000x667">
<img src="img/gal_img_sm_4.jpg" itemprop="thumbnail" alt="Free Bootstrap Template by ProBootstrap.com" />
</a>
<figcaption itemprop="caption description">Image caption here</figcaption>
</figure>
</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 -->
<!-- Photoswipe Modal -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<div class="pswp__bg"></div>
<div class="pswp__scroll-wrap">
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<div class="pswp__counter"></div>
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
<button class="pswp__button pswp__button--share" title="Share"></button>
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
</button>
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
</button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<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