You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
475 lines
21 KiB
475 lines
21 KiB
<!-- /* |
|
* Template Name: Learner |
|
* Template Author: Untree.co |
|
* Tempalte URI: https://untree.co/ |
|
* License: https://creativecommons.org/licenses/by/3.0/ |
|
*/ --> |
|
<!doctype html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="utf-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
|
<meta name="author" content="Untree.co"> |
|
<link rel="shortcut icon" href="favicon.png"> |
|
|
|
<meta name="description" content="" /> |
|
<meta name="keywords" content="bootstrap, bootstrap4" /> |
|
|
|
<link href="https://fonts.googleapis.com/css2?family=Display+Playfair:wght@400;700&family=Inter:wght@400;700&display=swap" rel="stylesheet"> |
|
|
|
|
|
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"> |
|
|
|
<link rel="stylesheet" href="css/bootstrap.min.css"> |
|
<link rel="stylesheet" href="css/animate.min.css"> |
|
<link rel="stylesheet" href="css/owl.carousel.min.css"> |
|
<link rel="stylesheet" href="css/owl.theme.default.min.css"> |
|
<link rel="stylesheet" href="css/jquery.fancybox.min.css"> |
|
<link rel="stylesheet" href="fonts/icomoon/style.css"> |
|
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> |
|
<link rel="stylesheet" href="css/aos.css"> |
|
<link rel="stylesheet" href="css/style.css"> |
|
|
|
<title>Learner Free Bootstrap Template by Untree.co</title> |
|
</head> |
|
|
|
<body> |
|
|
|
<div class="site-mobile-menu"> |
|
<div class="site-mobile-menu-header"> |
|
<div class="site-mobile-menu-close"> |
|
<span class="icofont-close js-menu-toggle"></span> |
|
</div> |
|
</div> |
|
<div class="site-mobile-menu-body"></div> |
|
</div> |
|
|
|
|
|
|
|
<nav class="site-nav mb-5"> |
|
<div class="pb-2 top-bar mb-3"> |
|
<div class="container"> |
|
<div class="row align-items-center"> |
|
|
|
<div class="col-6 col-lg-9"> |
|
<a href="#" class="small mr-3"><span class="icon-question-circle-o mr-2"></span> <span class="d-none d-lg-inline-block">Have a questions?</span></a> |
|
<a href="#" class="small mr-3"><span class="icon-phone mr-2"></span> <span class="d-none d-lg-inline-block">10 20 123 456</span></a> |
|
<a href="#" class="small mr-3"><span class="icon-envelope mr-2"></span> <span class="d-none d-lg-inline-block">info@mydomain.com</span></a> |
|
</div> |
|
|
|
<div class="col-6 col-lg-3 text-right"> |
|
<a href="login.html" class="small mr-3"> |
|
<span class="icon-lock"></span> |
|
Log In |
|
</a> |
|
<a href="register.html" class="small"> |
|
<span class="icon-person"></span> |
|
Register |
|
</a> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
<div class="sticky-nav js-sticky-header"> |
|
<div class="container position-relative"> |
|
<div class="site-navigation text-center"> |
|
<a href="index.html" class="logo menu-absolute m-0">Learner<span class="text-primary">.</span></a> |
|
|
|
<ul class="js-clone-nav d-none d-lg-inline-block site-menu"> |
|
<li><a href="index.html">Home</a></li> |
|
<li class="has-children"> |
|
<a href="#">Dropdown</a> |
|
<ul class="dropdown"> |
|
<li><a href="elements.html">Elements</a></li> |
|
<li class="has-children"> |
|
<a href="#">Menu Two</a> |
|
<ul class="dropdown"> |
|
<li><a href="#">Sub Menu One</a></li> |
|
<li><a href="#">Sub Menu Two</a></li> |
|
<li><a href="#">Sub Menu Three</a></li> |
|
</ul> |
|
</li> |
|
<li><a href="#">Menu Three</a></li> |
|
</ul> |
|
</li> |
|
<li><a href="staff.html">Our Staff</a></li> |
|
<li><a href="news.html">News</a></li> |
|
<li><a href="gallery.html">Gallery</a></li> |
|
<li class="active"><a href="about.html">About</a></li> |
|
<li><a href="contact.html">Contact</a></li> |
|
</ul> |
|
|
|
<a href="#" class="btn-book btn btn-secondary btn-sm menu-absolute">Enroll Now</a> |
|
|
|
<a href="#" class="burger ml-auto float-right site-menu-toggle js-menu-toggle d-inline-block d-lg-none light" data-toggle="collapse" data-target="#main-navbar"> |
|
<span></span> |
|
</a> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
</nav> |
|
|
|
|
|
<div class="untree_co-hero overlay" style="background-image: url('images/img-school-1-min.jpg');"> |
|
<div class="container"> |
|
<div class="row align-items-center justify-content-center"> |
|
<div class="col-12"> |
|
<div class="row justify-content-center "> |
|
<div class="col-lg-6 text-center "> |
|
<h1 class="mb-4 heading text-white" data-aos="fade-up" data-aos-delay="100">About Us</h1> |
|
<div class="mb-5 text-white desc mx-auto" data-aos="fade-up" data-aos-delay="200"> |
|
<p>Another free template by <a href="https://untree.co/" target="_blank" class="link-highlight">Untree.co</a>. Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live.</p> |
|
</div> |
|
|
|
<p class="mb-0" data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-secondary">Explore courses</a></p> |
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> <!-- /.row --> |
|
</div> <!-- /.container --> |
|
|
|
</div> <!-- /.untree_co-hero --> |
|
|
|
|
|
|
|
|
|
<div class="services-section"> |
|
<div class="container"> |
|
<div class="row justify-content-between"> |
|
<div class="col-lg-4 mb-5 mb-lg-0"> |
|
|
|
<div class="section-title mb-3" data-aos="fade-up" data-aos-delay="0"> |
|
<h2 class="line-bottom mb-4">Become an Instructor</h2> |
|
</div> |
|
|
|
<p data-aos="fade-up" data-aos-delay="100">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live.</p> |
|
|
|
<ul class="ul-check list-unstyled mb-5 primary" data-aos="fade-up" data-aos-delay="200"> |
|
<li>Behind the word Mountains.</li> |
|
<li>Far far away Mountains.</li> |
|
<li>Large language Ocean.</li> |
|
</ul> |
|
|
|
<p data-aos="fade-up" data-aos-delay="300"><a href="#" class="btn btn-primary">Get Started</a></p> |
|
|
|
</div> |
|
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="0"> |
|
<figure class="img-wrap-2"> |
|
<img src="images/teacher-min.jpg" alt="Image" class="img-fluid"> |
|
<div class="dotted"></div> |
|
</figure> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="untree_co-section bg-light"> |
|
<div class="container"> |
|
<div class="row justify-content-center mb-5"> |
|
<div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0"> |
|
<h2 class="line-bottom text-center mb-4">Our Team</h2> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
</div> |
|
</div> |
|
<div class="row"> |
|
<div class="col-12 col-sm-6 col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="0"> |
|
<div class="staff text-center"> |
|
<div class="mb-4"><img src="images/staff_1.jpg" alt="Image" class="img-fluid"></div> |
|
<div class="staff-body"> |
|
<h3 class="staff-name">Mina Collins</h3> |
|
<span class="d-block position mb-4">Teacher in Math</span> |
|
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
<div class="social"> |
|
<a href="#" class="mx-2"><span class="icon-facebook"></span></a> |
|
<a href="#" class="mx-2"><span class="icon-twitter"></span></a> |
|
<a href="#" class="mx-2"><span class="icon-linkedin"></span></a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-12 col-sm-6 col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="100"> |
|
<div class="staff text-center"> |
|
<div class="mb-4"><img src="images/staff_2.jpg" alt="Image" class="img-fluid"></div> |
|
<div class="staff-body"> |
|
<h3 class="staff-name">Anderson Matthew</h3> |
|
<span class="d-block position mb-4">Teacher in Music</span> |
|
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
<div class="social"> |
|
<a href="#" class="mx-2"><span class="icon-facebook"></span></a> |
|
<a href="#" class="mx-2"><span class="icon-twitter"></span></a> |
|
<a href="#" class="mx-2"><span class="icon-linkedin"></span></a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
<div class="col-12 col-sm-6 col-md-6 mb-4 mb-lg-0 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
|
<div class="staff text-center"> |
|
<div class="mb-4"><img src="images/staff_3.jpg" alt="Image" class="img-fluid"></div> |
|
<div class="staff-body"> |
|
<h3 class="staff-name">Cynthia Misso</h3> |
|
<span class="d-block position mb-4">Teacher English</span> |
|
<p class="mb-4">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
<div class="social"> |
|
<a href="#" class="mx-2"><span class="icon-facebook"></span></a> |
|
<a href="#" class="mx-2"><span class="icon-twitter"></span></a> |
|
<a href="#" class="mx-2"><span class="icon-linkedin"></span></a> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> <!-- /.untree_co-section --> |
|
|
|
|
|
|
|
<div class="untree_co-section"> |
|
<div class="container"> |
|
<div class="row justify-content-center mb-5"> |
|
<div class="col-lg-7 text-center" data-aos="fade-up" data-aos-delay="0"> |
|
<h2 class="line-bottom text-center mb-4">We Have Best Education</h2> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
</div> |
|
</div> |
|
<div class="row"> |
|
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="100"> |
|
<div class="feature"> |
|
<span class="uil uil-music"></span> |
|
<h3>Music Class</h3> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
</div> |
|
</div> |
|
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
|
<div class="feature"> |
|
<span class="uil uil-calculator-alt"></span> |
|
<h3>Math Class</h3> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
</div> |
|
</div> |
|
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300"> |
|
<div class="feature"> |
|
<span class="uil uil-book-open"></span> |
|
<h3>English Class</h3> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
</div> |
|
</div> |
|
|
|
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay=100"> |
|
<div class="feature"> |
|
<span class="uil uil-book-alt"></span> |
|
<h3>Reading for Kids</h3> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
</div> |
|
</div> |
|
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="200"> |
|
<div class="feature"> |
|
<span class="uil uil-history"></span> |
|
<h3>History Class</h3> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
</div> |
|
</div> |
|
<div class="col-6 col-sm-6 col-md-6 col-lg-4" data-aos="fade-up" data-aos-delay="300"> |
|
<div class="feature"> |
|
<span class="uil uil-headphones"></span> |
|
<h3>Music</h3> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> <!-- /.container --> |
|
</div> <!-- /.untree_co-section --> |
|
|
|
|
|
|
|
|
|
<div class="untree_co-section"> |
|
|
|
|
|
<div class="container"> |
|
<div class="row"> |
|
<div class="col-lg-5 mr-auto mb-5 mb-lg-0" data-aos="fade-up" data-aos-delay="0"> |
|
<img src="images/img-school-5-min.jpg" alt="image" class="img-fluid"> |
|
</div> |
|
<div class="col-lg-7 ml-auto" data-aos="fade-up" data-aos-delay="100"> |
|
<h3 class="line-bottom mb-4">Why Choose Us</h3> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> |
|
|
|
<div class="custom-accordion" id="accordion_1"> |
|
<div class="accordion-item"> |
|
<h2 class="mb-0"> |
|
<button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">Good Teachers and Staffs</button> |
|
</h2> |
|
|
|
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion_1"> |
|
<div class="accordion-body"> |
|
<div class="d-flex"> |
|
<div class="accordion-img mr-4"> |
|
<img src="images/img-school-1-min.jpg" alt="Image" class="img-fluid"> |
|
</div> |
|
<div> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> |
|
<p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> <!-- .accordion-item --> |
|
|
|
<div class="accordion-item"> |
|
<h2 class="mb-0"> |
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">We Value Good Characters</button> |
|
</h2> |
|
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion_1"> |
|
<div class="accordion-body"> |
|
<div class="d-flex"> |
|
<div class="accordion-img mr-4"> |
|
<img src="images/img-school-2-min.jpg" alt="Image" class="img-fluid"> |
|
</div> |
|
<div> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> |
|
<p>Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.</p> |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</div> <!-- .accordion-item --> |
|
<div class="accordion-item"> |
|
<h2 class="mb-0"> |
|
<button class="btn btn-link collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Your Children are Safe</button> |
|
</h2> |
|
|
|
<div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion_1"> |
|
<div class="accordion-body"> |
|
<div class="d-flex"> |
|
<div class="accordion-img mr-4"> |
|
<img src="images/img-school-3-min.jpg" alt="Image" class="img-fluid"> |
|
</div> |
|
<div> |
|
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p> |
|
<p>Pityful a rethoric question ran over her cheek, then she continued her way.</p> |
|
</div> |
|
</div> |
|
|
|
</div> |
|
</div> |
|
|
|
</div> <!-- .accordion-item --> |
|
|
|
</div> |
|
|
|
</div> |
|
</div> |
|
</div> |
|
</div> <!-- /.untree_co-section --> |
|
|
|
<div class="site-footer"> |
|
|
|
|
|
<div class="container"> |
|
|
|
<div class="row"> |
|
<div class="col-lg-3 mr-auto"> |
|
<div class="widget"> |
|
<h3>About Us<span class="text-primary">.</span> </h3> |
|
<p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts.</p> |
|
</div> <!-- /.widget --> |
|
<div class="widget"> |
|
<h3>Connect</h3> |
|
<ul class="list-unstyled social"> |
|
<li><a href="#"><span class="icon-instagram"></span></a></li> |
|
<li><a href="#"><span class="icon-twitter"></span></a></li> |
|
<li><a href="#"><span class="icon-facebook"></span></a></li> |
|
<li><a href="#"><span class="icon-linkedin"></span></a></li> |
|
<li><a href="#"><span class="icon-pinterest"></span></a></li> |
|
<li><a href="#"><span class="icon-dribbble"></span></a></li> |
|
</ul> |
|
</div> <!-- /.widget --> |
|
</div> <!-- /.col-lg-3 --> |
|
|
|
<div class="col-lg-2 ml-auto"> |
|
<div class="widget"> |
|
<h3>Projects</h3> |
|
<ul class="list-unstyled float-left links"> |
|
<li><a href="#">Web Design</a></li> |
|
<li><a href="#">HTML5</a></li> |
|
<li><a href="#">CSS3</a></li> |
|
<li><a href="#">jQuery</a></li> |
|
<li><a href="#">Bootstrap</a></li> |
|
</ul> |
|
</div> <!-- /.widget --> |
|
</div> <!-- /.col-lg-3 --> |
|
|
|
<div class="col-lg-3"> |
|
<div class="widget"> |
|
<h3>Gallery</h3> |
|
<ul class="instafeed instagram-gallery list-unstyled"> |
|
<li><a class="instagram-item" href="images/gal_1.jpg" data-fancybox="gal"><img src="images/gal_1.jpg" alt="" width="72" height="72"></a> |
|
</li> |
|
<li><a class="instagram-item" href="images/gal_2.jpg" data-fancybox="gal"><img src="images/gal_2.jpg" alt="" width="72" height="72"></a> |
|
</li> |
|
<li><a class="instagram-item" href="images/gal_3.jpg" data-fancybox="gal"><img src="images/gal_3.jpg" alt="" width="72" height="72"></a> |
|
</li> |
|
<li><a class="instagram-item" href="images/gal_4.jpg" data-fancybox="gal"><img src="images/gal_4.jpg" alt="" width="72" height="72"></a> |
|
</li> |
|
<li><a class="instagram-item" href="images/gal_5.jpg" data-fancybox="gal"><img src="images/gal_5.jpg" alt="" width="72" height="72"></a> |
|
</li> |
|
<li><a class="instagram-item" href="images/gal_6.jpg" data-fancybox="gal"><img src="images/gal_6.jpg" alt="" width="72" height="72"></a> |
|
</li> |
|
</ul> |
|
</div> <!-- /.widget --> |
|
</div> <!-- /.col-lg-3 --> |
|
|
|
|
|
<div class="col-lg-3"> |
|
<div class="widget"> |
|
<h3>Contact</h3> |
|
<address>43 Raymouth Rd. Baltemoer, London 3910</address> |
|
<ul class="list-unstyled links mb-4"> |
|
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
|
<li><a href="tel://11234567890">+1(123)-456-7890</a></li> |
|
<li><a href="mailto:info@mydomain.com">info@mydomain.com</a></li> |
|
</ul> |
|
</div> <!-- /.widget --> |
|
</div> <!-- /.col-lg-3 --> |
|
|
|
</div> <!-- /.row --> |
|
|
|
<div class="row mt-5"> |
|
<div class="col-12 text-center"> |
|
<p class="copyright">Copyright ©<script>document.write(new Date().getFullYear());</script>. All Rights Reserved. — Designed with love by <a href="https://untree.co">Untree.co</a> Distributed By <a href="https://themewagon.com">ThemeWagon</a> <!-- License information: https://untree.co/license/ --> |
|
</div> |
|
</div> |
|
</div> <!-- /.container --> |
|
</div> <!-- /.site-footer --> |
|
|
|
<div id="overlayer"></div> |
|
<div class="loader"> |
|
<div class="spinner-border" role="status"> |
|
<span class="sr-only">Loading...</span> |
|
</div> |
|
</div> |
|
|
|
<script src="js/jquery-3.4.1.min.js"></script> |
|
<script src="js/popper.min.js"></script> |
|
<script src="js/bootstrap.min.js"></script> |
|
<script src="js/owl.carousel.min.js"></script> |
|
<script src="js/jquery.animateNumber.min.js"></script> |
|
<script src="js/jquery.waypoints.min.js"></script> |
|
<script src="js/jquery.fancybox.min.js"></script> |
|
<script src="js/jquery.sticky.js"></script> |
|
<script src="js/aos.js"></script> |
|
<script src="js/custom.js"></script> |
|
|
|
</body> |
|
|
|
</html>
|
|
|