?
áEÓê¤ÎïLwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="Product is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose agency and HTML5 template with 14 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, agency, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, personal, masonry, grid, faq">
<!-- Page Title -->
<title>Education | MegaOne | Creative HTML5 Template</title>
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<!-- Favicon -->
<link rel="icon" href="../education/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="../vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="../vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="../vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="../education/css/animate.min.css">
<link rel="stylesheet" href="../vendor/css/line-awesome.min.css">
<!-- Style Sheet -->
<link rel="stylesheet" href="../vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="../education/css/style.css">
</head>
<body data-spy=" " data-target=".navbar" data-offset="150">
<!--SCROLL TOP BUTTON-->
<a class="scroll-top-arrow" href="javascript:void(0);"><i class="fa fa-angle-up"></i></a>
<!-- PRELOADER -->
<div class="loader1">
<div class="loading-area">
<div class="circle"></div>
<div class="circle-small"></div>
<div class="circle-big"></div>
<div class="circle-inner-inner"></div>
<div class="circle-inner"></div>
</div>
</div>
<header>
<!-- NAVBAR FOR LARGE SCREEN-->
<nav id="my-nav1" class="navbar navbar-expand-lg navbar-light bg-light stroke navbar-dark-vision">
<div class="container">
<a href="../index-education.html" title="Logo" class="logo link">
<img src="../education/img/logo-white.png" alt="logo" class="logo-dark default">
</a>
<div class="my-tog-btn">
<span></span>
<span></span>
<span></span>
</div>
<div class="collapse navbar-collapse" id="navbarSupportedContent1" >
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="../index-education.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="courses.html">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<a class="btn btn-primary rounded-pill navbar-btn" data-toggle="modal" data-target=".modal">Apply Now</a>
</div>
</div>
</nav>
<div class="outer-window">
<div class="navbar-content">
<nav class="navbar1">
<a class="close-outerwindow"><i class="las la-times"></i></a>
<a href="../index-education.html"><img src="../education/img/logo-white.png" alt="logo" class="logo-small-nav default"></a>
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="../index-education.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="courses.html">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="blog.html">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</nav>
</div>
</div>
</header>
<section id="about-header" class="bg-about-img">
<div class="overlay-contact"></div>
<div class="container">
<div class="row text-center d-flex justify-content-center align-items-center row-height">
<div class="col-12">
<h1 class="main-heading text-white">University Information</h1>
<p class="sub-heading text-white text-width">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut
labore.</p>
</div>
</div>
</div>
</section>
<section id="contact-content">
<div class="container">
<div class="row">
<div class=" col-sm-12 col-md-6 col-lg-6">
<div class="about_img">
<img src="img/about-img.png" alt="About Image">
</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6 d-flex justify-content-center align-items-center mt-4 mt-md-0 mt-lg-0">
<div class="about-heading width-heading">
<h1 class="main-heading green-color">We Love to <span class="blue-color">Educate Students</span></h1>
<p class="sub-heading mt-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut enim veniam, quis nostrud exercitation.</p>
<a href="#counter" class="btn btn-primary rounded-pill blue-btn scroll">Read More</a>
</div>
</div>
</div>
</div>
</section>
<section id="counter" class="bg-counter-img">
<div class="overlay-contact"></div>
<div class="container">
<div class="row text-white">
<div class="col-12 col-md-4 col-lg-4">
<div class="wrapper">
<div class="counter">
<i class="las la-user-edit counter_icon"></i>
<span class="timer count-title count-number" data-to="50" data-speed="500"></span><i class="las la-plus counter_plus blue-color"></i>
</div>
<p class="count-text">Certified Teachers</p>
</div>
</div>
<div class="col-12 col-md-4 col-lg-4">
<div class="wrapper">
<div class="counter">
<i class="las la-graduation-cap counter_icon"></i>
<span class="timer count-title count-number" data-to="3000" data-speed="1000"></span><i class="las la-plus counter_plus blue-color"></i>
</div>
<p class="count-text ">Students Enrolled</p>
</div>
</div>
<div class="col-12 col-md-4 col-lg-4">
<div class="wrapper">
<div class="counter">
<i class="las la-school counter_icon"></i>
<span class="timer count-title count-number" data-to="200" data-speed="1000"></span><i class="las la-plus counter_plus blue-color"></i>
</div>
<p class="count-text">Complete Courses</p>
</div>
</div>
</div>
</div>
</section>
<section id="teachers">
<div class="container">
<div class="row">
<div class="col-sm-12 col-lg-8 offset-lg-2 text-center mb-5">
<h1 class="main-heading green-color">Faculty <span class="blue-color">Members</span> </h1>
<p class="sub-heading text-black">Lorem ipsum dolor sit amet, consectetur adipi elit, sed do eiusmod tempor incididunt ut
labore et dolore magna aliqua. Ut quis in voluptate velit esse cillum.</p>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div id="ourteachers-slider" class="owl-carousel">
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="300ms">
<div class="image">
<img src="../education/img/teacher1.png" alt="">
</div>
<div class="team-content gradient_bg whitecolor">
<h3 class="text-white">Elina Marie </h3>
<p class="mb-5 text-white">Language Teacher</p>
<div class="progress-bars">
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="90"><span>90%</span></div>
</div>
<div class="progress">
<p class="text-white">Loem ispum</p>
<div class="progress-bar" data-value="75"><span>75%</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="350ms">
<div class="image">
<img src="../education/img/teacher2.png" alt="">
</div>
<div class="team-content gradient_bg_default whitecolor">
<h3 class="text-white">Jhony Walkin</h3>
<p class="text-white mb-5">Photograpy Teacher</p>
<div class="progress-bars">
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="75"><span>75%</span></div>
</div>
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="90"><span>90%</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="300ms">
<div class="image">
<img src="../education/img/teacher3.png" alt="">
</div>
<div class="team-content gradient_bg whitecolor">
<h3 class="text-white">Clair Daniel</h3>
<p class="text-white mb-5">Computer Teacher</p>
<div class="progress-bars">
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="90"><span>90%</span></div>
</div>
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="75"><span>75%</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="300ms">
<div class="image">
<img src="../education/img/teacher1.png" alt="">
</div>
<div class="team-content gradient_bg whitecolor">
<h3 class="text-white">Elina Marie</h3>
<p class="text-white mb-5">Sports Teacher</p>
<div class="progress-bars">
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="90"><span>90%</span></div>
</div>
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="75"><span>75%</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="350ms">
<div class="image">
<img src="../education/img/teacher2.png" alt="">
</div>
<div class="team-content gradient_bg_default whitecolor">
<h3 class="text-white">Johny Walkin</h3>
<p class="text-white mb-5">Science Teacher</p>
<div class="progress-bars">
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="75"><span>75%</span></div>
</div>
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="90"><span>90%</span></div>
</div>
</div>
</div>
</div>
</div>
<div class="item">
<div class="team-box wow fadeInUp" data-wow-delay="300ms">
<div class="image">
<img src="../education/img/teacher3.png" alt="">
</div>
<div class="team-content gradient_bg whitecolor">
<h3 class="text-white">Clair Daniel</h3>
<p class="text-white mb-5">Mathematics Teacher</p>
<div class="progress-bars">
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="90"><span>90%</span></div>
</div>
<div class="progress">
<p class="text-white sub-heading">Loem ispum</p>
<div class="progress-bar" data-value="75"><span>75%</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="footer">
<div class="container">
<div class="row">
<div class="col-12 text-center footer-content">
<ul class="footer-icon">
<li class="footer_list"><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li class="footer_list"><a href="#"><i class="fab fa-twitter"></i></a></li>
<li class="footer_list"><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li class="footer_list"><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
<p class="sub-heading footer_text text-black"><i class="far fa-copyright"></i>2020 MegaOne. Made with love by themeindustry</p>
</div>
</div>
</div>
</section>
<!--modal window-->
<div class="modal fade model-reg" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-body">
<form class="appointment-form" id="appointment-form">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h1 class="font-weight-bold green-color form-tittle">Apply<span class="blue-color"> Now!</span></h1>
<div class="form-group-1">
<input type="text" name="name" id="name" placeholder="Your Name" required />
<input type="text" name="name" placeholder="Father Name" required />
<input type="email" name="email" id="email" placeholder="Email" required />
<input type="number" name="phone_number" id="phone_number" placeholder="Phone number" required />
<input type="text" name="title" id="title" placeholder="Address" required />
<div class="select-list">
<select name="course_type" id="course_type" class="la-angle-down">
<option value="">Course to Apply</option>
<option value="society">Society</option>
<option value="language">Language</option>
</select>
</div>
</div>
<button type="button" class="btn btn-large btn-primary contact-btn w-100 text-white" id="submit_btn" onclick="send_mails();">SUBMIT NOW</button>
</form>
</div>
</div>
</div>
</div>
<!--modal window end-->
<!-- JavaScript -->
<script src="../vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="../vendor/js/jquery.fancybox.min.js"></script>
<script src="../vendor/js/jquery.cubeportfolio.min.js"></script>
<!-- custom script -->
<script src="../education/js/mediaelement-and-player.min.js"></script>
<script src="../education/js/wow.min.js"></script>
<script src="../vendor/js/owl.carousel.min.js"></script>
<script src="../vendor/js/parallaxie.min.js"></script>
<script src="../education/js/script.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
</body>
</html>