<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Downloaded from www.moobnn.com</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="./jquery.countdown.pack.js"></script>
<script type="text/javascript" src="./subscribe.js"></script>
<script type="text/javascript" src="./placeholder.js"></script>
<script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link href="./reset.css" rel="stylesheet" type="text/css" />
<link href="./style.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Asap:400,700' rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="./fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<!-- COUNTDOWN OPTIONS -->
<script>
$(function() {
$("a.fancyframe").fancybox();
});
</script>
<script type="text/javascript">
$(function () {
$('#countdown').countdown({until:$.countdown.UTCDate
// Set the date to countdown to
(-0, 2012, 12 -1, 17),
// Set the URL to load when the countdown reaches 0 0 0 0
// expiryUrl:'http://yournewsite.com',
//END OPTIONS
format: 'DHMS', layout:
'<div class="days">' +
'<div id="timer_days" class="numbers">{dnn}</div>'+
'<div id="timer_days_label" class="labels">days</div>'+
'</div>'+
'<div class="hours">' +
'<div id="timer_hours" class="numbers">{hnn}</div>'+
'<div id="timer_hours_label" class="labels">hours</div>'+
'</div>'+
'<div class="minutes">' +
'<div id="timer_mins" class="numbers">{mnn}</div>'+
'<div id="timer_mins_label" class="labels">minutes</div>'+
'</div>'+
'<div class="seconds">'+
'<div id="timer_seconds" class="numbers">{snn}</div>'+
'<div id="timer_seconds_label" class="labels">seconds</div>'+
'</div>'
});
});
</script>
<script type="text/javascript">
$(function() {
// Your twitter username
var user = 'designedbyben';
// Get the latest tweet
$.getJSON('http://twitter.com/statuses/user_timeline.json?screen_name=' + user + '&count=1&callback=?', function(data) {
// result
var tweet = "";
for (i = 0; i < data.length; i++) {
tweet += data[i].text + "</br></br>";
}
// make links in tweets work
tweet = tweet.replace(/(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig, function(url) {
return '<a target="_blank" href="'+url+'">'+url+'</a>';
}).replace(/B@([_a-z0-9]+)/ig, function(reply) {
return reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';
});
// output
$("#tweet").html(tweet);
});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="main">
<div id="top_bar">
<div class="social_wrapper">
<div class="social">
<div class="tel">Tel: +44 (0) 333 3014</div>
<!-- Social Links -->
<ul id="social">
<li class="facebook">
<a href="#" title="Facebook"></a>
</li>
<li class="twitter">
<a href="#" title="Twitter"></a>
</li>
<li class="google">
<a href="#" title="Google+"></a>
</li>
<li class="vimeo">
<a href="#" title="Vimeo"></a>
</li>
</ul>
</div>
</div>
</div>
<div class="wrapper">
<div id="container">
<h1>Our great new website is coming very soon, sign up now.</h1>
<h5>Just enter your email address now to gain exclusive access to new features.</h5>
</div>
<div id="email_wrap">
<form id="subscribe" method="POST" action="./php/submit-sub.php" />
<input type="submit" class="subbutton" id="submitsub" name"submit"="" width="110" height="35" value="" />
<input type="text" name="email" placeholder="your email address" id="emailsub" class="text-input" />
<br />
<!-- Email Validation -->
<div id="errorSubEmail" class="subError"></div>
<span id="formSubProgress" class="subProgress"></span>
</form>
</div>
<div id="question">Have a Question? <a class="fancyframe" href="./contactform.html">Get in touch with us.</a> More Templates <a href="http://www.moobnn.com/" target="_blank" title="模板在线">模板在线</a> <a href="http://guantaow.taobao.com" target="_blank">厚朴网络 淘宝店</a></div>
</div>
</div>
<div id="divider"></div>
<div class="features_wrapper">
<div id="features_bar">
<div class="feature">
<h2>Who are we?</h2>
<h3>This template features a clear headline and a large button which encourages your visitors to enter their email adress plus an easy to use pop-up contact form.</h3>
</div>
<div class="feature">
<h2>Why choose us?</h2>
<h3>Also included is a countdown timer and the ability to display your latest tweet on the page. All features are easy to set up with no coding knowledge, <a href="#">more info</a>.
</h3>
</div>
<div id="countdown"></div>
</div>
</div>
<div id="footer">
<div id="tweet_container">
<div id="latest_tweet"><img src="./images/tweet.jpg" alt="twitter" id="latest_tweet_icon" /><div id="tweet">This is the latest tweet</div></div>
</div>
</div>
</body>
</html>
黑色纹理精美的产品下载单页CSS模板_黑色纹理精美产品下载.rar （34个子文件） 
fancybox.png 15KB
style.css 10KB jquery.fancybox-1.3.4.pack.js 15KB
contactform.html 1KB jquery.countdown.pack.js 10KB social_hover.png 4KB
blank.gif 43B form.js 3KB
divider.jpg 350B PTS75F-webfont.woff 17KB jquery.fancybox-1.3.4.css 8KB bg_footer.jpg 355B
PTS75F-webfont.svg 32KB subscribe.js 3KB button_sprite.png 19KB PTS75F-webfont_162a16fe.eot 25KB fancybox-y.png 176B social.png 4KB fancy_title_over.png 70B submit-form-ajax.php.html 24B reset.css 1KB ajax-complete.png 487B ajax-loader_sub.png 419B bg_content.png 22KB index.html 5KB tweet.jpg 896B placeholder.js 1KB PTS75F-webfont.eot 25KB submit-sub-ajax.php.html 24B fancybox-x.png 203B ajax-loader.png 566B PTS75F-webfont.ttf 25KB ajax-complete_sub.png 407B bg_grey.jpg 470B资源评论
