GOOGLE
<?php include("header.php");?>
<?php include("menu.php");?>
<!--//navigation section -->
<div class="clearfix"> </div>
</div>
<!--banner -->
<!-- Slideshow 4 -->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides" id="slider4">
<li>
<div class="slider-img one-img">
<div class="container">
<div class="slider-info text-left">
<h4 >Hard Work</h4>
<h5>Lorem ipsum dolor</h5>
<p>velit sagittis vehicula
</p>
<div class="outs_more-buttn" >
<a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">More</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="slider-img two-img">
<div class="container">
<div class="slider-info text-left">
<h4>Study</h4>
<h5>Tempo Dolor Lorem</h5>
<p>velit sagittis vehicula
</p>
<div class="outs_more-buttn">
<a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">More</a>
</div>
</div>
</div>
</div>
</li>
<li>
<div class="slider-img three-img">
<div class="container">
<div class="slider-info text-left">
<h4>Class</h4>
<h5>Ipsum Dolor Eiusmo</h5>
<p>velit sagittis vehicula
</p>
<div class="outs_more-buttn">
<a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">More</a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
<!-- This is here just to demonstrate the callbacks -->
<!-- <ul class="events">
<li>Example 4 callback events</li>
</ul>-->
<div class="clearfix"></div>
</div>
</div>
<!-- //banner -->
<!--about-->
<section class="pt-md-5 pt-sm-4 pt-3">
<!---728x90--->
<div class="container-fluid ">
<!---728x90--->
<div class="main row ">
<!-- TENTH EXAMPLE -->
<div class="col-lg-4 view view-tenth">
<img src="images/ab1.jpg" alt="" class="img-fluid">
<div class="mask">
<h3 data-blast="bgColor">Success</h3>
<p>Vivamus sed poritor felis.ntesque habitant morbi senectus et netus</p>
<a href="#" class="info" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">Read More</a>
</div>
</div>
<div class="col-lg-4 view view-tenth">
<img src="images/ab2.jpg" alt="" class="img-fluid">
<div class="mask">
<h3 data-blast="bgColor">Hard Work</h3>
<p>Vivamus sed poritor felis.ntesque habitant morbi senectus et netus</p>
<a href="#" class="info" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">Read More</a>
</div>
</div>
<div class="col-lg-4 view view-tenth">
<img src="images/ab3.jpg" alt="" class="img-fluid">
<div class="mask">
<h3 data-blast="bgColor">Admission</h3>
<p>Vivamus sed poritor felis.ntesque habitant morbi senectus et netus</p>
<a href="#" class="info" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">Read More</a>
</div>
</div>
</div>
<!---728x90--->
</div>
</section>
<section class="about" id="about">
<div class="container py-lg-5 py-md-5 py-sm-4 py-3">
<!--Horizontal Tab-->
<div id="horizontalTab">
<ul class="resp-tabs-list justify-content-center">
<li data-blast="bgColor">Course</li>
<li data-blast="bgColor">Academics</li>
<li data-blast="bgColor">Admission</li>
<li data-blast="bgColor">Mission</li>
</ul>
<div class="resp-tabs-container">
<div class="tab1" >
<div class="row mt-lg-4 mt-3">
<div class="col-md-7 latest-list">
<div class="about-jewel-agile-left">
<h4 class="mb-3" data-blast="color">Dolor sit </h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque</p>
<h5 data-blast="color"> Who we are</h5>
</div>
</div>
<div class="col-md-5 about-txt-img">
<img src="images/ab1.jpg" class="img-thumbnail" alt="">
</div>
</div>
</div>
<div class="tab2">
<div class="row mt-lg-4 mt-3">
<div class="col-md-5 about-txt-img">
<img src="images/ab3.jpg" class="img-thumbnail" alt="">
</div>
<div class="col-md-7 latest-list">
<div class="about-jewel-agile-left">
<h4 class="mb-3" data-blast="color"> ipsum dolor</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque</p>
<h5 data-blast="color">What We do</h5>
</div>
</div>
</div>
</div>
<div class="tab3">
<div class="row mt-lg-4 mt-3">
<div class="col-md-7 latest-list">
<div class="about-jewel-agile-left">
<h4 class="mb-3" data-blast="color">Lorem ipsum</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque</p>
<h5 data-blast="color">What Our Vision</h5>
</div>
</div>
<div class="col-md-5 about-txt-img">
<img src="images/ab2.jpg" class="img-thumbnail" alt="">
</div>
</div>
</div>
<div class="tab4">
<div class="row mt-lg-4 mt-3">
<div class="col-md-5 about-txt-img">
<img src="images/ab1.jpg" class="img-thumbnail" alt="">
</div>
<div class="col-md-7 latest-list">
<div class="about-jewel-agile-left">
<h4 class="mb-3" data-blast="color"> ipsum dolor</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nibh urna, euismod ut ornare non, volutpat vel tortor. Integer laoreet placerat suscipit. Sed sodales scelerisque commodo. Nam porta</p>
<h5 data-blast="color">What Our Mission</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--//about-->
<!--service-->
<section class="service py-lg-4 py-md-3 py-sm-3 py-3" id="service">
<div class="container py-lg-5 py-md-5 py-sm-4 py-3">
<h3 class="title clr text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3">services</h3>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6 w3layouts-service-list text-center">
<div class="white-shadow">
<div class="text-wls-ser-bake">
<span class="fas fa-book banner-icon" data-blast="color"></span>
</div>
<div class="ser-inner-info">
<h4 class="my-3">Lorem ipsum</h4>
<p>delectus reiciendis maiores alias consequatur aut.maiores alias</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 w3layouts-service-list text-center">
<div class="white-shadow">
<div class="text-wls-ser-bake">
<span class="fas fa-pencil-alt banner-icon" data-blast="color"></span>
</div>
<div class="ser-inner-info">
<h4 class="my-3">Lorem ipsum</h4>
<p>delectus reiciendis maiores alias consequatur aut.maiores alias</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 w3layouts-service-list text-center">
<div class="white-shadow">
<div class="text-wls-ser-bake">
<span class="fas fa-bookmark banner-icon" data-blast="color"></span>
</div>
<div class="ser-inner-info">
<h4 class="my-3">Lorem ipsum</h4>
<p>delectus reiciendis maiores alias consequatur aut.maiores alias</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 w3layouts-service-list text-center mt-md-4 mt-sm-3 mt-3">
<div class="white-shadow">
<div class="text-wls-ser-bake">
<span class="fas fa-address-book banner-icon" data-blast="color"></span>
</div>
<div class="ser-inner-info">
<h4 class="my-3">Lorem ipsum</h4>
<p>delectus reiciendis maiores alias consequatur aut.maiores alias</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 w3layouts-service-list text-center mt-md-4 mt-sm-3 mt-3">
<div class="white-shadow">
<div class="text-wls-ser-bake">
<span class="fas fa-graduation-cap banner-icon" data-blast="color"></span>
</div>
<div class="ser-inner-info">
<h4 class="my-3">Lorem ipsum</h4>
<p>delectus reiciendis maiores alias consequatur aut.maiores alias</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 w3layouts-service-list text-center mt-md-4 mt-sm-3 mt-3">
<div class="white-shadow">
<div class="text-wls-ser-bake">
<span class="fab fa-cloudscale banner-icon" data-blast="color"></span>
</div>
<div class="ser-inner-info">
<h4 class="my-3">Lorem ipsum</h4>
<p>delectus reiciendis maiores alias consequatur aut.maiores alias</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--//service-->
<!--blog -->
<section class="blog py-lg-4 py-md-3 py-sm-3 py-3" id="blog">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<h3 class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3">Our Blog </h3>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-6 blog-grid-flex">
<div class="clients-color">
<img src="images/ab3.jpg" class="img-fluid" alt="">
<div class="blog-txt-info">
<h4 class="mt-2"><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">Quisque a rhoncus </a></h4>
<div class="news-date my-3">
<ul>
<li class="mr-3"><span class="far fa-calendar-check"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">12/4/2019</a></li>
<li><span class="far fa-comments"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">5 Comments</a></li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
<div class="outs_more-buttn" >
<a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">More</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 blog-grid-flex">
<div class="clients-color">
<img src="images/ab1.jpg" class="img-fluid" alt="">
<div class="blog-txt-info">
<h4 class="mt-2"><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">Quisque a rhoncus </a></h4>
<div class="news-date my-3">
<ul>
<li class="mr-3"><span class="far fa-calendar-check"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">12/4/2019</a></li>
<li><span class="far fa-comments"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">5 Comments</a></li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
<div class="outs_more-buttn" >
<a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">More</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 blog-grid-flex">
<div class="clients-color">
<img src="images/ab2.jpg" class="img-fluid" alt="">
<div class="blog-txt-info">
<h4 class="mt-2"><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">Quisque a rhoncus </a></h4>
<div class="news-date my-3">
<ul>
<li class="mr-3"><span class="far fa-calendar-check"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">12/4/2019</a></li>
<li><span class="far fa-comments"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">5 Comments</a></li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
<div class="outs_more-buttn" >
<a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">More</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 blog-grid-flex mt-lg-5 mt-md-4 mt-sm-3 mt-3">
<div class="clients-color">
<img src="images/ab3.jpg" class="img-fluid" alt="">
<div class="blog-txt-info">
<h4 class="mt-2"><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">Quisque a rhoncus </a></h4>
<div class="news-date my-3">
<ul>
<li class="mr-3"><span class="far fa-calendar-check"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive" >12/4/2019</a></li>
<li><span class="far fa-comments"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive" >5 Comments</a></li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
<div class="outs_more-buttn" >
<a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">More</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 blog-grid-flex mt-lg-5 mt-md-4 mt-sm-3 mt-3" >
<div class="clients-color">
<img src="images/ab1.jpg" class="img-fluid" alt="">
<div class="blog-txt-info">
<h4 class="mt-2"><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">Quisque a rhoncus </a></h4>
<div class="news-date my-3">
<ul>
<li class="mr-3"><span class="far fa-calendar-check"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">12/4/2019</a></li>
<li><span class="far fa-comments"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">5 Comments</a></li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
<div class="outs_more-buttn" >
<a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">More</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 blog-grid-flex mt-lg-5 mt-md-4 mt-sm-3 mt-3">
<div class="clients-color">
<img src="images/ab2.jpg" class="img-fluid" alt="">
<div class="blog-txt-info">
<h4 class="mt-2"><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">Quisque a rhoncus </a></h4>
<div class="news-date my-3">
<ul>
<li class="mr-3"><span class="far fa-calendar-check"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">12/4/2019</a></li>
<li><span class="far fa-comments"></span><a href="#" data-toggle="modal" data-target="#exampleModalLive">5 Comments</a></li>
</ul>
</div>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et</p>
<div class="outs_more-buttn" >
<a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="bgColor">More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--//blog -->
<!--Subscribe-->
<section class="py-md-5 py-sm-4 py-3">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 subscrib-w3layouts text-center">
<h2 data-blast="color">Subscribe Us</h2>
</div>
<div class="col-lg-6 col-md-6">
<div class="newsletter">
<form action="#" method="post" class="d-flex">
<input type="email" class="form-control" placeholder="Your Email" required="">
<button class="btn1">
<span class="far fa-envelope"></span>
</button>
</form>
</div>
</div>
</div>
</div>
</section>
<!--//Subscribe-->
<!--stats-->
<section class="stats py-lg-4 py-md-3 py-sm-3 py-3" id="stats">
<div class="container py-lg-5 py-md-5 py-sm-4 py-3">
<h3 class="title clr text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3">Our Stats </h3>
<div class="jst-must-info text-center">
<div class="row stats-info">
<div class="col-lg-3 col-md-6 col-sm-6 col-6 stats-grid-1">
<div class="stats-grid" data-blast="bgColor">
<div class="counter">2045</div>
<div class="stat-info">
<h5 class="pt-2">Demo </h5>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6 stats-grid-2">
<div class=" stats-grid" data-blast="bgColor">
<div class="counter">350</div>
<div class="stat-info">
<h5 class="pt-2"> Premium</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6 stats-grid-3">
<div class=" stats-grid" data-blast="bgColor">
<div class="counter">1000</div>
<div class="stat-info">
<h5 class="pt-2">Total</h5>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 col-6 stats-grid-4">
<div class=" stats-grid" data-blast="bgColor">
<div class="counter">650</div>
<div class="stat-info">
<h5 class="pt-2"> Score </h5>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--//stats-->
<!--Team-->
<section class="team py-lg-4 py-md-3 py-sm-3 py-3" id="team">
<div class="container py-lg-5 py-md-5 py-sm-4 py-3">
<h3 class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3">Our Staff </h3>
<div class="row ">
<div class="col-lg-3 col-md-6 col-sm-6 profile">
<div class="team-shadow">
<div class="img-box">
<img src="images/t1.jpg" alt="">
<div class="list-social-icons">
<ul>
<li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
<li><a href="#"><span class="fas fa-envelope"></span></a></li>
<li><a href="#"><span class="fas fa-rss"></span></a></li>
<li><a href="#"><span class="fab fa-vk"></span></a></li>
</ul>
</div>
</div>
<div class="team-w3layouts-info py-lg-4 py-3 text-center" data-blast="bgColor">
<h4 class="text-white mb-2">Rox Will</h4>
<span class="wls-client-title text-black">Professor</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 profile">
<div class="team-shadow">
<div class="img-box">
<img src="images/t2.jpg" alt="">
<div class="list-social-icons">
<ul>
<li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
<li><a href="#"><span class="fas fa-envelope"></span></a></li>
<li><a href="#"><span class="fas fa-rss"></span></a></li>
<li><a href="#"><span class="fab fa-vk"></span></a></li>
</ul>
</div>
</div>
<div class="team-w3layouts-info py-lg-4 py-3 text-center" data-blast="bgColor">
<h4 class="text-white mb-2">Sam Doi</h4>
<span class="wls-client-title text-black">Professor</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 profile">
<div class="team-shadow">
<div class="img-box">
<div class="team-list-img">
<img src="images/t3.jpg" alt="">
</div>
<div class="list-social-icons">
<ul>
<li><a href="#"><span class="fab fa-facebook-f"></span></a></li>
<li><a href="#"><span class="fas fa-envelope"></span></a></li>
<li><a href="#"><span class="fas fa-rss"></span></a></li>
<li><a href="#"><span class="fab fa-vk"></span></a></li>
</ul>
</div>
</div>
<div class="team-w3layouts-info py-lg-4 py-3 text-center" data-blast="bgColor">
<h4 class="text-white mb-2">Kent Kelly</h4>
<span class="wls-client-title text-black">Professor</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-6 col-sm-6 profile">
<div class="team-shadow">
<div class="img-box">
<div class="team-list-img">
<img src="images/t4.jpg" alt="">
</div>
<div class="list-social-icons">
<ul>
<li><a href="#"><span class="fab fa-facebook-f" ></span></a></li>
<li><a href="#"><span class="fas fa-envelope"></span></a></li>
<li><a href="#"><span class="fas fa-rss"></span></a></li>
<li><a href="#"><span class="fab fa-vk"></span></a></li>
</ul>
</div>
</div>
<div class="team-w3layouts-info py-lg-4 py-3 text-center" data-blast="bgColor">
<h4 class="text-white mb-2">Kent Kelly</h4>
<span class="wls-client-title text-black">Professor</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!--//Team-->
<!--contact -->
<section class="contact py-lg-4 py-md-3 py-sm-3 py-3" id="contact">
<div class="container py-lg-5 py-md-5 py-sm-4 py-3">
<h3 class="title clr text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3">Contact Us</h3>
<div class="row">
<div class="col-md-5 address-grid">
<div class="addres-office-hour text-center" >
<ul>
<li class="mb-2">
<h6 data-blast="color">Address</h6>
</li>
<li>
<p>Melbourne,south Brisbane,<br>QLD 4101,Aurstralia.</p>
</li>
</ul>
<ul>
<li class="mt-lg-4 mt-3">
<h6 data-blast="color">Phone</h6>
</li>
<li class="mt-2">
<p>+ 1 (234) 567 8901</p>
</li>
<li class="mt-lg-4 mt-3">
<h6 data-blast="color">Email</h6>
</li>
<li class="mt-2">
<p><a href="mailto:info@example.com">info@example.com</a></p>
</li>
</ul>
</div>
</div>
<div class="col-md-7 contact-form">
<form action="#" method="post">
<div class="row text-center contact-wls-detail">
<div class="col-md-6 form-group contact-forms">
<input type="text" class="form-control" placeholder="Your Name" required="">
</div>
<div class="col-md-6 form-group contact-forms">
<input type="email" class="form-control" placeholder="Your Email" required="">
</div>
</div>
<div class="form-group contact-forms">
<input type="text" class="form-control" placeholder="Subject" required="">
</div>
<div class="form-group contact-forms">
<textarea class="form-control" rows="3" placeholder="Your Message" required=""></textarea>
</div>
<div class="sent-butnn text-center">
<button type="submit" class="btn btn-block" data-blast="bgColor">Send</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!--//contact -->
<!--footer-->
<?php include("footer.php");?>
<!-- //bootstrap working-->
</body>
</html>
Copyright © 1945 -