design/new blog/index.html
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head><title>Alonetone Blog</title>
<link href="css/blog.css" rel="Stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/twitter.js"></script>
<script type="text/javascript" src="js/alonetoneblog.js"></script>
</head>
<body>
<div id="wrapper">
<!-- header start -->
<div id="header">
<div id="hd1"><!-- header left side -->
<div id="hd1-top">
<!-- link to alonetone --><a class="prev-next" href ="http://alonetone.com/"> «Back to alonetone.com</a>
</div><!-- div end hd1-top -->
<div id="hd1-bot"><!-- title --></div><!-- div end hd1-bot -->
</div><!-- div end hd1 -->
<div id="hd2"><!-- header right side --><!-- logo --></div><!-- div end hd2 -->
</div><!-- div end header -->
<!-- header end -->
<!-- main start -->
<div id="wp1"><!-- left side wrapper -->
<div class="post">
<div class="post-title">
<div class="post-title-left"><a class="prev-next" href ="#">«Previous entry</a></div><!-- div end post-title-left -->
<div class="post-title-mid">
<h1 class="post-entry"> Blog entry 20 of 20 </h1><!-- <%= blog entry %> -->
</div><!-- div end post-title-mid -->
<div class="post-title-right"><a class="prev-next" href ="#">Next entry»</a></div><!-- div end post-title-right -->
</div><!-- div end post-title -->
<div class="post-body">
<h1 class="h1post">spring cleaning, see who follows who</h1>
<h2 class="h2post">posted by <a href ="#">Sudara</a> on March 22,2009 - comments -</h1>
<p class="p-post">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<ul class="ul-post">
<li class="li-post">a test</li>
<li class="li-post">a test</li>
<li class="li-post">a test</li>
</ul>
<p class="p-post">Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. <br /> <br />Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<br /> <br /><a href ="http://alonetone.com/">testing link</a></p>
</div><!-- div end post-body -->
<div class="post-bot">
<div class="post-bot-left"></div><!-- div end post-bot-left -->
<div class="post-bot-mid"></div><!-- div end post-bot-mid -->
<div class="post-bot-right"></div><!-- div end post-bot-right -->
</div><!-- div end post-body -->
<div class="comment-all">
<div class="comment">
<div class="comment-title">
<h1 class="h1-comment">The comments so far:</h1>
</div><!-- div end comment-title -->
<div class="comment-body">
<h2 class="h2-comment"><a href ="#">Sudara</a> said 3 months ago</h1>
<p class="p-comment">I love making fresh music!</p>
</div><!-- div end comment-body -->
</div><!-- div end comment -->
<div class="comment">
<div class="comment-title">
<h1 class="h1-comment">The comments so far:</h1>
</div><!-- div end comment-title -->
<div class="comment-body">
<h2 class="h2-comment"><a href ="#">Sudara</a> said 3 months ago</h1>
<p class="p-comment">I love making fresh music!</p>
</div><!-- div end comment-body -->
</div><!-- div end comment -->
<div class="comment">
<div class="comment-title">
<h1 class="h1-comment">The comments so far:</h1>
</div><!-- div end comment-title -->
<div class="comment-body">
<h2 class="h2-comment"><a href ="#">Sudara</a> said 3 months ago</h1>
<p class="p-comment">I love making fresh music!</p>
</div><!-- div end comment-body -->
</div><!-- div end comment -->
<div class="comment">
<div class="comment-title">
<h1 class="h1-comment">The comments so far:</h1>
</div><!-- div end comment-title -->
<div class="comment-body">
<h2 class="h2-comment"><a href ="#">Sudara</a> said 3 months ago</h1>
<p class="p-comment">I love making fresh music!</p>
</div><!-- div end comment-body -->
</div><!-- div end comment -->
</div><!-- div end comment-all -->
</div><!-- div end post -->
</div><!-- div end wp1-->
<div id="wp2"><!-- right side wrapper -->
<div class="wp2-title"><h1 class="right-orange">•tweets•</h1>
</div><!-- div end wp2-title-->
<div class="wp2-mid"><div id="tweets"></div>
</div><!-- div end wp2-mid-->
<div class="wp2-title-o"><h1 class="right-white">JOIN THE ALONETONE CHAT FOR FREE!! </h1>
</div><!-- div end wp2-title-->
<div class="wp2-mid">
<a class="right-red" href ="#">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy </a>
<a class="right-red" href ="#">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy </a>
</div><!-- div end wp2-mid-->
<div class="wp2-title"><h1 class="right-orange">•recent comments•</h1>
</div><!-- div end wp2-title-->
<div class="wp2-mid"><a class="right-red" href ="#">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy </a>
</div><!-- div end wp2-mid-->
<div class="wp2-title"><h1 class="right-orange">•archives•</h1>
</div><!-- div end wp2-title-->
<div class="wp2-mid">
<p class="right-black">2009</p>
<a class="right-red" href ="#">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy </a>
<p class="right-black">2010</p>
<a class="right-red" href ="#">Lorem ipsum dolor sit amet, consectetuer sadipscing elitr, sed diam nonumy </a>
</div><!-- div end wp2-mid-->
</div><!-- div end wp2-->
<div id="bottom">
<div class="bottom-left">
<h1 class="h1bottom">La lolelilo</h1>
<p class="pbottom">Lorem ipsum dolor sit amet</p>
<h1 class="h1bottom">La lolelilo</h1>
<p class="pbottom">Lorem ipsum dolor sit amet</p>
<h1 class="h1bottom">La lolelilo</h1>
<p class="pbottom">Lorem ipsum dolor sit amet</p>
</div><!-- div end bottom-left -->
<div class="bottom-mid">
<h1 class="h1bottom">La lolelilo</h1>
<p class="pbottom">Lorem ipsum dolor sit amet</p>
</div><!-- div end bottom-mid -->
<div class="bottom-right">
<h1 class="h1bottom">La lolelilo</h1>
<p class="pbottom">Lorem ipsum dolor sit amet</p>
</div><!-- div end bottom-right -->
</div><!-- div end bottom -->
</div><!-- div end wrapper -->
</body>
</html>