<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sailing Theme - Contact Form</title>
<meta name="keywords" content="sailing, contact form, web design, free templates, website templates, CSS, HTML" />
<meta name="description" content="Sailing Contact Form - free website template provided by templatemo.com" />
<link href="templatemo_style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="content_slider_style.css" />
<script type="text/javascript" src="js/jquery.1.3.2.min.js" ></script>
<script type="text/javascript" src="js/jquery-ui.min.js" ></script>
<script type="text/javascript">
$(document).ready(function(){
$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
});
</script>
</head>
<body>
<div id="templatemo_wrapper_outer">
<div id="templatemo_wrapper">
<div id="templatemo_header">
<div id="site_title">
<h1><a href="#"><img src="images/templatemo_logo.png" alt="logo" /><span>Free CSS Templates</span></a></h1>
</div> <!-- end of site_title -->
<div id="templatemo_menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="news.html">News</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="contact.html" class="current">Contact</a></li>
</ul>
</div> <!-- end of templatemo_menu -->
</div> <!-- end of templatemo_header -->
<div id="templatemo_slider">
<div id="featured" >
<ul class="ui-tabs-nav">
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-1"><a href="#fragment-1"><img src="images/content_slider/image1-small.jpg" alt="Image1small" /><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-2"><a href="#fragment-2"><img src="images/content_slider/image2-small.jpg" alt="Image2small" /><span> Vestibulum ante ipsum primis in faucibus orci luctus et</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-3"><a href="#fragment-3"><img src="images/content_slider/image3-small.jpg" alt="Image3small" /><span>Nullam commodo, lorem id varius hendrerit</span></a></li>
<li class="ui-tabs-nav-item" id="nav-fragment-4"><a href="#fragment-4"><img src="images/content_slider/image4-small.jpg" alt="Image4small" /><span>Etiam congue, leo sit amet iaculis interdum</span></a></li>
</ul>
<!-- First Content -->
<div id="fragment-1" class="ui-tabs-panel" style="">
<img src="images/content_slider/image1.jpg" alt="Image 1" />
<div class="info" >
<h2><a href="#" >Lorem ipsum dolor sit amet, consectetur adipiscing elit</a></h2>
<p>Praesent non nulla diam, a rutrum nisl. Quisque vehicula, lorem in ultrices porta, turpis diam ornare justo, in porttitor magna sem non eros....<a href="#" >read more</a></p>
</div>
</div>
<!-- Second Content -->
<div id="fragment-2" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/content_slider/image2.jpg" alt="Image 2" />
<div class="info" >
<h2><a href="#" >Vestibulum ante ipsum primis in faucibus orci luctus et</a></h2>
<p>Vestibulum leo quam, accumsan nec porttitor a, euismod ac tortor. Sed ipsum lorem, sagittis non egestas id, suscipit....<a href="#" >read more</a></p>
</div>
</div>
<!-- Third Content -->
<div id="fragment-3" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/content_slider/image3.jpg" alt="Image 3" />
<div class="info" >
<h2><a href="#" >Nullam commodo, lorem id varius hendrerit</a></h2>
<p>Nulla arcu turpis, ultricies a tempor at, vehicula consequat mi. Vivamus venenatis dui eget lacus adipiscing ornare. Praesent ultrices molestie nulla at semper. Morbi turpis lacus.....<a href="#" >read more</a></p>
</div>
</div>
<!-- Fourth Content -->
<div id="fragment-4" class="ui-tabs-panel ui-tabs-hide" style="">
<img src="images/content_slider/image4.jpg" alt="Image 4" />
<div class="info" >
<h2><a href="#" >Etiam congue, leo sit amet iaculis interdum</a></h2>
<p>Quisque sed orci ut lacus viverra interdum ornare sed est. Donec porta, erat eu pretium luctus, leo augue sodales....<a href="#" >read more</a></p>
</div>
</div>
</div>
</div> <!-- end of templatemo_slider -->
<div id="templatemo_content">
<div class="col_w600">
<h2>Contact Information</h2>
<p>Suspendisse sed odio ut mi auctor blandit. Duis luctus nulla metus, a vulputate mauris. Integer sed nisi sapien, ut gravida mauris. Nam et tellus libero. Cras purus libero, dapibus nec rutrum in, dapibus nec risus. Ut interdum mi sit amet magna feugiat auctor. Validate <a href="#" rel="nofollow"><strong>XHTML</strong></a> & <a href="#" rel="nofollow"><strong>CSS</strong></a>.</p>
<div class="cleaner_h30"></div>
<div class="col_w280 float_l">
<h6>Location One</h6>
144-366 Quisque ornare mi nec dolor, <br />
Duis porta mi in est imperdiet, 11260<br />
Aliquam lorem nibh<br /><br />
Tel: 040-060-8800<br />
Fax: 040-060-7700<br />
</div>
<div class="col_w280 float_r">
<h6>Location Two</h6>
288-355 Mauris bibendum nunc nisi, <br />
Donec sit amet placerat justo, 13600<br />
Siam a mollis tempor<br /><br />
Tel: 020-040-3340<br />
Fax: 020-040-6640<br />
</div>
<div class="cleaner_h50"></div>
<div id="contact_form">
<h4>Quick Contact Form</h4>
<form method="post" name="contact" action="#">
<div class="col_w280 float_l">
<label for="author">Name:</label> <input type="text" id="author" name="author" class="required input_field" />
<div class="cleaner_h10"></div>
<label for="email">Email:</label> <input type="text" id="email" name="email" class="validate-email required input_field" />
<div class="cleaner_h10"></div>
<label for="subject">Subject:</label> <input type="text" name="subject" id="subject" class="input_field" />
<div class="cleaner_h10"></div>
</div>
<div class="col_w280 float_r">
<label for="text">Message:</label> <textarea id="text" name="text" rows="0" cols="0" class="required"></textarea>
<div class="cleaner_h10"></div>
<input type="submit" class="submit_btn float_l" name="submit" id="submit" value="Send" />
<input type="reset" class="submit_btn float_r" name="reset" id="reset" value="Reset" />
</div>
</form>
</div>
</div>
<div class="col_w300 col_last">
<h2>OUR <span>NEWS</span></h2>
<div class="sb_news_box"><img src="images/templatemo_image_04.jpg" alt="TemplatemoImage04" />
<h6><a href="#">Ut volutpat erat nec mauris</a></h6>
Fusce sem nulla, rutrum ac suscipit eget, commodo vitae est.
<div class="cleaner"></div>
</div>
<div class="sb_news_box">
<img src="images/templatemo_image_05.jpg" alt="TemplatemoImage05" />
<h6><a href="#">Vestibulum pharetra tortor</a></
天空白云清爽简洁模板下载_蓝色 蓝天 白云 背景 清爽 清晰 简洁 幻灯 大海 透明 漂亮_html网站模板_网页源码.rar （50个子文件） 
天空白云清爽简洁模板下载_蓝色 蓝天 白云 背景 清爽 清晰 简洁 幻灯 大海 透明 漂亮 template_322_sailing js 
jquery-ui.min.js 180KB jquery.1.3.2.min.js 56KB content_slider_style.css 2KB
services.html 11KB index.html 11KB contact.html 12KB about.html 11KB images 
myspace.png 4KB
templatemo_image_05.jpg 2KB templatemo_image_02.jpg 6KB templatemo_sp_box.png 6KB onebit_16.png 942B templatemo_logo.png 4KB onebit_19.png 3KB templatemo_button_hover.png 545B templatemo_footer.png 180B templatemo_button.png 529B templatemo_menu_hover.png 992B onebit_15.png 2KB templatemo_menu.png 434B onebit_18.png 899B templatemo_wrapper_bottom.jpg 51KB templatemo_image_08.jpg 2KB templatemo_image_03.jpg 13KB content_slider image1.jpg 24KB image4.jpg 26KB ui-tabs-nav-bg.png 2KB image2-small.jpg 3KB image2.jpg 73KB
selected-item.gif 335B image3.jpg 33KB transparent-bg.gif 43B image1-small.jpg 2KB image4-small.jpg 2KB transparent-bg.png 115B image3-small.jpg 2KB twitter.png 4KB technorati.png 4KB templatemo_body.jpg 534B facebook.png 4KB templatemo_wrapper.jpg 25KB templatemo_image_07.jpg 1KB linkedin.png 4KB templatemo_list.png 235B templatemo_image_04.jpg 10KB templatemo_footer_top.png 259B templatemo_image_01.jpg 10KB templatemo_image_06.jpg 1KB templatemo_style.css 7KB news.html 11KB资源评论
dunming_6725413
- 粉丝: 20
- 资源: 6947
最新资源
- C语言-leetcode题解之70-climbing-stairs.c
- C语言-leetcode题解之68-text-justification.c
- C语言-leetcode题解之66-plus-one.c
- C语言-leetcode题解之64-minimum-path-sum.c
- C语言-leetcode题解之63-unique-paths-ii.c
- C语言-leetcode题解之62-unique-paths.c
- C语言-leetcode题解之61-rotate-list.c
- C语言-leetcode题解之59-spiral-matrix-ii.c
- C语言-leetcode题解之58-length-of-last-word.c
- 计算机编程课程设计基础教程
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
