File: /www/wwwroot/www.hkkuy.com/lk/fullsite/contact.html
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>
<!-- Basic Page Needs
================================================== -->
<meta charset="utf-8">
<title>zSoccer</title>
<meta name="description" content="">
<meta name="author" content="sc.chinaz.com">
<!-- Mobile Specific Metas
================================================== -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- CSS
================================================== -->
<link rel="stylesheet" href="css/zerogrid.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/menu.css">
<link rel="stylesheet" href="css/responsiveslides.css">
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<script src="js/jquery-latest.min.js"></script>
<script src="js/script.js"></script>
<script src="js/jquery183.min.js"></script>
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow
$("#slider").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 500,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<script src="js/css3-mediaqueries.js"></script>
<![endif]-->
</head>
<body>
<div class="wrap-body">
<!-- /////////////////////////////////////////Top -->
<div class="top">
<div class="zerogrid">
<div class="row">
<div class="f-left">
<span><i class="fa fa-map-marker"></i> Brooklyn, NY 10036, United States </span>
<span><i class="fa fa-phone"></i> 1-800-123-1234; 1-800-123-5678</span>
<span><i class="fa fa-envelope"></i> example.com</span>
</div>
<div class="f-right">
<span>Don't walk through life just playing football.</span>
</div>
</div>
</div>
</div>
<!--////////////////////////////////////Header-->
<header>
<div class="wrap-header zerogrid">
<div class="row">
<div id="cssmenu">
<ul>
<li class='active'><a href="index.html">Home</a></li>
<li><a href="archive.html">Blog</a></li>
<li><a href="single.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<a href='index.html' class="logo"><img src="images/logo.png" /></a>
</div>
</div>
</header>
<div class="bg-white">
<div class="zerogrid">
<div class='embed-container maps'>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3164.289259162295!2d-120.7989351!3d37.5246781!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8091042b3386acd7%3A0x3b4a4cedc60363dd!2sMain+St%2C+Denair%2C+CA+95316%2C+Hoa+K%E1%BB%B3!5e0!3m2!1svi!2s!4v1434016649434" width="100%" height="450px" frameborder="0" style="border: 0"></iframe>
</div>
</div>
</div>
<!--////////////////////////////////////Container-->
<section id="container">
<div class="zerogrid">
<div class="wrap-container clearfix">
<div id="main-content">
<div class="wrap-box"><!--Start Box-->
<div class="row">
<div class="col-2-3">
<div class="wrap-col">
<div class="contact">
<div class="contact-header">
<h5>Contact Form</h5>
</div>
<div id="contact_form">
<form name="form1" id="ff" method="post" action="contact.php">
<label class="row">
<div class="col-1-2">
<div class="wrap-col">
<input type="text" name="name" id="name" placeholder="Enter name" required="required" />
</div>
</div>
<div class="col-1-2">
<div class="wrap-col">
<input type="email" name="email" id="email" placeholder="Enter email" required="required" />
</div>
</div>
</label>
<label class="row">
<div class="wrap-col">
<textarea name="message" id="message" class="form-control" rows="4" cols="25" required="required"
placeholder="Message"></textarea>
</div>
</label>
<center><input class="sendButton" type="submit" name="submitcontact" value="Submit"></center>
</form>
</div>
</div>
</div>
</div>
<div class="col-1-3">
<div class="wrap-col">
<div class="contact-header">
<h5>Contact Info</h5>
</div>
<div style="background: #fff; padding: 20px; box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.3);">
<span>SED UT PERSPICIATIS UNDE OMNIS ISTE NATUS ERROR SIT VOLUPTATEM ACCUSANTIUM DOLOREMQUE.</span>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque la udantium, totam rem aperiam, eaque ipsa quae ab illo inventore quasi. Nemo enim ipsam voluptatem quia.</p>
<p>JL.Kemacetan timur no.23. block.Q3<br>
Jakarta-Indonesia</p>
<p>+6221 888 888 90 <br>
+6221 888 88891</p>
<p>info@yourdomain.com</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--////////////////////////////////////Footer-->
<footer>
<div class="zerogrid top-footer">
<div class="row">
<div class="col-1-5">
<a href="#"><img src="images/15.jpg" /></a>
</div>
<div class="col-1-5">
<a href="#"><img src="images/16.jpg" /></a>
</div>
<div class="col-1-5">
<a href="#"><img src="images/17.jpg" /></a>
</div>
<div class="col-1-5">
<a href="#"><img src="images/18.jpg" /></a>
</div>
<div class="col-1-5">
<a href="#"><img src="images/19.jpg" /></a>
</div>
</div>
</div>
<div class="zerogrid wrap-footer">
<div class="row">
<div class="col-1-4 col-footer-1">
<div class="wrap-col">
<h3>About Us</h3>
<p>Ut volutpat consectetur aliquam. Curabitur auctor in nis ulum ornare. Sed consequat, augue condimentum fermentum gravida, metus elit vehicula dui.</p>
<a href="index.html" class="logo"><img src="images/logo.png" /></a>
</div>
</div>
<div class="col-1-4 col-footer-2">
<div class="wrap-col">
<h3>Categories</h3>
<ul>
<li><a href="#">Action</a></li>
<li><a href="#">Romantic</a></li>
<li><a href="#">Cartoon</a></li>
<li><a href="#">Zombies</a></li>
</ul>
</div>
</div>
<div class="col-1-4 col-footer-3">
<div class="wrap-col">
<h3>Flickr Photos</h3>
<div class="row">
<div class="col-1-3">
<div class="wrap-col">
<a href="#"><img src="images/6.jpg" /></a>
<a href="#"><img src="images/7.jpg" /></a>
<a href="#"><img src="images/8.jpg" /></a>
</div>
</div>
<div class="col-1-3">
<div class="wrap-col">
<a href="#"><img src="images/9.jpg" /></a>
<a href="#"><img src="images/6.jpg" /></a>
<a href="#"><img src="images/7.jpg" /></a>
</div>
</div>
<div class="col-1-3">
<div class="wrap-col">
<a href="#"><img src="images/6.jpg" /></a>
<a href="#"><img src="images/7.jpg" /></a>
<a href="#"><img src="images/8.jpg" /></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-1-4 col-footer-4">
<div class="wrap-col">
<h3>Contact</h3>
<span><i class="fa fa-envelope"></i> example@sports-club.com</span>
<span><i class="fa fa-phone"></i> 1-800-123-1234; 1-800-123-5678</span>
<span><i class="fa fa-map-marker"></i> Brooklyn, NY 10036, United States</span>
</div>
</div>
</div>
</div>
</footer>
<div class="copyright">
<div class="zerogrid wrapper">
Copyright © 2016.Company name All rights reserved.<a target="_blank" href="http://guantaow.taobao.com/">厚朴网络淘宝店</a><a target="_blank" href="http://www.moobnn.com"></a>
<ul class="quick-link f-right">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms of Use</a></li>
</ul>
</div>
</div>
<!-- Google Map -->
<script>
$('.maps').click(function () {
$('.maps iframe').css("pointer-events", "auto");
});
$( ".maps" ).mouseleave(function() {
$('.maps iframe').css("pointer-events", "none");
});
</script>
</div>
</body></html>