GOOGLE
<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 class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Registration</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="container">
<div class="row justify-content-center">
<div class="col-md-8">
<div class="card">
<div class="card-header">Register</div>
<div class="card-body">
<form class="form-horizontal" method="post" action="#">
<div class="form-group">
<label for="name" class="cols-sm-2 control-label">Your Name</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-user fa" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="name" id="name" placeholder="Enter your Name" />
</div>
</div>
</div>
<div class="form-group">
<label for="email" class="cols-sm-2 control-label">Your Email</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-envelope fa" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="email" id="email" placeholder="Enter your Email" />
</div>
</div>
</div>
<div class="form-group">
<label for="username" class="cols-sm-2 control-label">Username</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-users fa" aria-hidden="true"></i></span>
<input type="text" class="form-control" name="username" id="username" placeholder="Enter your Username" />
</div>
</div>
</div>
<div class="form-group">
<label for="password" class="cols-sm-2 control-label">Password</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
<input type="password" class="form-control" name="password" id="password" placeholder="Enter your Password" />
</div>
</div>
</div>
<div class="form-group">
<label for="confirm" class="cols-sm-2 control-label">Confirm Password</label>
<div class="cols-sm-10">
<div class="input-group">
<span class="input-group-addon"><i class="fa fa-lock fa-lg" aria-hidden="true"></i></span>
<input type="password" class="form-control" name="confirm" id="confirm" placeholder="Confirm your Password" />
</div>
</div>
</div>
<div class="form-group ">
<button type="button" class="btn btn-primary btn-lg btn-block login-button">Register</button>
</div>
<div class="login-register">
<a href="index.php">Login</a>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<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>
Copyright © 1945 -