<footer class="main-footer">
		<div class="bg bg-pattern-6"></div>
		<!-- <div class="footer-upper">
			<div class="auto-container">
				<div class="row">
					<div class="contact-info-block col-lg-4 col-md-6">
						<div class="inner">
							<i class="icon lnr-icon-map"></i>
							<div class="text">Blue Print 360, 4D, Mandira Apts Pioneer Homes, 3A, North Boag Road, T Nagar, Chennai - 600 017</div>
						</div>
					</div>
					<div class="contact-info-block col-lg-4 col-md-6">
						<div class="inner">
							<i class="icon lnr-icon-envelope1"></i>
							<div class="text">
								<a href="#0">needhelp@company.com</a>
								<a href="tel:+92(8800)48720">+92 (8800) 48720</a>
							</div>
						</div>
					</div>
					<div class="contact-info-block col-lg-4 col-md-6">
						<div class="inner">
							<i class="icon lnr-icon-clock"></i>
							<div class="text">Mon - Sat: 8:00 am to 6:00 pm <br>Sunday: CLOSED</div>
						</div>
					</div>
				</div>
			</div>
		</div> -->

		<!-- Widgets Section -->
		<div class="widgets-section">
			<div class="auto-container">
				<div class="row">
					<!-- Footer COlumn -->
					<div class="footer-column col-xl-4 col-lg-4 col-md-6 col-sm-12">
						<div class="footer-widget about-widget">
							<h5 class="widget-title">About</h5>
							<div class="widget-content">
								<div class="text">We work with a passion of taking challenges and creating new ones in the advertising sector.</div>
								<ul class="social-icon-two">
										<li><a href="https://in.linkedin.com/company/blueprint360"><i class="fab fa-linkedin-in"></i></a></li>
									<!--<li><a href="#0"><i class="fab fa-twitter"></i></a></li>-->
									<li><a href="https://www.facebook.com/Digital.Advertising.by.Blueprint360/"><i class="fab fa-facebook"></i></a></li>
									<!--<li><a href="#0"><i class="fab fa-pinterest"></i></a></li>-->
									<!--<li><a href="#0"><i class="fab fa-instagram"></i></a></li>-->
								</ul>
							</div>
						</div>
					</div>
					
					<!-- Footer COlumn -->
					<div class="footer-column col-xl-2 col-lg-2 col-md-6 col-sm-12">
						<div class="widget links-widget">
							<h5 class="widget-title">Explore</h5>
							<div class="widget-content">
								<ul class="user-links">
									<li><a href="index.php">Home
									<li><a href="portfolio.php">Portfolio</a></li>
									<li><a href="case-studies.php">Case Studies</a></li>
									<!--<li><a href="tools.php">Tools</a></li>-->
									<li><a href="about.php">About Us</a></li>
									<!--<li><a href="#0">Blog</a></li>-->
									<li><a href="contact.php">Contact Us</a></li>
								</ul>                                
							</div>
						</div>
					</div>
					
					<!-- Footer COlumn -->
					<div class="footer-column col-xl-3 col-lg-3 col-md-6 col-sm-12">
						<div class="widget links-widget">
							<h5 class="widget-title">Our Service</h5>
							<div class="widget-content">
								<ul class="user-links">
									<li><a href="website-design.php">Website Design</a></li>
									<li><a href="digital-marketing.php">Digital Marketing</a></li>
									<li><a href="marketing-communication.php">Marketing Communication</a></li>
								</ul>                                
							</div>
						</div>
					</div>
					
					<!-- Footer COlumn -->
					<div class="footer-column col-xl-3 col-lg-3 col-md-6 col-sm-12">
						<div class="widget links-widget">
							<h5 class="widget-title">Reach Us</h5>
							<div class="widget-content">





<div class="row cus-contact">
	
	<div class="contact-info-block">
		<div class="inner">
			<i class="icon lnr-icon-map"></i>
			<div class="text">Blueprint360, No 43/22 Josier street, No 303 3rd floor, Real enclave<br> 
			Nungambakkam, Chennai - 600034 (Near Vinitha Hospital)</div>
		</div>
	</div>
	
	<div class="contact-info-block">
		<div class="inner">
			<i class="icon lnr-icon-envelope1"></i>
			<div class="text">
					<a href="mailto:blueprint360@gmail.com">blueprint360@gmail.com</a>
					<a href="mailto:info@blueprint360.co.in">info@blueprint360.co.in</a>
			</div>
		</div>
	</div>
	
	<div class="contact-info-block">
		<div class="inner">
			<i class="icon lnr-icon-phone-plus"></i>
			<div class="text">
					<a href="tel:+91 984 109 6575"> +91 984 109 6575</a>
					
			</div>
		</div>
	</div>
	
	<div class="contact-info-block">
		<div class="inner">
			<i class="icon lnr-icon-clock"></i>
			<div class="text">Mon to Fri : 9.30 am to 5.30 pm</div>
			<!-- <div class="text">Mon - Sat: 8:00 am to 6:00 pm <br>Sunday: CLOSED</div> -->
		</div>
