Файл: web/products.html
Строк: 212
<?php
<!--
Au<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Cultivation a Agriculture Category Flat Bootstarp Resposive Website Template | Products :: w3layouts</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<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="Cultivation Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.11.1.min.js"></script>
<link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
<!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
});
});
</script>
<!---End-smoth-scrolling---->
<link rel="stylesheet" href="css/swipebox.css">
<script src="js/jquery.swipebox.min.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(".swipebox").swipebox();
});
</script>
<!--Animation-->
<script src="js/wow.min.js"></script>
<link href="css/animate.css" rel='stylesheet' type='text/css' />
<script>
new WOW().init();
</script>
<!---/End-Animation---->
</head>
<body>
<div class="header head-top " id="home">
<div class="container">
<div class="header-top">
<div class="top-menu">
<span class="menu"><img src="images/nav.png" alt=""/> </span>
<ul>
<li><a href="index.html">home</a></li><label>/</label>
<li><a href="about.html">About</a></li><label>/</label>
<li><a href="services.html">Services</a></li><label>/</label>
<li><a href="products.html" class="active">products</a></li><label>/</label>
<li><a href="blog.html">blog</a></li><label>/</label>
<li><a href="contact.html">Contact</a></li>
</ul>
<!-- script for menu -->
<script>
$("span.menu").click(function(){
$(".top-menu ul").slideToggle("slow" , function(){
});
});
</script>
<!-- //script for menu -->
</div>
<div class="search">
<form>
<input type="text" value="Search.." onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" >
<input type="submit" value="">
</form>
</div>
<div class="clearfix"></div>
</div>
<div class="logo logo1">
<a href="index.html">cultivation</a>
</div>
</div>
</div>
<div class="content">
<div class="project-section wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<div class="container">
<h3>products</h3>
<div class="port-grids">
<div class="port1">
<div class="col-md-4 port-grid">
<a href="images/p10.jpg" class="swipebox"><img src="images/p10.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-4 port-grid">
<a href="images/p11.jpg" class="swipebox"><img src="images/p11.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-4 port-grid">
<a href="images/p12.jpg" class="swipebox"><img src="images/p12.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="clearfix"></div>
</div>
<div class="port2">
<div class="col-md-4 port-grid">
<a href="images/p13.jpg" class="swipebox"><img src="images/p13.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-4 port-grid">
<a href="images/p14.jpg" class="swipebox"><img src="images/p14.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-4 port-grid">
<a href="images/p15.jpg" class="swipebox"><img src="images/p15.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="clearfix"></div>
</div>
<div class="port3">
<div class="col-md-4 port-grid">
<a href="images/p16.jpg" class="swipebox"><img src="images/p16.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-4 port-grid">
<a href="images/p17.jpg" class="swipebox"><img src="images/p17.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="col-md-4 port-grid">
<a href="images/p18.jpg" class="swipebox"><img src="images/p18.jpg" class="img-responsive" alt="" /></a>
</div>
<div class="clearfix"></div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
</div>
<div class="categories-section">
<div class="container">
<div class="footer-grids">
<div class="col-md-4 up wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<h3>upcome events</h3>
<div class="up1">
<div class="up-img">
<img src="images/im1.jpg">
</div>
<div class="up-text">
<a href="#">sagittis magna</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="up1">
<div class="up-img">
<img src="images/im2.jpg">
</div>
<div class="up-text">
<a href="#">Integer molest</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="clearfix"></div>
</div>
<div class="up1">
<div class="up-img">
<img src="images/im3.jpg">
</div>
<div class="up-text">
<a href="#">Fusce suscipit</a>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
<div class="clearfix"></div>
</div>
</div>
<div class="col-md-4 cat wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<h3>Categories</h3>
<ul>
<li>Praesent vestim molestie lacus.</li>
<li>Cras consequat iaculis lorem</li>
<li>Consectetur adipiscing iaculis</li>
<li>Lorem ipsum dolor sit</li>
<li>Cum sociis natoque penatibus et magnis </li>
<li>Integer molestie lorem</li>
<li>lorem,Cras consequat iaculis id vehicula</li>
</ul>
</div>
<div class="col-md-4 cont wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<h3>contact</h3>
<ul>
<li><i class="phone"></i></li>
<li><p>1-000-000-0000</p>
<p>1-000-000-0000</p></li>
</ul>
<ul>
<li><i class="smartphone"></i></li>
<li><p>Seventh Avenue</p>
<p> Chelsea, Manhattan</p></li>
</ul>
<ul>
<li><i class="message"></i></li>
<li><a href="mailto:example@mail.com">bcdefg@hijs.dfh</a>
<a href="mailto:example@mail.com">fjashfaf@jkfs.ckd</a></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<div class="footer-section">
<div class="container">
<div class="footer-top">
<div class="social-icons wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<a href="#"><i class="icon1"></i></a>
<a href="#"><i class="icon2"></i></a>
<a href="#"><i class="icon3"></i></a>
<a href="#"><i class="icon4"></i></a>
</div>
</div>
<div class="footer-middle wow fadeInDown Big animated animated" data-wow-delay="0.4s">
<div class="bottom-menu">
<ul>
<li><a href="index.html">home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="products.html">products</a></li>
<li><a href="blog.html">blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="footer-bottom wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<p> Copyright ©2015 All rights Reserved | Design by<a href="http://w3layouts.com" target="target_blank">W3Layouts</a></p>
</div>
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</div>
</div>
</body>
</html>
?>