<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>SpookOWeen</title>
<link rel="stylesheet" href="styles.css" type="text/css" media="screen" />
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<div id="wrapper"><!-- #wrapper -->
<nav><!-- top nav -->
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Spooky Music</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</nav><!-- end of top nav -->
<header><!-- header -->
<h1><a href="#">Spook-O-Ween</a></h1>
</header><!-- end of header -->
<section id="main"><!-- #main content and sidebar area -->
<section id="content"><!-- #content -->
<article>
<h2><a href="#">Monster of The Day</a></h2>
<img src="images/monster1.png" alt="" width="200" height="200" class="alignleft" /><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. An virtute accusamus vix, atqui liber definiebas cu cum, duo vidisse equidem inermis id. Eros ornatus graecis eu mel, vidisse consetetur vis in. At vis virtute molestie, nam cu epicuri imperdiet complectitur. Has ex dicam doctus sententiae, animal percipit eum in. Ea quot meis illud vis, appetere accusata petentium ius at, ius in probatus abhorreant concludaturque. <a href="#">Read more...</a></p>
</article>
<article>
<h2><a href="#">Monster of the Week</a></h2>
<img src="images/monster2.png" alt="" width="200" height="200" class="alignleft" /><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. An virtute accusamus vix, atqui liber definiebas cu cum, duo vidisse equidem inermis id. Eros ornatus graecis eu mel, vidisse consetetur vis in. At vis virtute molestie, nam cu epicuri imperdiet complectitur. Has ex dicam doctus sententiae, animal percipit eum in. Ea quot meis illud vis, appetere accusata petentium ius at, ius in probatus abhorreant concludaturque. <a href="#">Read more...</a></p>
</article>
</section><!-- end of #content -->
<div class="copyrights">Collect from <a href="http://www.moobnn.com/" >Website Template</a></div>
<aside id="sidebar"><!-- sidebar -->
<h3>Things To Do</h3>
<ul>
<li><a href="#">Have A Monster Ball</a></li>
<li><a href="#">Scare Your Friends</a></li>
<li><a href="#">Swamp Recipes</a></li>
<li><a href="#">Play Ghoulish Games</a></li>
<li><a href="#">Buy Spooky Stuff</a></li>
<li><a href="#">Eye for An Eye</a></li>
</ul>
<h3>Sponsors</h3>
<img src="images/ad125.jpg" alt="" /><br /><img src="images/ad125.jpg" alt="" /><br /><br />
<h3>Connect With Us</h3>
<ul>
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
</ul>
</aside><!-- end of sidebar -->
</section><!-- end of #main content and sidebar-->
<footer>
<section id="footer-area">
<section id="footer-outer-block">
<aside class="footer-segment">
<h4>Friends</h4>
<ul>
<li><a href="#">one linkylink</a></li>
<li><a href="#">two linkylinks</a></li>
<li><a href="#">three linkylinks</a></li>
</ul>
</aside><!-- end of #first footer segment -->
<aside class="footer-segment">
<h4>Awesome Stuff</h4>
<ul>
<li><a href="#">one linkylink</a></li>
<li><a href="#">two linkylinks</a></li>
<li><a href="#">three linkylinks</a></li>
</ul>
</aside><!-- end of #second footer segment -->
<aside class="footer-segment">
<h4>Coolness</h4>
<ul>
<li><a href="#">one linkylink</a></li>
<li><a href="#">two linkylinks</a></li>
<li><a href="#">three linkylinks</a></li>
</ul>
</aside><!-- end of #third footer segment -->
<aside class="footer-segment">
<h4>Blahdyblah</h4>
<p>© 2010 <a href="#">yoursite.com</a> Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. </p>
</aside><!-- end of #fourth footer segment -->
</section><!-- end of footer-outer-block -->
</section><!-- end of footer-area -->
</footer>
</div><!-- #wrapper -->
<!-- Free template created by http://freehtml5templates.com -->
</body>
</html>
灰色搞怪万圣节css模板_灰色 搞怪 万圣节 专题 标准.rar
版权申诉
61 浏览量
2021-11-06
12:36:28
上传
评论
收藏 157KB RAR 举报
灰色搞怪万圣节css模板_灰色 搞怪 万圣节 专题 标准.rar （12个子文件） 
灰色搞怪万圣节css模板_灰色 搞怪 万圣节 专题 标准 h5c3_67_xa 
BLOODY-webfont.woff 17KB
BLOODY-webfont.svg 68KB
index.html 5KB print.css 328B BLOODY-webfont.ttf 26KB BLOODY-webfont.eot 26KB images 
monster1.png 24KB
ad125.jpg 2KB colbg.png 254B headerimg.jpg 24KB monster2.png 37KB styles.css 4KB资源评论
