繼續學習
Contacts.htmljavascript
<!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>
相關文章
- 1. 繼續學習
- 2. 繼續學習GIT
- 3. vue 繼續學習
- 4. React Native 繼續學習
- 5. JAVA GUI學習 繼續
- 6. mvp和rxjava繼續學習
- 7. js學習筆記 （繼續）
- 8. 學習 kity 筆記(三) 繼續 SVG
- 9. 繼續學習freertos消息隊列
- 10. Android RecyclerView（四）繼續學習BRVAH
- 更多相關文章...
- • 您已經學習了 XML Schema，下一步學習什麼呢？ - XML Schema 教程
- • 我們已經學習了 SQL，下一步學習什麼呢？ - SQL 教程
- • Tomcat學習筆記（史上最全tomcat學習筆記）
- • 適用於PHP初學者的學習線路和建議
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 繼續學習
- 2. 繼續學習GIT
- 3. vue 繼續學習
- 4. React Native 繼續學習
- 5. JAVA GUI學習 繼續
- 6. mvp和rxjava繼續學習
- 7. js學習筆記 （繼續）
- 8. 學習 kity 筆記(三) 繼續 SVG
- 9. 繼續學習freertos消息隊列
- 10. Android RecyclerView（四）繼續學習BRVAH