Gallery/title>  <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href="css/style.css" rel='stylesheet' type='text/css' />  <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>  <script src="js/jquery-1.12.0.min.js"></script> <script src="js/bootstrap.js"></script>   <link href="css/animate.css" rel="stylesheet" type="text/css" media="all"> <script src="js/wow.min.js"></script> <script> new WOW().init(); </script>   <link href='http://fonts.useso.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'> <link href='http://fonts.useso.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>   <script src="js/modernizr.custom.97074.js"></script> <script src="js/jquery.chocolat.js"></script> <link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">  <script type="text/javascript"> $(function() { $('.gallery-bottom a').Chocolat(); }); </script>  </head> <body>   <div class="header-section"> <div class="container"> <div class="head-bottom"> <div class="logo wow fadeInDownBig animated animated" data-wow-delay="0.4s"> <h1><a href="index.html">Agrox<span>Farming company</span></a></h1> </div> </div> </div> </div>   <div class="banner banner1"> <div class="container"> <nav class="navbar navbar-default"> <div class="container-fluid">  <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> </div>  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav"> <li><a href="index.html" class="wow fadeInDownBig" data-wow-delay=".1s">Home <span class="sr-only">(current)</span></a></li> <li><a href="about.html" class="wow fadeInDownBig" data-wow-delay=".2s">About</a></li> <li><a href="services.html" class="wow fadeInDownBig" data-wow-delay=".4s">Services</a></li> <li class="active"><a href="gallery.html" class="wow fadeInDownBig" data-wow-delay=".6s">Gallery</a></li> <li><a href="codes.html" class="wow fadeInDownBig" data-wow-delay=".7s">Codes</a></li> <li><a href="contact.html" class="wow fadeInDownBig" data-wow-delay=".9s">Contact</a></li> </ul> </div> </div> </nav> </div> </div>   <div class="content">  <div class="gallery wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;"> <div class="container"> <div class="gallery-top heading"> <h2>Gallery</h2> </div> <div class="gallery-bottom grid"> <div class="g-1"> <div class="col-md-3 g-left"> <a href="images/g1.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <figure class="effect-oscar"> <img src="images/g1.jpg" alt=""/> <figcaption> <h4>Sed id dolor</h4> <p>Vestibulum mollis mollis elit nec ullamcorper</p> </figcaption> </figure> </a> </div> <div class="col-md-3 g-left"> <a href="images/g2.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <figure class="effect-oscar"> <img src="images/g2.jpg" alt=""/> <figcaption> <h4>Sed id dolor</h4> <p>Vestibulum mollis mollis elit nec ullamcorper</p> </figcaption> </figure> </a> </div> <div class="col-md-6 g-right"> <a href="images/g3.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <figure class="effect-oscar"> <img src="images/g3.jpg" alt="img09"/> <figcaption> <h4>Sed id dolor</h4> <p>Vestibulum mollis mollis elit nec ullamcorper</p> </figcaption> </figure> </a> </div> <div class="clearfix"> </div> </div> <div class="g-2"> <div class="col-md-6 g-right"> <a href="images/g4.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <figure class="effect-oscar"> <img src="images/g4.jpg" alt="img09"/> <figcaption> <h4>Sed id dolor</h4> <p>Vestibulum mollis mollis elit nec ullamcorper</p> </figcaption> </figure> </a> </div> <div class="col-md-3 g-left"> <a href="images/g5.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <figure class="effect-oscar"> <img src="images/g5.jpg" alt="img09"/> <figcaption> <h4>Sed id dolor</h4> <p>Vestibulum mollis mollis elit nec ullamcorper</p> </figcaption> </figure> </a> </div> <div class="col-md-3 g-left"> <a href="images/g6.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <figure class="effect-oscar"> <img src="images/g6.jpg" alt="img09"/> <figcaption> <h4>Sed id dolor</h4> <p>Vestibulum mollis mollis elit nec ullamcorper</p> </figcaption> </figure> </a> </div> <div class="clearfix"> </div> </div> <div class="g-2"> <div class="col-md-3 g-left"> <a href="images/g7.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <figure class="effect-oscar"> <img src="images/g7.jpg" alt="img09"/> <figcaption> <h4>Sed id dolor</h4> <p>Vestibulum mollis mollis elit nec ullamcorper</p> </figcaption> </figure> </a> </div> <div class="col-md-3 g-left"> <a href="images/g1.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <figure class="effect-oscar"> <img src="images/g1.jpg" alt="img09"/> <figcaption> <h4>Sed id dolor</h4> <p>Vestibulum mollis mollis elit nec ullamcorper</p> </figcaption> </figure> </a> </div> <div class="col-md-6 g-right"> <a href="images/g9.jpg" rel="title" class="b-link-stripe b-animate-go thickbox"> <figure class="effect-oscar"> <img src="images/g9.jpg" alt="img09"/> <figcaption> <h4>Sed id dolor</h4> <p>Vestibulum mollis mollis elit nec ullamcorper</p> </figcaption> </figure> </a> </div> <div class="clearfix"> </div> </div> </div> </div> </div>  </div>  <div class="footer-section"> <div class="container"> <div class="footer-grids"> <div class="col-md-3 footer-grid wow fadeInRight animated" data-wow-delay=".5s"> <h4>About</h4> <ul> <li>Customer focus</li> <li>Sed laoreet aliqu</li> <li>Dapibus eget elem</li> <li>Performance</li> <li>Innovation</li> <li>Responsibility</li> </ul> </div> <div class="col-md-3 footer-grid wow fadeInDownBig animated" data-wow-delay=".5s"> <h4>Solutions</h4> <ul> <li>Contact Center</li> <li>Customer Support</li> <li>Dapibus eget elem</li> <li>Help Desk</li> <li>Web Self-Service</li> <li>Performance Metrics</li> </ul> </div> <div class="col-md-3 footer-grid wow fadeInUpBig animated" data-wow-delay=".5s"> <h4>Work</h4> <ul> <li>Customer Support</li> <li>Platinum Support</li> <li>Gold Support</li> <li>Training</li> <li>Workshops</li> <li>Online Training</li> </ul> </div> <div class="col-md-3 footer-grid wow fadeInRight animated" data-wow-delay=".5s"> <h4>Contact</h4> <p>9801 Marmora Road</p> <p>Glasgow, DO4 98GR.</p> <p>Freephone: +1 900 448 9990</p> <p>Telephone: +1 459 503 7035</p> <p>FAX: + 1 304 789 7898</p> <a href="mailto:example@mail.com"> example@mail.com</a> </div> <div class="clearfix"></div> </div> </div> </div>   <div class="copy-section wow fadeInRight animated" data-wow-delay=".5s""> <div class="container"> <div class="social-icons"> <a href="#"><i class="icon"></i></a> <a href="#"><i class="icon1"></i></a> <a href="#"><i class="icon2"></i></a> <a href="#"><i class="icon3"></i></a> </div> <p>Copyright © 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">网页模板</a></p> </div> </div>  </body> </html>