Contacts.html
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contacts</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/jquery-1.5.2.js" ></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/cufon-replace.js"></script>
<script type="text/javascript" src="js/Cabin_400.font.js"></script>
<script type="text/javascript" src="js/tabs.js"></script>
<script type="text/javascript" src="js/jquery.jqtransform.js" ></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript" src="js/atooltip.jquery.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<style type="text/css">
.main, .tabs ul.nav a, .content, .button1, .box1, .top { behavior:url(js/PIE.htc)}
</style>
<![endif]-->
<!--[if lt IE 7]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/images/upgrade.jpg" border="0" alt="" /></a>
</div>
<![endif]-->
</head>
<body id="page6">
<div class="main">
<!--header -->
<header>
<div class="wrapper">
<h1><a href="index.html" id="logo">Air lines</a></h1>
<span id="slogan">Fast, Frequent & Safe Flights</span>
<nav id="top_nav">
<ul>
<li><a href="index.html" class="nav1">Home</a></li>
<li><a href="#" class="nav2">Sitemap</a></li>
<li><a href="Contacts.html" class="nav3">Contact</a></li>
</ul>
</nav>
</div>
<nav>
<ul id="menu">
<li><a href="index.html"><span><span>About</span></span></a></li>
<li><a href="Offers.html"><span><span>Offers</span></span></a></li>
<li><a href="Book.html"><span><span>Book</span></span></a></li>
<li><a href="Services.html"><span><span>Services</span></span></a></li>
<li><a href="Safety.html"><span><span>Safety</span></span></a></li>
<li id="menu_active" class="end"><a href="Contacts.html"><span><span>Contacts</span></span></a></li>
</ul>
</nav>
</header><div class="ic">More Website Templates</div>
<!-- / header -->
<!--content -->
<section id="content">
<div class="wrapper pad1">
<article class="col1">
<div class="box1">
<h2 class="top">Contact Us</h2>
<div class="pad">
<div class="wrapper pad_bot1">
<p class="cols pad_bot2"><strong>Country:<br>
City:<br>
Address:<br>
Email:</strong></p>
<p class="color1 pad_bot2">USA<br>
San Diego<br>
Beach st. 54<br>
<a href="mailto:">airlines@mail.com</a></p>
</div>
</div>
<h2>Miscellaneous Info</h2>
<div class="pad pad_bot1">
<p class="pad_bot2">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inven- tore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolore ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat volup- tatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam.</p>
</div>
</div>
</article>
<article class="col2">
<h3 class="pad_top1">Contact Form</h3>
<form id="ContactForm">
<div>
<div class="wrapper">
<span>Name:</span>
<input type="text" class="input" >
</div>
<div class="wrapper">
<span>Email:</span>
<input type="text" class="input" >
</div>
<div class="textarea_box">
<span>Message:</span>
<textarea name="textarea" cols="1" rows="1"></textarea>
</div>
<a href="#" class="button1" onClick="document.getElementById('ContactForm').submit()"><strong>Send</strong></a>
<a href="#" class="button1" onClick="document.getElementById('ContactForm').reset()"><strong>Clear</strong></a>
</div>
</form>
</article>
</div>
</section>
<!--content end-->
<!--footer -->
<footer>
<div class="wrapper">
<ul id="icons">
<li><a href="#" class="normaltip" title="Facebook"><img src="images/icon1.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Delicious"><img src="images/icon2.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Stumble Upon"><img src="images/icon3.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Twitter"><img src="images/icon4.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Linkedin"><img src="images/icon5.jpg" alt=""></a></li>
<li><a href="#" class="normaltip" title="Reddit"><img src="images/icon6.jpg" alt=""></a></li>
</ul>
<div class="links">
Copyright © 2014.Company name All rights reserved.<a target="_blank" href="http://www.mycodes.net">网页模板</a></div>
</div>
</footer>
<!--footer end-->
</div>
<script type="text/javascript"> Cufon.now(); </script>
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
</body>
</html>
扫一扫
2万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
