GOOGLE
<?php include("header.php");?>
<?php include("menu.php");?>
<!--//navigation section -->
<div class="clearfix"> </div>
</div>
<!--banner -->
<!-- Slideshow 4 -->
<br/><br/><br/><br/><br/>
<!-- //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">Experience </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"> Staff</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"> Coffee</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"> Projects </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-->
<section class="footer py-lg-4 py-md-3 py-sm-3 py-3">
<div class="container py-lg-5 py-md-5 py-sm-4 py-3">
<div class="row ">
<div class="dance-agile-info col-lg-3 col-md-6 col-sm-6">
<h4 class="pb-lg-3 pb-3" data-blast="color">Blog</h4>
<div class="footer-grid row mb-3">
<div class="col-lg-5 col-md-6 col-sm-6 col-5">
<img src="images/bb1.jpg" alt=" " class="img-fluid">
</div>
<div class="col-lg-7 col-md-6 col-sm-6 col-7 bottom-para px-0">
<h6><a href="#" data-toggle="modal" data-target="#exampleModalLive">ultricies nec,pellen eu,pretium quis,</a></h6>
<div class="news-bloger">
<ul>
<li class="mr-1"><a href="#about" class="scroll" data-blast="color">12/4/2019</a></li>
<li><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">3 Tags</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-grid row mb-3">
<div class="col-lg-5 col-md-6 col-sm-6 col-5">
<img src="images/bb2.jpg" alt=" " class="img-fluid">
</div>
<div class="col-lg-7 col-md-6 col-sm-6 col-7 bottom-para px-0">
<h6><a href="#" data-toggle="modal" data-target="#exampleModalLive">ultricies nec,pellen eu,pretium quis,</a></h6>
<div class="news-bloger">
<ul>
<li class="mr-1"><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">12/4/2019</a></li>
<li><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">3 Tags</a></li>
</ul>
</div>
</div>
</div>
<div class="footer-grid row">
<div class="col-lg-5 col-md-6 col-sm-6 col-5">
<img src="images/bb3.jpg" alt=" " class="img-fluid">
</div>
<div class="col-lg-7 col-md-6 col-sm-6 col-7 bottom-para px-0">
<h6><a href="#" data-toggle="modal" data-target="#exampleModalLive">ultricies nec,pellen eu,pretium quis,</a></h6>
<div class="news-bloger">
<ul>
<li class="mr-1"><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">12/4/2019</a></li>
<li><a href="#" data-toggle="modal" data-target="#exampleModalLive" data-blast="color">3 Tags</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="dance-agile-info col-lg-3 col-md-6 col-sm-6">
<h4 class="pb-lg-4 pb-md-3 pb-3 text-uppercase" data-blast="color">Contact Us</h4>
<div class="address_mail_footer_grids">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3539.812628729253!2d153.014155!3d-27.4750921!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b915a0835840a2f%3A0xdd5e3f5c208dc0e1!2sMelbourne+St%2C+South+Brisbane+QLD+4101%2C+Australia!5e0!3m2!1sen!2sin!4v1492257477691"></iframe>
</div>
</div>
<div class="dance-agile-info col-lg-3 col-md-6 col-sm-6">
<h4 class="pb-lg-4 pb-md-3 pb-3 text-uppercase" data-blast="color">Twitter Us</h4>
<div class="footer-office-hour">
<ul>
<li>
<p>sit amet consectetur adipiscing</p>
</li>
<li class="my-1">
<p><a href="mailto:info@example.com" data-blast="color">http://example.com</a> sit amet</p>
</li>
<li class="mb-lg-4 mb-md-3 mb-3"><span>Posted 3 days ago.</span></li>
<li>
<p>sit amet consectetur adipiscing</p>
</li>
<li class="my-1">
<p><a href="mailto:info@example.com" data-blast="color">http://mail.com</a> sit amet</p>
</li>
<li><span>Posted 3 days ago.</span></li>
</ul>
</div>
</div>
<div class="dance-agile-info col-lg-3 col-md-6 col-sm-6">
<h4 class="pb-lg-3 pb-3" data-blast="color">Our Posts</h4>
<div class="footer-post d-flex mb-2">
<div class="agileinfo_footer_grid1 mr-2">
<a href="#blog" class=" scroll">
<img src="images/f1.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="agileinfo_footer_grid1 mr-2">
<a href="#blog" class="scroll">
<img src="images/f2.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="agileinfo_footer_grid1">
<a href="#blog" class="scroll">
<img src="images/f3.jpg" alt=" " class="img-fluid">
</a>
</div>
</div>
<div class="footer-post d-flex mb-2">
<div class="agileinfo_footer_grid1 mr-2">
<a href="#blog" class="scroll">
<img src="images/f3.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="agileinfo_footer_grid1 mr-2">
<a href="#blog" class=" scroll">
<img src="images/f2.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="agileinfo_footer_grid1">
<a href="#blog" class=" scroll">
<img src="images/f1.jpg" alt=" " class="img-fluid">
</a>
</div>
</div>
<div class="footer-post d-flex">
<div class="agileinfo_footer_grid1 mr-2">
<a href="#blog" class="scroll">
<img src="images/f2.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="agileinfo_footer_grid1 mr-2">
<a href="#blog" class=" scroll">
<img src="images/f3.jpg" alt=" " class="img-fluid">
</a>
</div>
<div class="agileinfo_footer_grid1">
<a href="#blog" class=" scroll">
<img src="images/f1.jpg" alt=" " class="img-fluid">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="nav-footer py-sm-4 py-3">
<div class="container-fluid">
<div class="buttom-nav ">
<nav class="border-line py-2">
<ul class="nav justify-content-center">
<li class="nav-item active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a href="#about" class="nav-link scroll">About</a>
</li>
<li class="nav-item">
<a href="#service" class="nav-link scroll">Services</a>
</li>
<li class="nav-item">
<a href="#blog" class="nav-link scroll">Blog</a>
</li>
<li class="nav-item">
<a href="#contact" class="nav-link scroll">Contact</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<footer class="py-3">
<div class="container">
<div class="copy-agile-right text-center">
<div class="list-social-icons text-center py-lg-4 py-md-3 py-3">
<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>
<p>
© 2018 lakshya mpsc. All Rights Reserved | Design by <a href="http://www.w3layouts.com/" target="_blank">W3Layouts</a>
</p>
</div>
</div>
</footer>
<!--//footer-->
<!--model-->
<div id="exampleModalLive" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalLiveLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="exampleModalLiveLabel" data-blast="color">Lakshya Mpsc</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<img src="images/b2.jpg" alt="" class="img-fluid">
<p>Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae,
eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellu
</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
<!--//model-->
<!--js working-->
<script src='js/jquery-2.2.3.min.js'></script>
<!--//js working-->
<!--blast colors change-->
<script src="js/blast.min.js"></script>
<!--//blast colors change-->
<!--responsiveslides banner-->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager:false,
nav:true ,
speed: 900,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--// responsiveslides banner-->
<!--responsive tabs-->
<script src="js/easy-responsive-tabs.js"></script>
<script>
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true, // 100% fit in a container
closed: 'accordion', // Start closed if in accordion view
activate: function(event) { // Callback function if tab is switched
var $tab = $(this);
var $info = $('#tabInfo');
var $name = $('span', $info);
$name.text($tab.text());
$info.show();
}
});
});
</script>
<!--// responsive tabs-->
<!--About OnScroll-Number-Increase-JavaScript -->
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/jquery.countup.js"></script>
<script>
$('.counter').countUp();
</script>
<!-- //OnScroll-Number-Increase-JavaScript -->
<!-- start-smoth-scrolling -->
<script src="js/move-top.js"></script>
<script src="js/easing.js"></script>
<script>
jQuery(document).ready(function ($) {
$(".scroll").click(function (event) {
event.preventDefault();
$('html,body').animate({
scrollTop: $(this.hash).offset().top
}, 900);
});
});
</script>
<!-- start-smoth-scrolling -->
<!-- here stars scrolling icon -->
<script>
$(document).ready(function () {
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
$().UItoTop({
easingType: 'easeOutQuart'
});
});
</script>
<!-- //here ends scrolling icon -->
<!--bootstrap working-->
<script src="js/bootstrap.min.js"></script>
<!-- //bootstrap working-->
</body>
</html>
Copyright © 1945 -