Файл: web/contact.html
Строк: 247
<?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 | Contact :: 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">products</a></li><label>/</label>
<li><a href="blog.html">blog</a></li><label>/</label>
<li><a href="contact.html" class="active">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="maine">
<div class="container">
<div class="contact">
<div class="contact-head text-center">
<h3>Contact us</h3>
</div>
<!----- contact-grids ----->
<div class="contact-grids">
<div class="contact-map wow bounceIn animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1578265.0941403757!2d-98.9828708842255!3d39.41170802696131!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited+States!5e0!3m2!1sen!2sin!4v1407515822047"> </iframe>
</div>
<!----- contact-form ------>
<div class="contact-form wow bounceInRight animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<form>
<div class="contact-form-row">
<div>
<span>Name :</span>
<input type="text" class="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
</div>
<div>
<span>Email :</span>
<input type="text" class="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
</div>
<div>
<span>Subject :</span>
<input type="text" class="text" value="" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}">
</div>
<div class="clearfix"> </div>
</div>
<div class="clearfix"> </div>
<div class="contact-form-row2 wow bounceInLeft animated" data-wow-delay="0.4s" style="visibility: visible; -webkit-animation-delay: 0.4s;">
<span>Message :</span>
<textarea> </textarea>
</div>
<input type="submit" value="send">
</form>
</div>
<!----- contact-form ------>
</div>
<!----- contact-grids ----->
</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>
?>