<!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
最新资源
- 毕业设计- 基于麦克风阵列的声源定位系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计- 基于Thinkphp3.2的毕设选题系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于 Hadoop 的游戏数据分析系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于android的酒店预订系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于 Spring Boot 的高并发选课系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于.Net5与Vue下的BBSWikiBlog毕业设计-系统（含演示）全部资料+详细文档+高分项目+源码.zip
- 实景三维陕西省建设实施方案（2023-2025年）
- 毕业设计-基于Android的人脸门禁系统全部资料+详细文档+高分项目+源码.zip
- 基于Matlab实现无刷直流电机仿真（模型+说明文档）.rar
- 毕业设计-基于d2-admin的毕业设计-系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于express，redis，mongodb在线答题系统后台全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于Java Web的智能二维码门禁管理系统全部资料+详细文档+高分项目+源码.zip
- 某房地产瑞六补环境部分代码
- 毕业设计-基于Java 中 SSH 框架的 物流配送管理系统全部资料+详细文档+高分项目+源码.zip
- 毕业设计-基于Java的超市管理系统全部资料+详细文档+高分项目+源码.zip
- 两阶段鲁棒优化模型 多场景 采用matlab编程两阶段鲁棒优化程序，考虑四个场景，模型采用列与约束生成（CCG）算法进行求解，场景分布的概率置信区间由 1-范数和∞-范数约束，程序含拉丁超立方抽样+k
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
