<!DOCTYPE html><!-- The new doctype -->
<html lang="en">
<head>
<title>Creating a HTML5 & CSS3 Single Page Web Layout #5 Anime theme | Script tutorials</title>
<meta charset="utf-8">
<!-- Linking styles -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/menu.css" type="text/css" media="screen">
<!-- Linking scripts -->
<!--[if lt IE 9]>
<script src="js/html5.js"></script>
<![endif]-->
</head>
<body>
<header><!-- Defining the header section of the page -->
<div class="header">
<div class="social_icons">
<a href="#" title="Facebook"><img alt="" src="images/facebook.png"></a>
<a href="#" title="Twitter"><img alt="" src="images/twitter.png"></a>
<a href="#" title="RSS"><img alt="" src="images/rss.png"></a>
</div>
<div class="search">
<form action="" method="get">
<input type="text" name="q" value="" />
<input type="submit" value="search" />
</form>
</div>
<div class="clear"></div>
</div>
</header>
<!-- Defining main logo -->
<div class="logo">
<a href="" title="Anime theme"><img src="images/logo.png" /></a>
</div>
<section class="content"><!-- Defining the main content section of the page -->
<!-- navigation menu -->
<nav>
<ul>
<li><a href="#/">Home</a></li>
<li><a href="#">Anime News</a></li>
<li><a href="#">Anime Archive</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Feedback</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#/creating-new-html-css-website-layout-5-anime-theme">Tutorial</a></li>
</ul>
</nav>
<div class="clear"></div><div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >Website Template</a></div>
<div class="column">
<div class="post">
<div class="title">
<div class="date"><span>31</span>July</div>
<h2><a href="#" title="post 1">The Ghost with the Most</a></h2>
</div>
<div class="text-box">
<p><img alt="" src="images/post.png"><br>Back in March I wrote a Brain Diving column on Otsuichi's Summer, Fireworks, and My Corpse, bragging about how nice the weather was in Austin and that I was getting in the mood for summer. Ugh, what was I thinking? Now that we've broken the record for the most number of consecutive days over 100 F, I feel that by writing that I was like Homer Simpson running around shouting "No comeuppance!" You can have summer - I'm thoroughly done with it.</p>
</div>
<div class="comments">
<a href="#" title="comments on post 1">10 Comments</a>
</div>
</div>
<div class="post">
<div class="title">
<div class="date"><span>17</span>July</div>
<h2><a href="#" title="post 1">Disney To Adapt Tuxedo Gin</a></h2>
</div>
<div class="text-box">
<p><img alt="" src="images/post.png"><br>Walt Disney Pictures has hired Reno 911 co-creator Robert Ben Garant to write "Tux," a screenplay based on Tokihiko Matsuura`s romantic comedy manga Tuxedo Gin. The 1997-2000 manga series stars "a young street fighter who falls into a coma and learns that he has lived his life so selfishly that he only has enough karma points to be reincarnated as an animal 15 pounds or less. Trapped in the body of a chin-strap penguin, he tries to overcome the humiliation and rack up enough good deeds to get his old body back and save the girl he loves." Garant wrote the screenplays for Disney`s 2005 films Herbie Fully Loaded and The Pacifier. The film will be produced by Paul Young and Peter Principato of Principato-Young Entertainment, VIZ Media`s Jason Hoffs, and Shogakukan`s Ichiro Takase.</p>
</div>
<div class="comments">
<a href="#" title="comments on post 1">20 Comments</a>
</div>
</div>
</div>
<div class="sidebar">
<div class="block">
<h2>Categories</h2>
<ul>
<li><a title="" href="#">Black & white</a> (4)</li>
<li><a title="" href="#">Fantasies</a> (3)</li>
<li><a title="" href="#">Music</a> (3)</li>
<li><a title="" href="#">Nature</a> (3)</li>
<li><a title="" href="#">Portraits</a> (2)</li>
<li><a title="" href="#">Urban</a> (2)</li>
</ul>
</div>
<div class="block">
<h2>Archives</h2>
<ul>
<li><a title="" href="#">July 2011</a> (5)</li>
<li><a title="" href="#">June 2011</a> (5)</li>
<li><a title="" href="#">May 2011</a> (5)</li>
<li><a title="" href="#">April 2011</a> (5)</li>
<li><a title="" href="#">March 2011</a> (5)</li>
<li><a title="" href="#">February 2011</a> (5)</li>
<li><a title="" href="#">January 2011</a> (5)</li>
</ul>
</div>
</div>
<div class="clear"></div>
</section>
<footer><!-- Defining the footer section of the page -->
<div>Anime theme © 2011 : <a class="link" href="#">Privacy</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></div>
</footer>
</body>
</html>
网站设计模板-橙色高亮设计游戏战队俱乐部css模板.zip
版权申诉
41 浏览量
2023-03-18
18:08:00
上传
评论
收藏 370KB ZIP 举报
网站设计模板-橙色高亮设计游戏战队俱乐部css模板.zip （15个子文件） 
网站设计模板-橙色高亮设计游戏战队俱乐部css模板 h5c3_22_vh js 
html5.js 1KB css style.css 4KB menu.css 860B
index.html 6KB images 
date-bg.png 3KB menu-bg.png 3KB logo.png 51KB post.png 143KB
menu-devider.gif 284B search.gif 1KB
bg.jpg 174KB twitter.png 1KB facebook.png 1KB rss.png 1KB cbg.png 465B资源评论
