@php $title="Gallery"; @endphp
@include('header')

<!-- banner -->
<div class="banner">
	<div class="page-head">
		<ol class="breadcrumb" style="background: transparent;">
			<li><a href="#">Home</a></li>
			<li class="active">Gallery</li>
		</ol>
	</div>
</div>
<!-- //banner -->
<div class="gallery">
	<div class="container">
		<h3 class="title"> Our Gallery </h3>
		<div class="gallery_gds">
            <div class="filtr-container ">
                <div class=" col-md-4 filtr-item" data-category="1, 5" data-sort="Busy streets">
					<a href="public/images/products/p10.jpg" class="b-link-stripe b-animate-go  swipebox">
						<div class="item item-type-double">
							<div class="item-hover">
								<div class="item-info">
									<div class="date">Jay Mahakali Engineering and Fabricators</div>			
									<div class="line"></div>			
								
									<div class="headline">Ribbon Blender</div>
									<div class="line"></div>
								</div>
								<div class="mask"></div>
							</div>
							<div class="item-img"><img src="public/images/products/p10.jpg" alt=" " /></div>
						</div>
					</a>
                </div>
                <div class="col-md-4 filtr-item" data-category="2, 5" data-sort="Luminous night">
					<a href="public/images/products/p11.jpg" class="b-link-stripe b-animate-go  swipebox">
						<div class="item item-type-double">
							<div class="item-hover">
								<div class="item-info">
									<div class="date">JMEF</div>			
									<div class="line"></div>			
									<div class="headline">Jay Mahakali Engineering and Fabricators</div>
									<div class="line"></div>
								</div>
								<div class="mask"></div>
							</div>
							<div class="item-img"><img src="public/images/products/p11.jpg" alt=" " /></div>
						</div>
					</a>

                </div>
                <div class="col-md-4 filtr-item" data-category="1, 4" data-sort="City wonders">
                    <a href="public/images/products/p12.jpg" class="b-link-stripe b-animate-go  swipebox">
						<div class="item item-type-double">
							<div class="item-hover">
								<div class="item-info">
									<div class="date">JMEF</div>			
									<div class="line"></div>			
									<div class="headline">Jay Mahakali Engineering and Fabricators</div>
									<div class="line"></div>
								</div>
								<div class="mask"></div>
							</div>
							<div class="item-img"><img src="public/images/products/p12.jpg" alt=" " /></div>
						</div>
					</a>

                </div>
                <div class=" col-md-4 filtr-item" data-category="3" data-sort="In production">
                    <a href="public/images/products/p13.jpg" class="b-link-stripe b-animate-go  swipebox">
						<div class="item item-type-double">
							<div class="item-hover">
								<div class="item-info">
									<div class="date">JMEF</div>			
									<div class="line"></div>			
									<div class="headline">Jay Mahakali Engineering and Fabricators</div>
									<div class="line"></div>
								</div>
								<div class="mask"></div>
							</div>
							<div class="item-img"><img src="public/images/products/p13.jpg" alt=" " /></div>
						</div>
					</a>
                </div>
                <div class="col-md-4 filtr-item" data-category="3, 4" data-sort="Industrial site">
                    <a href="public/images/products/p14.jpg" class="b-link-stripe b-animate-go  swipebox">
						<div class="item item-type-double">
							<div class="item-hover">
								<div class="item-info">
									<div class="date">JMEF</div>			
									<div class="line"></div>			
									<div class="headline">Jay Mahakali Engineering and Fabricators</div>
									<div class="line"></div>
								</div>
								<div class="mask"></div>
							</div>
							<div class="item-img"><img  src="public/images/products/p14.jpg" alt=" " /></div>
						</div>
					</a>
                </div>
                <div class="col-md-4 filtr-item" data-category="2, 4" data-sort="Peaceful lake">
                    <a href="public/images/products/p15.jpg" class="b-link-stripe b-animate-go  swipebox">
						<div class="item item-type-double">
							<div class="item-hover">
								<div class="item-info">
									<div class="date">JMEF</div>			
									<div class="line"></div>			
									<div class="headline">Jay Mahakali Engineering and Fabricators</div>
									<div class="line"></div>
								</div>
								<div class="mask"></div>
							</div>
							<div class="item-img"><img  src="public/images/products/p15.jpg" alt=" " /></div>
						</div>
					</a>
                </div>
                <div class="col-md-4  filtr-item" data-category="1, 5" data-sort="City lights">
                    <a href="public/images/products/p16.jpg" class="b-link-stripe b-animate-go  swipebox">
						<div class="item item-type-double">
							<div class="item-hover">
								<div class="item-info">
									<div class="date">JMEF</div>			
									<div class="line"></div>			
									<div class="headline">Jay Mahakali Engineering and Fabricators</div>
									
									<div class="line"></div>
								</div>
								<div class="mask"></div>
							</div>
							<div class="item-img"><img  src="public/images/products/p16.jpg" alt=" " /></div>
						</div>
					</a>
                </div>
                <div class="col-md-4 filtr-item" data-category="2, 4" data-sort="Dreamhouse">
                    <a href="public/images/products/p17.jpg" class="b-link-stripe b-animate-go  swipebox img-responsive">
						<div class="item item-type-double">
							<div class="item-hover">
								<div class="item-info">
									<div class="date">JMEF</div>			
									<div class="line"></div>			
									<div class="headline">Jay Mahakali Engineering and Fabricators</div>
									<div class="line"></div>
								</div>
								<div class="mask"></div>
							</div>
							<div class="item-img"><img src="public/images/products/p17.jpg" alt=" " /></div>
						</div>
					</a>
                </div>
				<div class="col-md-4 filtr-item" data-category="3" data-sort="Dreamhouse">
                    <a href="public/images/products/p20.jpg" class="b-link-stripe b-animate-go  swipebox img-responsive">
						<div class="item item-type-double">
							<div class="item-hover">
								<div class="item-info">
									<div class="date">JMEF</div>			
									<div class="line"></div>			
									<div class="headline">Jay Mahakali Engineering and Fabricators</div>
									<div class="line"></div>
								</div>
								<div class="mask"></div>
							</div>
							<div class="item-img"><img  src="public/images/products/p20.jpg" alt=" " /></div>
						</div>
					</a>
                </div>
               <div class="clearfix"> </div>
            </div>
		</div>
	</div>	
    <!-- Include jQuery & Filterizr -->
    
    <script src="public/js/jquery.filterizr.js"></script>
    <script src="public/js/controls.js"></script>

    <!-- Kick off Filterizr -->
    <script type="text/javascript">
        $(function() {
            //Initialize filterizr with default options
            $('.filtr-container').filterizr();
        });
    </script>
	<!--//gallery-->
<!-- swipe box js -->
	<script src="public/js/jquery.swipebox.min.js"></script> 
	    <script type="text/javascript">
			jQuery(function($) {
				$(".swipebox").swipebox();
			});
	</script>
<!-- //swipe box js -->
</div>
@include('footer')