<!DOCTYPE html>
<html>
<head>
<!-- Your Basic Site Informations -->
<title>The Mask Coming Soon</title>
<meta name="description" content="We are currently working on an awesome new site. Please don't forget to check out tweets and to subscribe!" />
<meta name="keywords" content="HTML, CSS, JavaScript, PHP, Count Down, jQuery, Coming Soon, Template" />
<meta name="author" content="Focpress" />
<!-- Mobile Specific Meta -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- Stylesheets -->
<link rel="stylesheet" type="text/css" href="css/reset.css" />
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<link rel="stylesheet" type="text/css" href="css/font-face.css" />
<link rel="stylesheet" type="text/css" href="css/form.css" />
<link rel="stylesheet" type="text/css" href="css/countdown.css" />
<!-- Javascripts -->
<script type="text/javascript" src="js/jquery-min.js"></script>
<script type="text/javascript" src="js/countdown.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<!-- Javascripts Main Settings Set -->
<script type="text/javascript">
var username = "google"; // Twitter integration username
var date = new Date("01/01/2013"); // countdown end date set
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="wrapper_line_top"></div>
<div id="wrapper_mask_background"></div> <!-- The Mask Background -->
<div class="center_container">
<div id="logo_wrapper">
<img src="images/logo.png" title="The Mask Coming Soon" alt="The Mask Coming Soon" />
</div> <!-- end logo_wrapper -->
<!-- Social media lists -->
<div id="social_media_wrapper">
<a href="#"><img src="images/social/rss_feed.png" title="My RSS Feed" alt="RSS Feed" /></a>
<a href="http://stumbleupon.com/stumbler/"><img src="images/social/stumbleupon.png" title="My Stumbleupon" alt="Stumbleupon" /></a>
<a href="http://plus.google.com"><img src="images/social/google_plus.png" title="My Google Plus" alt="Google Plus" /></a>
<a href="http://twitter.com/"><img src="images/social/twitter.png" title="My Twitter" alt="Twitter" /></a>
<a href="http://facebook.com/"><img src="images/social/facebook.png" title="My Facebook" alt="Facebook" /></a>
</div>
<div id="main_wrapper_top">
<div class="desc">
<h3>We are currently working on an awesome new site. Please don't forget to check out tweets and to subscribe!</h3>
</div>
<!-- Countdown -->
<div class="countdown_back_center">
<div class="countdown_wrap">
<div class="countdown_center">
<div class="countdown"></div>
</div>
</div>
</div>
</div> <!-- end main_wrapper_top -->
</div> <!-- end main_wrapper_center -->
<!-- Subcribe -->
<div id="main_wrapper_subcribe_back">
<div id="main_wrapper_subcribe_center">
<div id="main_wrapper_subcribe">
<form name="subcribe_form" id="subcribe_form" method="post" action="#" />
<input type="text" name="your_email" id="your_email" maxlength="50" value="Please enter your email address to subcribe...." />
</form>
</div>
</div>
</div>
<div class="center_container">
<div id="main_wrapper_bottom">
<!-- One -->
<div class="one">
<h3>Information Details</h3>
<label>Yahoo Messenger</label>
<span class="text">[email protected]</span>
<label>Address</label>
<span class="text">Your complete address here</span>
<label>Telephone Number</label>
<span class="text">+627893749079</span>
<label>About Us</label>
<span class="text">
<span class="about">Donec dignissim leo sit amet nisl luctus vestibulum. Morbi tortor arcu, aliquet nec aliquet at, convallis ut eros. Sed non tellus mauris, vitae congue ante. Nunc imperdiet malesuada pharetra. Duis sodales, arcu tempus rutrum consectetur, sem ante auctor eros, in vehicula magna mauris sit amet est. Mauris ac eros arcu.</span>
<span class="about">Nulla dictum, libero vel hendrerit dictum, libero ipsum sodales quam, sit amet aliquam nulla risus ultricies elit. Curabitur accumsan, lectus consequat dignissim aliquet, ante magna tempus nisl, sit amet feugiat nisi urna ac massa.</span>
</span>
</div>
<!-- Recent tweets -->
<div class="two"></div>
<!-- Three -->
<div class="three">
<h3>Contact Us</h3>
<form name="contact_form" id="contact_form" method="post" action="#" />
<label>Name</label>
<input type="text" name="contact_name" id="contact_name" maxlength="50" placeholder="Please enter yourname..." />
<label>Email*</label>
<input type="text" name="contact_email" id="contact_email" maxlength="50" placeholder="[email protected]" />
<label>Subject*</label>
<input type="text" name="contact_subject" id="contact_subject" maxlength="255" placeholder="Please enter your subject..." />
<label>Message*</label>
<textarea name="contact_message" id="contact_message" cols="10" rows="5" placeholder="Please enter your message..."></textarea>
<input type="submit" name="submit" id="contact_submit" value="SEND" class="button b_grey bigrounded" />
<span class="status"></span>
</form>
</div>
</div> <!-- end main_wrapper_bottom -->
</div> <!-- end main_wrapper_center_bottom -->
<!-- Footer -->
<div id="wrapper_line_bottom">
<div id="footer_wrapper">© Copyright 2012 by Focpress. All Rights Reserved.</div>
</div>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
HTML5+CSS+JS精品网页模板,响应式网页,可以根据不同的设备屏幕大小自动调整页面布局; 设置导航条、轮翻效果,鼠标滑动效果,自动弹窗,点击事件、链接等功能; 适用于大学生期末大作业或公司网页制作。 支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改; 支持包括IE、Firefox、Chrome、Safari主流浏览器浏览; 网页设计和制作、大学生网页课程设计、期末大作业、毕业设计、网页模板,网页成品源代码等,2000+套Web案例源码,主题涵盖各行各业,关注作者联系获取更多源码; 更多优质网页博文、网页模板移步查阅我的CSDN主页:angella.blog.csdn.net。
资源推荐
资源详情
资源评论
收起资源包目录
046.rar (84个子文件)
046
grey
js
main.js 9KB
countdown.js 13KB
jquery.validate.min.js 21KB
jquery-min.js 92KB
css
font-face.css 572B
countdown.css 279B
reset.css 863B
form.css 2KB
styles.css 7KB
index.html 6KB
images
background_right.png 75KB
line_bottom.png 303B
line_top.png 300B
logo.png 17KB
back_subcribe_form.png 141B
back_countdown.png 3KB
background.png 55KB
social
google_plus.png 4KB
rss_feed.png 5KB
stumbleupon.png 5KB
twitter.png 4KB
facebook.png 4KB
back_subcribe.png 146B
fonts
BebasNeue-webfont_162a16fe.eot 10KB
BebasNeue-webfont.svg 20KB
BebasNeue-webfont.woff 11KB
BebasNeue-webfont.ttf 21KB
BebasNeue-webfont.eot 10KB
js
main.js 9KB
countdown.js 13KB
jquery.validate.min.js 21KB
jquery-min.js 92KB
blue
js
main.js 9KB
countdown.js 13KB
jquery.validate.min.js 21KB
jquery-min.js 92KB
css
font-face.css 572B
countdown.css 279B
reset.css 863B
form.css 2KB
styles.css 7KB
index.html 6KB
images
background_right.png 75KB
line_bottom.png 305B
line_top.png 295B
logo.png 17KB
back_subcribe_form.png 141B
back_countdown.png 4KB
background.png 55KB
social
google_plus.png 4KB
rss_feed.png 5KB
stumbleupon.png 5KB
twitter.png 4KB
facebook.png 4KB
back_subcribe.png 148B
fonts
BebasNeue-webfont_162a16fe.eot 10KB
BebasNeue-webfont.svg 20KB
BebasNeue-webfont.woff 11KB
BebasNeue-webfont.ttf 21KB
BebasNeue-webfont.eot 10KB
css
font-face.css 572B
countdown.css 279B
reset.css 863B
form.css 2KB
styles.css 7KB
index.html 6KB
images
background_right.png 75KB
line_bottom.png 306B
line_top.png 298B
logo.png 17KB
back_subcribe_form.png 141B
back_countdown.png 3KB
background.png 55KB
social
google_plus.png 4KB
rss_feed.png 5KB
stumbleupon.png 5KB
twitter.png 4KB
facebook.png 4KB
back_subcribe.png 148B
fonts
BebasNeue-webfont_162a16fe.eot 10KB
BebasNeue-webfont.svg 20KB
BebasNeue-webfont.woff 11KB
BebasNeue-webfont.ttf 21KB
BebasNeue-webfont.eot 10KB
共 84 条
- 1
资源评论
仙女网页制作
- 粉丝: 3609
- 资源: 166
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功