EVOLUTION-NINJA

Edit File: galery.html

<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<title>Aswini Agrotech</title>
	
	<link rel="stylesheet" type="text/css" href="css/main.css" />
	
	<link rel="stylesheet" type="text/css" href="css/innerpages.css" />
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" />

<h2>Greens</h2>
			<div id="gallery3"></div>

<h2>Ornametals</h2>
			<div id="gallery4"></div>

<h2>Customer Feedback</h2>
			<div id="gallery5"></div>		
		</div>	
	</div>

<div class="home_footer">
		<div class="container">
			<div class="col-md-3 col-sm-1"></div>
				<div class="col-md-6 col-sm-10">
					<ul class="footer_nav hidden-xs">
						<li><a href="index.html">Home</a></li>
						<li><a href="about.html">About us</a></li>
						
						<li><a href="galery.html">Gallery</a></li>
						
						<li><a href="contact.php">Contact us</a></li>
						
					</ul>
				</div>
			<div class="col-md-3 col-sm-1"></div>		
		</div>
		<div class="last_footer">
			<div class="container">
				<div class="col-md-4 col-sm-3">
					<h4><i class="fa fa-map-marker" aria-hidden="true"></i>&nbsp;Address</h4>
					<p>Plots 42 & 43, KIADB Industrial Area, Somanahalli, Maddur Taluk, Mandya District - 571 429<br class="hidden-xs"> Karnataka, India</p>			
					<p>Sy. No. 279, Madanayakanahalli - 571 433, Maddur Tq, Mandya district, Karnataka</p>
					<p>Zamin Kottampatti Road, Pollachi Tq - 642 006, Coimbatore district, Tamilnadu</p>
				</div>
				<div class=" col-md-3 col-sm-3">
					<h4><i class="fa fa-phone" aria-hidden="true"></i>&nbsp;Phones</h4>
					
					<p>Mobile  <span style="padding-left:21px;">: +91 9845 223 896</span><br/>
						<span style="padding-left:73px;">+91 9632 081 896</span> <br>
						<span style="padding-left:73px;">+91 8277 329 502</span> 
					
					</p>				
				</div>
				<div class=" col-md-2 col-sm-3">
					<h4><i class="fa fa-envelope" aria-hidden="true"></i>&nbsp;E-mail</h4>
						
					<p>aswiniagro@gmail.com</p>
					<p>contact@aswiniagrotech.com</p>
							
				</div>
				<div class="col-sm-3">
					<img src="images/qrcode.jpg"  width="70%" class="img-fluid mx-auto d-block scann-mobile" height="150px" alt="">
				</div>
			</div>
		</div>
		</div>
		<div class="home_copy">
			<div class="container">
				<div class="col-sm-12">
					<ul class="copy-ul">
						<li>Copyright © 2016 Aswini Agrotech</li>
						<li class="hidden-xs">|</li>
					<br class="hidden-sm hidden-md hidden-lg">
						<li>Developed by:<a href="http://jayblues.com/" target="_blank"> Jay <span class="jayblues">Blues</span> Technologies</a></li>
					</ul>
				</div>
		
			</div>
		</div>
	</div>
	
	
	
	
	
	
<link rel="stylesheet" type="text/css" href="css/images-grid.css">
<script type="text/javascript" src="js/images-grid.js"></script>
 <script>

var images = [
				'images/gallery/nursery_1.jpg',
				'images/gallery/nursery_1.jpg',
				'images/gallery/nursery_1.jpg',
				'images/gallery/nursery_1.jpg',
				'images/gallery/nursery_1.jpg',
				'images/gallery/nursery_1.jpg',
				'images/gallery/nursery_1.jpg',
				'images/gallery/nursery_1.jpg',
				'images/gallery/nursery_1.jpg',
				'images/gallery/veg_gal.jpg',
				'images/gallery/veg1.jpg',
				'images/gallery/veg1.jpg',
				
                'images/gallery/veg1.jpg',				
                'images/gallery/veg2.jpg',
                'images/gallery/veg3.jpg',
                'images/gallery/veg4.jpg',
                'images/gallery/veg5.jpg',
				'images/gallery/veg6.jpg',
                'images/gallery/veg7.jpg',
                'images/gallery/veg8.jpg',
                'images/gallery/veg9.jpg',
				'images/gallery/veg10.jpg',
                'images/gallery/veg11.jpg',
                'images/gallery/veg12.jpg'
            ];

$(function() {

$('#gallery1').imagesGrid({
                     images: [
                 'images/gallery/nursery_1.jpg',               
                'images/gallery/nursery_4.jpg',
                'images/gallery/nursery_6.jpg',
				'images/gallery/nursery_7.jpg',
                'images/gallery/GM+ 2_0.JPG',
				'images/gallery/GM+3.JPG',
				'images/gallery/P_20160522_091942.jpg',
				'images/gallery/Cocopeat 036.jpg',
				'images/gallery/tobacco root.JPG',
				'images/gallery/Choudappavr.Nursery 004.jpg',
				
				
                'images/gallery/IMG_6393.jpg'
                    ],
                    align: true,
                    getViewAllText: function(imgsCount) { return 'View all' }
                });
                $('#gallery2').imagesGrid({
                     images: [
				 'images/gallery/veg_gal.jpg',
                 'images/gallery/veg1.jpg',
                'images/gallery/veg2.jpg',
                'images/gallery/veg3.jpg',
                'images/gallery/veg4.jpg',
				'images/gallery/veg5.jpg',
                'images/gallery/veg6.jpg',
				'images/gallery/veg7.jpg',
				'images/gallery/veg8.jpg',
				'images/gallery/veg9.jpg',
				'images/gallery/veg10.jpg',
				'images/gallery/veg11.jpg',
                'images/gallery/veg12.jpg'
                    ],
                    align: true,
                    getViewAllText: function(imgsCount) { return 'View all' }
                });
                $('#gallery3').imagesGrid({
                    images: [
   				'images/gallery/greens1.jpg',
                'images/gallery/greens2.jpg',
				'images/gallery/IMG_3042.jpg',				
                'images/gallery/IMG_7946.JPG'
                    ],
                    align: true,
                    getViewAllText: function(imgsCount) { return 'View all' }
                });
                $('#gallery4').imagesGrid({
                     images: [
                'images/gallery/sfs04-or.jpg',
                'images/gallery/sfs05-or.JPG',
                'images/gallery/sfs06-or.JPG',
                'images/gallery/IMG-20160520-WA0006.jpg',
				'images/gallery/IMG_6804.JPG',
                'images/gallery/IMG_7267.JPG',
				'images/gallery/IMG_3127.jpg',
				
                'images/gallery/IMG_3015.jpg'
                    ],
                    align: true,
                    getViewAllText: function(imgsCount) { return 'View all' }
                });
                $('#gallery5').imagesGrid({
                     images: [
                'images/gallery/other image 1.jpg',
                'images/gallery/other image 2.jfif',
                'images/gallery/other image 3.jfif' 
                    ],
                    align: true,
                    getViewAllText: function(imgsCount) { return 'View all' }
                });

});

</script>

</body>
<style>
	@media only screen and (max-width: 600px) {
	.scann-mobile{
		width: 35%;
		height: 100px;
		margin: 10px 5px;
	}
}
</style>
</html>