File: /home/seoprovi/sayamcargopackersandmovers.in/rough/gallery-photos-exmaple.html
<!DOCTYPE html>
<html lang="zxx">
<!-- Mirrored from demo.themenio.com/nconstruct/gallery-photos-exmaple.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 26 Dec 2024 03:17:52 GMT -->
<head>
<title>Photo Gallery - NConstruct - Business Template for Construction, Building, Renovation Company</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="image/favicon.png" type="image/png" sizes="16x16">
<link rel="stylesheet" type="text/css" href="css/vendor.bundle.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','../../www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-91615293-2', 'auto');
ga('send', 'pageview');
</script>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-default navbar-custom navbar-fixed-top" data-spy="affix" data-offset-top="100">
<div class="top-bar">
<div class="container">
<div class="row">
<a class="navbar-brand" href="index.html"><img alt="" src="image/logo.png" srcset="image/logo2x.png 2x"></a>
<ul class="contact">
<li class="t-locat">
<em class="fa fa-map-o" aria-hidden="true"></em>
<span>13005 Greenville Avenue<br> California, TX 70240</span>
</li>
<li class="t-phone t-phone1">
<em class="fa fa-phone" aria-hidden="true"></em>
<span>Toll Free<br>+888 123-456-789</span>
</li>
<li class="t-phone t-phone2">
<em class="fa fa-phone" aria-hidden="true"></em>
<span>Phone<br>+12 345-678-890</span>
</li>
</ul>
</div>
</div>
</div>
<div class="bottom-nav">
<div class="container">
<div class="row">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- Q-Button for Mobile version -->
<div class="quote-btn"><a class="btn" href="get-a-quote.html">Free Quote Request</a></div>
</div>
<!-- Nav links -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="dropdown"><a href="index.html" class="dropdown-toggle">Home <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="index-2.html">Home - V1 - Slider</a></li>
<li><a href="index-image.html">Home - V1 - Static Banner</a></li>
<li><a href="index-v2.html">Home - V2 - Slider</a></li>
<li><a href="index-v2-image.html">Home - V2 - Static Banner</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle">Pages <span class="label label-danger">Hot</span></a>
<ul class="dropdown-menu">
<li class="dropdown"><a href="#">About Pages</a>
<ul class="dropdown-menu">
<li><a href="about-us.html">About Us</a></li>
<li><a href="about-us-alter.html">About Us - Alter</a></li>
<li><a href="history.html">Our History</a></li>
<li><a href="clients.html">Our Clients</a></li>
<li><a href="teams.html">Our Teams</a></li>
<li><a href="team-single.html">Team Profile</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Service Pages</a>
<ul class="dropdown-menu">
<li><a href="services.html">Services</a></li>
<li><a href="services-alter.html">Services - Alter</a></li>
<li><a href="service-single.html">Service Single</a></li>
<li><a href="service-single-alter.html">Service Single - Alter</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Project Pages</a>
<ul class="dropdown-menu">
<li><a href="projects.html">Projects</a></li>
<li><a href="projects-3col.html">Projects - 3Col</a></li>
<li><a href="projects-alter.html">Projects - Alter</a></li>
<li><a href="projects-3col-alter.html">Projects - 3Col - Alter</a></li>
<li><a href="project-single.html">Project Single</a></li>
<li><a href="project-single-alter.html">Project Single - Alter</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Product Pages</a>
<ul class="dropdown-menu">
<li><a href="products.html">Products</a></li>
<li><a href="products-alter.html">Products - Alter</a></li>
<li><a href="product-single.html">Product Single</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">Gallery Pages</a>
<ul class="dropdown-menu">
<li><a href="gallery.html">Gallery</a></li>
<li><a href="gallery-3col.html">Gallery - 3Col</a></li>
<li><a href="gallery-alter.html">Gallery - Alter</a></li>
<li><a href="gallery-3col-alter.html">Gallery - 3Col - Alter</a></li>
<li><a href="gallery-photos.html">Photo Gallery</a></li>
<li><a href="gallery-photos-alter.html">Photo Gallery - Alter</a></li>
<li><a href="gallery-photos-exmaple.html">Photo Gallery - Exmaple</a></li>
</ul>
</li>
<li class="dropdown"><a href="#">FAQ Pages</a>
<ul class="dropdown-menu">
<li><a href="faqs.html">FAQ's</a></li>
<li><a href="faqs-alter.html">FAQ's - Alter</a></li>
</ul>
</li>
<li><a href="typography.html">Typography</a></li>
<li><a href="sitemaps.html">Sitemap</a></li>
<li><a href="error-404.html">Error 404</a></li>
</ul>
</li>
<li class="dropdown"><a href="about-us.html" class="dropdown-toggle">About Us<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="history.html">Our History</a></li>
<li><a href="teams.html">Our Teams</a></li>
<li><a href="clients.html">Our Clients</a></li>
<li><a href="faqs.html">FAQ's</a></li>
</ul>
</li>
<li class="dropdown">
<a href="services.html" class="dropdown-toggle">Our Services <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="service-single.html">Design And Build</a></li>
<li><a href="service-single-alter.html">Building Construction</a></li>
<li><a href="service-single.html">Commercial Construction</a></li>
<li><a href="service-single-alter.html">Interior Renovation</a></li>
<li><a href="service-single.html">Hardwood Flooring</a></li>
<li><a href="service-single-alter.html">Repair & Maintanance</a></li>
</ul>
</li>
<li><a href="experience.html">Experience</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
<li><a href="contact.html">Contact</a></li>
<li class="quote-btn"><a class="btn" href="get-a-quote.html">Get A Quote</a></li>
</ul>
</div>
<!-- End Nav -->
</div>
</div>
</div>
</nav>
<!-- End Navbar -->
<!-- Banner -->
<div class="banner banner-static">
<div class="container">
<div class="content row">
<div class="banner-text">
<h1 class="page-title">Photo Gallery Example</h1>
<p class="page-breadcrumb">Home / <a href="gallery.html">Gallery</a> / <span class="current">Gallery Name</span></p>
</div>
<div class="imagebg">
<img src="image/about-us-banner.jpg" alt="">
</div>
</div>
</div>
</div>
<!-- End Banner -->
<!-- Gallery -->
<div class="section section-gallery section-photo-gallery section-pad">
<div class="container">
<div class="content row">
<div class="col-md-offset-2 col-md-8 center">
<h2 class="heading-section heading-sm with-line">Gallery With Filter</h2>
<p>Photo gallery filled with 3 column (Zoom Effect)</p>
</div>
<!-- Gallery - Filter Menu -->
<div class="clear"></div>
<div class="gallery-lists filter-menu text-center">
<ul class="list">
<li class="active" data-filter="all">All</li>
<li data-filter="1">Design</li>
<li data-filter="2">Construction</li>
<li data-filter="3">Building</li>
<li data-filter="4">Renovation</li>
</ul>
</div>
<!-- Gallery Filter section (!required 'gallery-filter' class name) -->
<div class="gallery gallery-filter gallery-lightbox gallery-photos gallery-filled hover-zoom">
<ul class="photos-list col-x3">
<li class="filtr-item" data-category="1">
<a href="image/gallery1-large.jpg">
<div class="photo">
<img src="image/gallery1.jpg" alt="Photo Title">
</div>
</a>
</li>
<li class="filtr-item" data-category="2">
<a href="image/gallery2-large.jpg">
<div class="photo">
<img src="image/gallery2.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li class="filtr-item" data-category="1, 3">
<a href="image/gallery3-large.jpg">
<div class="photo">
<img src="image/gallery3.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li class="filtr-item" data-category="3">
<a href="image/gallery4-large.jpg">
<div class="photo">
<img src="image/gallery4.jpg" alt="Name of Photo">
</div>
</a>
</li>
<li class="filtr-item" data-category="4">
<a href="image/gallery5-large.jpg">
<div class="photo">
<img src="image/gallery5.jpg" alt="" title="Another Name of Photo">
</div>
</a>
</li>
<li class="filtr-item" data-category="3">
<a href="image/gallery6-large.jpg">
<div class="photo">
<img src="image/gallery6.jpg" alt="Photo credit - Another Author" title="Name of Photo">
</div>
</a>
</li>
<li class="filtr-item" data-category="4, 3">
<a href="image/gallery7-large.jpg">
<div class="photo">
<img src="image/gallery7.jpg" alt="Photo Title">
</div>
</a>
</li>
<li class="filtr-item" data-category="2">
<a href="image/gallery8-large.jpg">
<div class="photo">
<img src="image/gallery8.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li class="filtr-item" data-category="1">
<a href="image/gallery9.-large.html">
<div class="photo">
<img src="image/gallery9.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li class="filtr-item" data-category="3, 2">
<a href="image/gallery10-large.jpg">
<div class="photo">
<img src="image/gallery10.jpg" alt="Name of Photo">
</div>
</a>
</li>
<li class="filtr-item" data-category="4">
<a href="image/gallery11-large.jpg">
<div class="photo">
<img src="image/gallery11.jpg" alt="" title="Another Name of Photo">
</div>
</a>
</li>
<li class="filtr-item" data-category="3">
<a href="image/gallery12-large.jpg">
<div class="photo">
<img src="image/gallery12.jpg" alt="Photo credit - Another Author" title="Name of Photo">
</div>
</a>
</li>
</ul>
</div>
<!-- Gallery #end -->
<hr>
<div class="col-md-offset-2 col-md-8 center">
<h2 class="heading-section heading-sm with-line">Gallery A</h2>
<p>Photo gallery filled with 3 column (Fade Effect)</p>
</div>
<!-- Gallery -Photo #A -->
<div class="clear"></div>
<div class="gallery gallery-lightbox gallery-photos gallery-filled hover-fade">
<ul class="photos-list col-x3">
<li>
<a href="image/gallery1-large.jpg">
<div class="photo">
<img src="image/gallery1.jpg" alt="Photo Title">
</div>
</a>
</li>
<li>
<a href="image/gallery2-large.jpg">
<div class="photo">
<img src="image/gallery2.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery3-large.jpg">
<div class="photo">
<img src="image/gallery3.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery4-large.jpg">
<div class="photo">
<img src="image/gallery4.jpg" alt="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery5-large.jpg">
<div class="photo">
<img src="image/gallery5.jpg" alt="" title="Another Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery6-large.jpg" title="Photo Title">
<div class="photo">
<img src="image/gallery6.jpg" alt="Photo credit - Another Author" title="Name of Photo">
</div>
</a>
</li>
</ul>
</div>
<!-- Gallery #end -->
<hr>
<div class="col-md-offset-2 col-md-8 center">
<h2 class="heading-section heading-sm with-line">Gallery B</h2>
<p>Photo gallery filled with 4 column (Zoom Effect)</p>
</div>
<!-- Gallery -Photo #B -->
<div class="clear"></div>
<div class="gallery gallery-lightbox gallery-photos gallery-filled hover-zoom">
<ul class="photos-list col-x4">
<li>
<a href="image/gallery1-large.jpg">
<div class="photo">
<img src="image/gallery1.jpg" alt="Photo Title">
</div>
</a>
</li>
<li>
<a href="image/gallery2-large.jpg">
<div class="photo">
<img src="image/gallery2.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery3-large.jpg">
<div class="photo">
<img src="image/gallery3.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery4-large.jpg">
<div class="photo">
<img src="image/gallery4.jpg" alt="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery5-large.jpg">
<div class="photo">
<img src="image/gallery5.jpg" alt="" title="Another Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery6-large.jpg" title="Photo Title">
<div class="photo">
<img src="image/gallery6.jpg" alt="Photo credit - Another Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery7-large.jpg">
<div class="photo">
<img src="image/gallery7.jpg" alt="Photo/Project Name">
</div>
</a>
</li>
<li>
<a href="image/gallery8-large.jpg">
<div class="photo">
<img src="image/gallery8.jpg" alt="Project Name">
</div>
</a>
</li>
</ul>
</div>
<!-- Gallery #end -->
<hr>
<div class="col-md-offset-2 col-md-8 center">
<h2 class="heading-section heading-sm with-line">Gallery C</h2>
<p>Photo gallery filled with 5 column (Fade Effect)</p>
</div>
<!-- Gallery -Photo #C -->
<div class="clear"></div>
<div class="gallery gallery-lightbox gallery-photos gallery-filled hover-fade">
<ul class="photos-list col-x5">
<li>
<a href="image/gallery1-large.jpg">
<div class="photo">
<img src="image/gallery1.jpg" alt="Photo Title">
</div>
</a>
</li>
<li>
<a href="image/gallery2-large.jpg">
<div class="photo">
<img src="image/gallery2.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery3-large.jpg">
<div class="photo">
<img src="image/gallery3.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery4-large.jpg">
<div class="photo">
<img src="image/gallery4.jpg" alt="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery5-large.jpg">
<div class="photo">
<img src="image/gallery5.jpg" alt="" title="Another Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery6-large.jpg" title="Photo Title">
<div class="photo">
<img src="image/gallery6.jpg" alt="Photo credit - Another Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery7-large.jpg">
<div class="photo">
<img src="image/gallery7.jpg" alt="Photo/Project Name">
</div>
</a>
</li>
<li>
<a href="image/gallery8-large.jpg">
<div class="photo">
<img src="image/gallery8.jpg" alt="Project Name">
</div>
</a>
</li>
<li>
<a href="image/gallery9-large.jpg">
<div class="photo">
<img src="image/gallery9.jpg" alt="Photo/Project Name">
</div>
</a>
</li>
<li>
<a href="image/gallery10-large.jpg">
<div class="photo">
<img src="image/gallery10.jpg" alt="Project Name">
</div>
</a>
</li>
</ul>
</div>
<!-- Gallery #end -->
<hr>
<div class="col-md-offset-2 col-md-8 center">
<h2 class="heading-section heading-sm with-line">Gallery D</h2>
<p>Photo gallery grid with 3 column (Zoom Effect)</p>
</div>
<!-- Gallery -Photo #A -->
<div class="clear"></div>
<div class="gallery gallery-lightbox gallery-photos hover-zoom">
<ul class="photos-list col-x3">
<li>
<a href="image/gallery1-large.jpg">
<div class="photo">
<img src="image/gallery1.jpg" alt="Photo Title">
</div>
</a>
</li>
<li>
<a href="image/gallery2-large.jpg">
<div class="photo">
<img src="image/gallery2.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery3-large.jpg">
<div class="photo">
<img src="image/gallery3.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery4-large.jpg">
<div class="photo">
<img src="image/gallery4.jpg" alt="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery5-large.jpg">
<div class="photo">
<img src="image/gallery5.jpg" alt="" title="Another Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery6-large.jpg" title="Photo Title">
<div class="photo">
<img src="image/gallery6.jpg" alt="Photo credit - Another Author" title="Name of Photo">
</div>
</a>
</li>
</ul>
</div>
<!-- Gallery #end -->
<hr>
<div class="col-md-offset-2 col-md-8 center">
<h2 class="heading-section heading-sm with-line">Gallery E</h2>
<p>Photo gallery grid with 4 column (Fade Effect)</p>
</div>
<!-- Gallery -Photo #E -->
<div class="clear"></div>
<div class="gallery gallery-lightbox gallery-photos hover-fade">
<ul class="photos-list col-x4">
<li>
<a href="image/gallery1-large.jpg">
<div class="photo">
<img src="image/gallery1.jpg" alt="Photo Title">
</div>
</a>
</li>
<li>
<a href="image/gallery2-large.jpg">
<div class="photo">
<img src="image/gallery2.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery3-large.jpg">
<div class="photo">
<img src="image/gallery3.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery4-large.jpg">
<div class="photo">
<img src="image/gallery4.jpg" alt="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery5-large.jpg">
<div class="photo">
<img src="image/gallery5.jpg" alt="" title="Another Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery6-large.jpg" title="Photo Title">
<div class="photo">
<img src="image/gallery6.jpg" alt="Photo credit - Another Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery7-large.jpg">
<div class="photo">
<img src="image/gallery7.jpg" alt="Photo/Project Name">
</div>
</a>
</li>
<li>
<a href="image/gallery8-large.jpg">
<div class="photo">
<img src="image/gallery8.jpg" alt="Project Name">
</div>
</a>
</li>
</ul>
</div>
<!-- Gallery #end -->
<hr>
<div class="col-md-offset-2 col-md-8 center">
<h2 class="heading-section heading-sm with-line">Gallery F</h2>
<p>Photo gallery grid with 5 column (Zoom Effect)</p>
</div>
<!-- Gallery -Photo #C -->
<div class="clear"></div>
<div class="gallery gallery-lightbox gallery-photos hover-zoom">
<ul class="photos-list col-x5">
<li>
<a href="image/gallery1-large.jpg">
<div class="photo">
<img src="image/gallery1.jpg" alt="Photo Title">
</div>
</a>
</li>
<li>
<a href="image/gallery2-large.jpg">
<div class="photo">
<img src="image/gallery2.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery3-large.jpg">
<div class="photo">
<img src="image/gallery3.jpg" alt="@by Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery4-large.jpg">
<div class="photo">
<img src="image/gallery4.jpg" alt="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery5-large.jpg">
<div class="photo">
<img src="image/gallery5.jpg" alt="" title="Another Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery6-large.jpg" title="Photo Title">
<div class="photo">
<img src="image/gallery6.jpg" alt="Photo credit - Another Author" title="Name of Photo">
</div>
</a>
</li>
<li>
<a href="image/gallery7-large.jpg">
<div class="photo">
<img src="image/gallery7.jpg" alt="Photo/Project Name">
</div>
</a>
</li>
<li>
<a href="image/gallery8-large.jpg">
<div class="photo">
<img src="image/gallery8.jpg" alt="Project Name">
</div>
</a>
</li>
<li>
<a href="image/gallery9-large.jpg">
<div class="photo">
<img src="image/gallery9.jpg" alt="Photo/Project Name">
</div>
</a>
</li>
<li>
<a href="image/gallery10-large.jpg">
<div class="photo">
<img src="image/gallery10.jpg" alt="Project Name">
</div>
</a>
</li>
</ul>
</div>
<!-- Gallery #end -->
</div>
</div>
</div>
<!-- Call Action -->
<div class="call-action cta-small cta-simple">
<div class="cta-block">
<div class="container">
<div class="content row">
<div class="cta-sameline">
<h3>If you have any construction problem... We are available</h3>
<a class="btn solid-btn" href="get-a-quote.html">Get In Touch</a>
</div>
</div>
</div>
</div>
</div>
<!-- End Call Action -->
<!-- Footer Widget-->
<div class="footer-widget section-pad">
<div class="container">
<div class="row">
<div class="widget-row row">
<div class="footer-col col-md-3 col-sm-6 res-m-bttm">
<!-- Each Widget -->
<div class="wgs wgs-footer wgs-text">
<h5 class="wgs-title">About NConstruct</h5>
<div class="wgs-content">
<p><strong>NConstruct</strong> is responsive HTML template which is build for any kind of buiness. But specialy for construction, builder business. Ipsum dolor sit amet sed do eiusmod tempor incidi labore et dolore magna dignissim est node eiusmod...</p>
<a class="btn-link" href="about-us.html">Read More</a>
</div>
</div>
<!-- End Widget -->
</div>
<div class="footer-col col-md-2 col-md-offset-1 col-sm-6 res-m-bttm">
<!-- Each Widget -->
<div class="wgs wgs-footer wgs-menu">
<h5 class="wgs-title">Quick Links</h5>
<div class="wgs-content">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About Us</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="services.html">Our Services</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="sitemaps.html">Sitemap</a></li>
</ul>
</div>
</div>
<!-- End Widget -->
</div>
<div class="footer-col col-md-3 col-sm-6 res-m-bttm">
<!-- Each Widget -->
<div class="wgs wgs-footer wgs-menu">
<h5 class="wgs-title">Our Services</h5>
<div class="wgs-content">
<ul class="menu">
<li><a href="service-single.html">Design And Build</a></li>
<li><a href="service-single-alter.html">Building Construction</a></li>
<li><a href="service-single.html">Commercial Construction</a></li>
<li><a href="service-single-alter.html">Interior Renovation</a></li>
<li><a href="service-single.html">Hardwood Flooring</a></li>
<li><a href="service-single-alter.html">Repair & Maintanance</a></li>
</ul>
</div>
</div>
<!-- End Widget -->
</div>
<div class="footer-col contact col-md-3 col-sm-6">
<!-- Each Widget -->
<div class="wgs wgs-footer">
<h5 class="wgs-title">Contact us</h5>
<div class="wgs-content">
<ul class="contact-info">
<li><em class="fa fa-map" aria-hidden="true"></em>
<span>1234 Sed ut perspiciatis Road,
<br>At vero eos, D58 8975, London.</span>
</li>
<li><em class="fa fa-phone" aria-hidden="true"></em>
<span>Toll Free : (123) 4567 8910<br>
Telephone : (123) 1234 5678</span>
</li>
<li><em class="fa fa-envelope" aria-hidden="true"></em>
<span>Email : <a href="#">info@sitename.com</a><br>
Web : <a href="#">www.sitename.com</a></span>
</li>
</ul>
</div>
</div>
<!-- End Widget -->
</div>
</div>
</div>
</div>
</div>
<!-- End Footer Widget -->
<!-- Copyright -->
<div class="copyright">
<div class="container">
<div class="row">
<span>Copyright © 2017 NConstruct. All Rights Reserved. Template by <a href="http://softnio.com/" target="_blank">Softnio.</a></span>
<ul class="social">
<li><a href="#"><em class="fa fa-facebook" aria-hidden="true"></em></a></li>
<li><a href="#"><em class="fa fa-twitter" aria-hidden="true"></em></a></li>
<li><a href="#"><em class="fa fa-linkedin" aria-hidden="true"></em></a></li>
<li><a href="#"><em class="fa fa-google-plus" aria-hidden="true"></em></a></li>
</ul>
</div>
</div>
</div>
<!-- End Copyright -->
<!-- JavaScript Bundle -->
<script src="js/jquery.bundle.js"></script>
<!-- Theme Script init() -->
<script src="js/script.js"></script>
<!-- End script -->
</body>
<!-- Mirrored from demo.themenio.com/nconstruct/gallery-photos-exmaple.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 26 Dec 2024 03:17:53 GMT -->
</html>