<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http//www.w3.org/1999/xhtml">
<head>
<title>HotWebsiteTemplates.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/arial.js"></script>
<script type="text/javascript" src="js/cuf_run.js"></script>
<!-- CuFon ends -->
<script src="js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
$(function(){
$('#contactform').submit(function(){
var action = $(this).attr('action');
$.post(action, {
name: $('#name').val(),
email: $('#email').val(),
company: $('#company').val(),
subject: $('#subject').val(),
message: $('#message').val()
},
function(data){
$('#contactform #submit').attr('disabled','');
$('.response').remove();
$('#contactform').before('<p class="response">'+data+'</p>');
$('.response').slideDown();
if(data=='Message sent!') $('#contactform').slideUp();
}
);
return false;
});
});
// ]]>
</script>
</head>
<body>
<div class="main">
<div class="header">
<div class="header_resize">
<div class="logo"><h1><a href="index.html"><span>Company</span> name<br /><small>Put your slogan here</small></a></h1></div>
<div class="clr"></div>
<div class="menu">
<ul>
<li><a href="index.html"><span>Home</span></a></li>
<li><a href="services.html"><span>Services</span></a></li>
<li><a href="about.html"><span>About Us</span></a></li>
<li><a href="contact.html" class="active"><span>Contact Us</span></a></li>
</ul>
</div>
<div class="search">
<form id="form1" name="form1" method="post" action="">
<label><span>
<input name="q" type="text" class="keywords" id="textfield" maxlength="50" value="Search..." />
</span>
<input name="b" type="image" src="images/search.gif" class="button" />
</label>
</form>
</div>
<div class="clr"></div>
</div>
<div class="headert_text_resize">
<img src="images/img_main.jpg" alt="img" width="970" height="338" />
</div>
<div class="clr"></div>
</div>
<div class="body">
<div class="body_resize">
<div class="left">
<h2>Contact information<br />
<span> March 16, 2010 | Posted by Owner | Filed under templates, internet</span> </h2>
<p>Pellentesque elementum, felis nec vulputate facilisis, ligula mauris suscipit mi, id imperdiet metus quam sed erat. Mauris lectus ligula, scelerisque quis cursus eu, lacinia eu magna. Donec et orci justo. Donec id quam turpis. Curabitur sit amet fermentum turpis. Etiam blandit accumsan purus ut sodales. Maecenas ante risus, facilisis vel semper a, venenatis ut dui. </p>
<h2>Contact Form</h2>
<form action="contact.php" method="post" id="contactform">
<ol>
<li>
<label for="name">Your Name*</label>
<input id="name" name="name" class="text" />
</li>
<li>
<label for="email">E-Mail*</label>
<input id="email" name="email" class="text" />
</li>
<li>
<label for="company">Website</label>
<input id="company" name="company" class="text" />
</li>
<li>
<label for="message">Your Message*</label>
<textarea id="message" name="message" rows="6" cols="50"></textarea>
</li>
<li class="buttons">
<input type="submit" name="imageField" id="imageField" value="Send message" class="send" />
<div class="clr"></div>
</li>
</ol>
</form>
</div>
<div class="right">
<h2>Sponsors</h2>
<ul class="sponsors">
<li class="sponsors"><a href="#" title="Website Templates">DreamTemplate</a><br />Over 6,000+ Premium Web Templates</li>
<li class="sponsors"><a href="#" title="WordPress Themes">TemplateSOLD</a><br />Premium WordPress & Joomla Themes</li>
<li class="sponsors"><a href="#" title="Affordable Hosting">ImHosted.com</a><br />Affordable Web Hosting Provider</li>
<li class="sponsors"><a href="#" title="Free WordPress Themes">FreeThemeLayouts</a><br />Free WordPress Themes</li>
<li class="sponsors"><a href="#" title="Website Builder">Evrsoft</a><br />Website Builder Software & Tools</li>
<li class="sponsors"><a href="#" title="Stock Icons">MyVectorStore</a><br />Royalty Free Stock Icons</li>
</ul>
</div>
<div class="clr"></div>
</div>
</div>
<div class="FBG">
<div class="FBG_resize">
<div class="blok">
<h2><span>Image</span> Gallery</h2>
<img src="images/gallery_1.gif" alt="img" width="68" height="68" /><img src="images/gallery_2.gif" alt="img" width="68" height="68" /><img src="images/gallery_3.gif" alt="img" width="68" height="68" /><img src="images/gallery_4.gif" alt="img" width="68" height="68" /><img src="images/gallery_5.gif" alt="img" width="68" height="68" /><img src="images/gallery_6.gif" alt="img" width="68" height="68" />
<div class="clr"></div>
<h2>Contact Info </h2>
<p><strong>Phone</strong>: +1234567<br />
<strong>Address</strong>: 123 Put Your Address Here <br />
<strong>E-mail:</strong> me@example.com<br />
<a href="#">contact page</a></p>
</div>
<div class="blok">
<h2><span>Lorem</span> Ipsum</h2>
<p>Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. <br />
Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
<ul>
<li><a href="#">• consequat molestie</a></li>
<li><a href="#">• sem justo</a></li>
<li><a href="#">• semper</a></li>
<li><a href="#">• magna sed purus</a></li>
</ul>
</div>
<div class="blok">
<h2>Lorem Ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. llorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. <a href="#">Learn more...</a></p>
<p><br />
</p>
</div>
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p>© Copyright MyWebSite. Collect from <a href="http//www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
</div>
<div class="clr"></div>
</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
H211_HTML手机电脑网站_网页源码移动端前端js效果_H5模板_自适应css源码ui组件.zip (27个子文件)
H211
style.css 6KB
js
cuf_run.js 59B
arial.js 454KB
cufon-yui.js 18KB
jquery.js 56KB
services.html 6KB
index.html 7KB
contact.html 7KB
about.html 7KB
images
gallery_5.gif 4KB
gallery_4.gif 3KB
img_2.jpg 10KB
l_bg.gif 6KB
logo.gif 5KB
img_main.jpg 40KB
r_bg.gif 5KB
gallery_6.gif 3KB
gallery_1.gif 3KB
header_bg.gif 793B
img_3.jpg 2KB
search.gif 301B
gallery_3.gif 3KB
r_menu.gif 867B
search_bg.gif 364B
l_menu.gif 409B
img_1.jpg 12KB
gallery_2.gif 3KB
共 27 条
- 1
资源评论
2201_75761617
- 粉丝: 21
- 资源: 7339
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功