File: /home1/dc864870/lohaltd.co.uk/gallery.html
<!DOCTYPE html>
<html lang="zxx">
<head>
<title> Loha Ltd. - Products </title>
<!--meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="keywords" content="Molten Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);
function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--//meta tags ends here-->
<!--booststrap-->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<!--//booststrap end-->
<!-- font-awesome icons -->
<link href="css/fontawesome-all.min.css" rel="stylesheet" type="text/css" media="all">
<!-- //font-awesome icons -->
<!-- //animation effects-css-->
<link href="css/aos.css" rel="stylesheet" type="text/css" media="all" />
<!--gallery-->
<link rel="stylesheet" href="css/lightbox.css">
<!--//gallery-->
<!--gallery-hover-->
<link rel="stylesheet" type="text/css" href="css/set1.css" />
<!--//gallery-hover-->
<!--stylesheets-->
<link href="css/style.css" rel='stylesheet' type='text/css' media="all">
<!--//stylesheets-->
<link href="//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600" rel="stylesheet">
</head>
<body>
<!--headder-->
<div class="header-outs" id="header">
<!--banner -->
<div class="header-most-top">
<div class="one-headder">
<div class="container-fluid">
<div class="row left-indus-icons RWDpagescrollfix">
<div class="col-lg-7 col-md-7 col-sm-8 agile-email-call ">
<ul>
<li>
<h4>Call Us:</h4>
</li>
<li>
<p><a href="tel:0447727241431">044 77272 41431</p>
</li>
<li >
<h4>Email Us:</h4>
</li>
<li>
<p><a href="mailto:contact@lohaltd.co.uk">contact@lohaltd.co.uk</a></p>
</li>
</ul>
</div>
<div class="col-lg-5 col-md-5 col-sm-4 icons">
<ul>
<li>
<h4> Follow Us:</h4>
</li>
<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-twitter"></span></a></li>-->
</ul>
</div>
</div>
</div>
</div>
<div class="headder-nav-icon pagescrollfix">
<div class="container-fluid">
<div class="nav-headder-top">
<!--//navigation section -->
<nav class="navbar navbar-expand-lg navbar-light pagescrollfix">
<div class="hedder-up">
<a class="navbar-brand" href="index.html"><img src="images/logo.jpg" class="image-fluid"> </a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav ">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a href="we.html" class="nav-link">We</a>
</li>
<li class="nav-item">
<a href="service.html" class="nav-link">Services</a>
</li>
<li class="nav-item active">
<a href="gallery.html" class="nav-link">Products</a>
</li>
<li class="nav-item">
<a href="say-hi.html" class="nav-link">Say Hi</a>
</li>
</ul>
</div>
</nav>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //Navigation -->
</div>
<!--//headder-->
<!-- banner -->
<div class="inner_page-banner one-img">
</div>
<!--//banner -->
<!--body text -->
<div id="body-text">
<!--Gallery-->
<section class="gallery py-lg-4 py-md-3 py-sm-3 py-3">
<div class="container py-lg-5 py-md-4 py-sm-4 py-3">
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-in">
<h3>Products</h3>
</div>
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-out">
<h3>Bailed Aluminium Extrusion</h3>
</div>
<div class="row grid gallery-info" data-aos="zoom-in">
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/1.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/1.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/2.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/2.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="left">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/3.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/3.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/4.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/4.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/5.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/5.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/6.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/6.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/7.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/7.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/8.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/8.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="left">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/9.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/9.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
</div>
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-out">
<h3>Bar Ends</h3>
</div>
<div class="row grid gallery-info" data-aos="zoom-in">
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bar-ends/1.jpeg" alt="img15"/>
<figcaption>
<a href="images/bar-ends/1.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bar-ends/2.jpeg" alt="img15"/>
<figcaption>
<a href="images/bar-ends/2.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bar-ends/3.jpeg" alt="img15"/>
<figcaption>
<a href="images/bar-ends/3.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
</div>
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-out">
<h3>Brake Disc</h3>
</div>
<div class="row grid gallery-info" data-aos="zoom-in">
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bar-ends/1.jpeg" alt="img15"/>
<figcaption>
<a href="images/brake-disc/1.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/brake-disc/2.jpeg" alt="img15"/>
<figcaption>
<a href="images/brake-disc/2.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/brake-disc/3.jpeg" alt="img15"/>
<figcaption>
<a href="images/brake-disc/3.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
</div>
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-out">
<h3>Cast Iron Chairs</h3>
</div>
<div class="row grid gallery-info" data-aos="zoom-in">
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/cast-iron-chairs/1.jpeg" alt="img15"/>
<figcaption>
<a href="images/cast-iron-chairs/1.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/cast-iron-chairs/2.jpeg" alt="img15"/>
<figcaption>
<a href="images/cast-iron-chairs/2.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/cast-iron-chairs/3.jpeg" alt="img15"/>
<figcaption>
<a href="images/cast-iron-chairs/3.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
</div>
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-out">
<h3>Electric & Fridge Motors</h3>
</div>
<div class="row grid gallery-info" data-aos="zoom-in">
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/10.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/10.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/11.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/11.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/bailed-aluminium-extrusion/12.jpeg" alt="img15"/>
<figcaption>
<a href="images/bailed-aluminium-extrusion/12.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/electric-and-fridge-motors/1.jpeg" alt="img15"/>
<figcaption>
<a href="images/electric-and-fridge-motors/1.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/electric-and-fridge-motors/2.jpeg" alt="img15"/>
<figcaption>
<a href="images/electric-and-fridge-motors/2.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/electric-and-fridge-motors/3.jpeg" alt="img15"/>
<figcaption>
<a href="images/electric-and-fridge-motors/3.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/electric-and-fridge-motors/4.jpeg" alt="img15"/>
<figcaption>
<a href="images/electric-and-fridge-motors/4.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/electric-and-fridge-motors/5.jpeg" alt="img15"/>
<figcaption>
<a href="images/electric-and-fridge-motors/5.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/electric-and-fridge-motors/6.jpeg" alt="img15"/>
<figcaption>
<a href="images/electric-and-fridge-motors/6.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/electric-and-fridge-motors/7.jpeg" alt="img15"/>
<figcaption>
<a href="images/electric-and-fridge-motors/7.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/electric-and-fridge-motors/8.jpeg" alt="img15"/>
<figcaption>
<a href="images/electric-and-fridge-motors/8.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/electric-and-fridge-motors/9.jpeg" alt="img15"/>
<figcaption>
<a href="images/electric-and-fridge-motors/9.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
</div>
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-out">
<h3>Hms 1 & 2</h3>
</div>
<div class="row grid gallery-info" data-aos="zoom-in">
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/hms-1-and-2/1.jpeg" alt="img15"/>
<figcaption>
<a href="images/hms-1-and-2/1.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/hms-1-and-2/2.jpeg" alt="img15"/>
<figcaption>
<a href="images/hms-1-and-2/2.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/hms-1-and-2/3.jpeg" alt="img15"/>
<figcaption>
<a href="images/hms-1-and-2/3.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
</div>
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-out">
<h3>Plates & Gurders</h3>
</div>
<div class="row grid gallery-info" data-aos="zoom-in">
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/plates-and-gurders/1.jpeg" alt="img15"/>
<figcaption>
<a href="images/plates-and-gurders/1.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/plates-and-gurders/2.jpeg" alt="img15"/>
<figcaption>
<a href="images/plates-and-gurders/2.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/plates-and-gurders/3.jpeg" alt="img15"/>
<figcaption>
<a href="images/plates-and-gurders/3.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/plates-and-gurders/4.jpeg" alt="img15"/>
<figcaption>
<a href="images/plates-and-gurders/4.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/plates-and-gurders/5.jpeg" alt="img15"/>
<figcaption>
<a href="images/plates-and-gurders/5.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/plates-and-gurders/6.jpeg" alt="img15"/>
<figcaption>
<a href="images/plates-and-gurders/6.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
</div>
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-out">
<h3>Reusable Bar Ends</h3>
</div>
<div class="row grid gallery-info" data-aos="zoom-in">
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/reusable-bar-ends/1.jpeg" alt="img15"/>
<figcaption>
<a href="images/reusable-bar-ends/1.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/reusable-bar-ends/2.jpeg" alt="img15"/>
<figcaption>
<a href="images/reusable-bar-ends/2.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/reusable-bar-ends/3.jpeg" alt="img15"/>
<figcaption>
<a href="images/reusable-bar-ends/3.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
</div>
<div class="title text-center mb-lg-5 mb-md-4 mb-sm-4 mb-3" data-aos="zoom-out">
<h3>Reusable Pipes</h3>
</div>
<div class="row grid gallery-info" data-aos="zoom-in">
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/reusable-pipes/1.jpeg" alt="img15"/>
<figcaption>
<a href="images/reusable-pipes/1.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="zoom-in">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/reusable-pipes/2.jpeg" alt="img15"/>
<figcaption>
<a href="images/reusable-pipes/2.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 gallery-grids" data-aos="fade-right">
<figure class="effect-goliath">
<img src="http://lohaltd.co.uk/images/reusable-pipes/3.jpeg" alt="img15"/>
<figcaption>
<a href="images/reusable-pipes/3.jpeg" class="gallery-box" data-lightbox="example-set" data-title="">
</a>
</figcaption>
</figure>
</div>
</div>
</div>
</section>
<!--//Gallery-->
</div>
<!--//body text -->
<!--Footer -->
<footer class="buttom-footer py-lg-4 py-md-3 py-sm-3 py-3">
<section>
<div class="container py-lg-5 py-md-5 py-sm-4 py-4">
<div class="">
<div class="row footer-agile-grids ">
<div class="col-lg-4 col-md-4 col-sm-12 wthree-left-right">
<h4 class="pb-lg-3 pb-3">Follow Us</h4>
<div class="footer-icons">
<ul>
<li class="mb-2">
<a href="#"><span class="fab fa-facebook-f"></span></a>
<h6 class="ml-3 text-left">Facebook</h6>
</li>
<li class="mb-2">
<a href="#"><span class="fas fa-envelope"></span></a>
<h6 class="ml-3 text-left">Gmail</h6>
</li>
<!-- <li class="mb-2">
<a href="#"><span class="fab fa-twitter"></span></a>
<h6 class="ml-3 text-left">Twitter</h6>
</li>
<li class="mb-2">
<a href="#"><span class="fab fab fa-google-plus-g"></span></a>
<h6 class="ml-3 text-right">Google+</h6>
</li>-->
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 wthree-left-right">
<h4 class="pb-lg-3 pb-3">Nav Links</h4>
<nav class="border-line">
<ul class="nav flex-column">
<li class="nav-item">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a href="we.html" class="nav-link">We</a>
</li>
<li class="nav-item">
<a href="service.html" class="nav-link">Services</a>
</li>
<li class="nav-item">
<a href="gallery.html" class="nav-link">Products</a>
</li>
<li class="nav-item">
<a href="say-hi.html" class="nav-link">Say Hi</a>
</li>
</ul>
</nav>
</div>
<div class="wthree-left-right col-lg-4 col-md-4 col-sm-12">
<h4 class="pb-lg-3 pb-3">Get In Touch</h4>
<div class="wls-hours-list">
<ul>
<li class="d-flex">Monday-Friday <span class="time ml-auto"> 10:00am-03:00pm</span></li>
<li class="d-flex">Saturday <span class="time ml-auto"> closed</span></li>
<li class="d-flex">Sunday <span class="time ml-auto"> closed</span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="copy-agile-right text-center">
<p>Copyright © Loha Ltd. 2019 all Right Reserved</p>
</div>
</footer>
<!-- //Footer -->
<!--js working-->
<script src='js/jquery-2.2.3.min.js'></script>
<!--//js working-->
<!--bootstrap working-->
<script src="js/bootstrap.min.js"></script>
<!-- //bootstrap working-->
<!--Nav script scrollon-->
<script>
$(window).scroll(function() {
if ($(document).scrollTop() > 150) {
$('nav.pagescrollfix,nav.RWDpagescrollfix').addClass('shrink');
} else {
$('nav.pagescrollfix,nav.RWDpagescrollfix').removeClass('shrink');
}
});
</script>
<!--//Nav script scrollon-->
<!-- gallery -->
<script src="js/lightbox-plus-jquery.min.js"></script>
<!-- //gallery -->
<!-- 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'
});
function show(){
$.post('upload.php',
{status: 3},
function (data) {
$("#body-text").html(data);
});
}
show();
});
</script>
<!-- //here ends scrolling icon -->
<!-- animation effects-js files-->
<script src="js/aos.js"></script>
<!-- //animation effects-js files-->
<!-- animation effects-js files-->
<script src="js/aos1.js"></script>
<!-- //animation effects-js files-->
</body>
</html>