</div>









                           
							</div>
						</div>
					</div>


					<!-- Footer COlumn -->
					<!-- <div class="footer-column col-xl-3 col-lg-3 col-md-6 col-sm-12">
						<div class="widget gallery-widget">
							<h6 class="widget-title">Projects</h6>
							<div class="widget-content">
								<div class="outer">
									<figure class="image">
										<a href="#"><img src="images/resource/project-thumb-1.jpg" alt=""></a>
									</figure>
									<figure class="image">
										<a href="#0"><img src="images/resource/project-thumb-2.jpg" alt=""></a>
									</figure>
									<figure class="image">
										<a href="#0"><img src="images/resource/project-thumb-3.jpg" alt=""></a>
									</figure>
									<figure class="image">
										<a href="#0"><img src="images/resource/project-thumb-4.jpg" alt=""></a>
									</figure>
									<figure class="image">
										<a href="#0"><img src="images/resource/project-thumb-5.jpg" alt=""></a>
									</figure>
									<figure class="image">
										<a href="#0"><img src="images/resource/project-thumb-6.jpg" alt=""></a>
									</figure>
								</div>
							</div>
						</div>
					</div> -->
					
					<!-- Footer COlumn -->
					<!-- <div class="footer-column col-xl-4 col-lg-4 col-md-6 col-sm-12">
						<div class="widget newsletter-widget">
							<h6 class="widget-title">Newsletter</h6>
							<div class="widget-content">
								<div class="text">Subscribe our newsletter to get our latest update & news</div>
								<div class="subscribe-form">
									<form method="post" action="#0">
										<div class="form-group">
											<input type="email" name="email" class="email" value="" placeholder="Email Address" required="">
											<button type="button" class="theme-btn"><i class="fa fa-paper-plane"></i></button>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div> -->
				</div>
			</div>
		</div>

		<!--  Footer Bottom -->
		<div class="footer-bottom">
			<div class="auto-container">
				<div class="row">
					<div class="logo-column col-lg-3 col-md-4 order-2">
						<div class="footer-logo"><img src="images/logo.png" alt=""></div>
					</div>
					<div class="links-column col-lg-4 col-md-4 order-3">
						<ul class="footer-links">
							<li><a href="#0">Terms of Use</a></li>
							<li><a href="#0">Privacy Policy</a></li>
						</ul>
					</div>
					<div class="col-lg-5 col-md-4">
						<p class="text-white"> © <script>document.write(new Date().getFullYear())</script> Blueprint360 | Developed by <a href="http://righteducate.com/" target="_blank" style="color: #fff;">Right Educate</a></p>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!--End Main Footer -->

</div><!-- End Page Wrapper -->

<!-- Scroll To Top -->
<div class="scroll-to-top scroll-to-target" data-target="html"><span class="fa fa-angle-up"></span></div>

<script src="js/jquery.js"></script> 
<script src="js/popper.min.js"></script>
<!--Revolution Slider-->
<script src="plugins/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="plugins/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="plugins/revolution/js/extensions/revolution.extension.video.min.js"></script>
<script src="js/main-slider-script.js"></script>
<!--Revolution Slider-->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fancybox.js"></script>
<script src="js/wow.js"></script>
<script src="js/appear.js"></script>

<script src="js/isotope.js"></script>

<script src="js/select2.min.js"></script>
<script src="js/owl.js"></script>
<script src="js/script.js"></script>


<script src="js/jquery.js"></script> 
<script src="js/popper.min.js"></script>





	<script>
		$(".filter a").click(function (e) {
        e.preventDefault();
        var a = $(this).attr("href");
        a = a.substr(1);
        $(".sets a").each(function () {
          if (!$(this).hasClass(a) && a != "") $(this).addClass("hide");
          else $(this).removeClass("hide");
        });

    

// Add active class to the current button (highlight it)
    var btnContainer = document.getElementById("btncontainer");
    var btns = btnContainer.getElementsByClassName("btn");
    for (var i = 0; i < btns.length; i++) {
        var current = document.getElementsByClassName("btn-active");
        current[0].className = current[0].className.replace(" btn-active", "");
        this.className += " btn-active";

    }
});


let imgs = document.querySelectorAll(".gallery img");
      let count;
      imgs.forEach((img, index) => {
        img.addEventListener("click", function (e) {
          if (e.target == this) {
            count = index;
            let openDiv = document.createElement("div");
            let imgPreview = document.createElement("img");
            let butonsSection = document.createElement("div");
            butonsSection.classList.add("butonsSection");
            let closeBtn = document.createElement("button");
            let nextBtn = document.createElement("button");
            let prevButton = document.createElement("button");
            prevButton.innerText = "<";
            nextBtn.innerText = ">";

            nextBtn.classList.add("nextButton");
            prevButton.classList.add("prevButton");
            nextBtn.addEventListener("click", function () {
              if (count >= imgs.length - 1) {
                count = 0;
              } else {
                count++;
              }

              imgPreview.src = imgs[count].src;
            });

            prevButton.addEventListener("click", function () {
              if (count === 0) {
                count = imgs.length - 1;
              } else {
                count--;
              }

              imgPreview.src = imgs[count].src;
            });

            closeBtn.classList.add("closeBtn");
            closeBtn.innerText = "X";
            closeBtn.addEventListener("click", function () {
              openDiv.remove();
            });

            imgPreview.classList.add("imgPreview");
            imgPreview.src = this.src;

            butonsSection.append(prevButton, nextBtn);
            openDiv.append(imgPreview, butonsSection, closeBtn);

            openDiv.classList.add("openDiv");

            document.querySelector("body").append(openDiv);
          }
        });
      });
	</script>
</body>

</html>