Recent Code - Template For News Site - HTML Source
View | Validate
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex" />
<title>Paper Template</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<!-- .header-->
<div class="header">
<img src="images/logo2.jpg" alt="papername" class="logo" />
<p class="slogan">news template</p>
<!-- .user -->
<div class="user">
<p class="username">Daniel Parikh</p>
<ul class="links">
<li><a href="#">admin</a></li>
<li><a href="#">profile</a></li>
<li><a href="#">logout</a></li>
</ul>
</div>
<!-- /.user -->
<!-- .menuContainer -->
<div class="menuContainer">
<img src="images/menuLeft.jpg" class="menuLeft" alt="misc" />
<ul class="menu">
<li><a href="#">Home</a></li>
<li class="selected"><a href="#">News</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Finance</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Health</a></li>
</ul>
<form class="search" action="#">
<div>
<input type="text" class="input" value="search all news.." />
<input type="image" class="submit" src="images/searchButton.jpg" />
</div>
</form>
<img src="images/menuRight.jpg" class="menuRight" alt="misc" />
</div>
<!-- /.menuContainer -->
</div>
<!-- end .header -->
<!-- .content -->
<div class="content">
<!-- .left -->
<div class="left">
<div class="cornerTopLeft"></div>
<div class="cornerTopRight"></div>
<!-- .info -->
<div class="info">
<p class="trail">InBrooklyn News</p>
<p class="last_updated">Last Updated 06/01/2009</p>
</div>
<!-- /.info -->
<div class="clearer"></div>
<div class="hr"></div>
<!-- .main -->
<div class="main">
<a href="#"><img src="images/obama2.jpg" class="topStory" alt="Economy Saved!" /></a><h1><a href="#">President Obama Addresses the Nation on the Economy</a></h1>
<p>
Washington, DC - President Obama said that fixing the US Health-care system is crucial for the economy and that he will put forth every effort to have health-care legislation before August. The number of uninsured Americans will double in the next 30 years, unless Congress Acts...
</p>
<a href="#" class="readMore">read full story »</a>
<div class="clearer"></div>
</div>
<!-- /.main -->
<!-- .recent -->
<div class="recent">
<h4>Recent Stories</h4>
<ul>
<li><a href="#">North Korea defies UN Sanctions</a></li>
<li><a href="#">Future Supreme Court Judge Sotomayor Criticized for "racist" Remarks</a></li>
<li><a href="#">Abortion Doctor Shot in Church</a></li>
<li><a href="#">Survey Says New York Home to Worst Drivers in America</a></li>
<li><a href="#">Swine Flu Vaccine in the Works</a></li>
<li><a href="#">Hummer Brand Sold to Chinese Company</a></li>
<li><a href="#">Economy Improves as Dow Jones Industrial Average reaches 8700 mark</a></li>
<li><a href="#">Northern Ireland has Second Case of Swine Flu</a></li>
<li><a href="#">Obama to Visit Mid-East</a></li>
<li><a href="#">Microsoft Unveils Project Natal</a></li>
<li><a href="#">Four Suspects from Bronx, New York bomb plot Indicted</a></li>
<li><a href="#">HPV Vaccine May Prevent Infection in Older Women</a></li>
<li><a href="#">Wild Fires Again Rip Through California</a></li>
</ul>
</div>
<!-- /.recent -->
<div class="clearer"></div>
<div class="hr"></div>
<!-- .categories -->
<ul class="categories">
<li class="category">
<h4>Business and Finance</h4>
<ul>
<li><a href="#">S&P Might Reach 1200 This Year, Predict Experts</a></li>
<li><a href="#">REITS Showing Signs of Recovery</a></li>
</ul>
</li>
<li class="category">
<h4>Education</h4>
<ul>
<li><a href="#">Queens Assistant Principal Dies of Swine Flu</a></li>
<li><a href="#">California Teachers May Get Surprise Lay-Offs</a></li>
</ul>
</li>
<li class="category">
<h4>Health</h4>
<ul>
<li><a href="#">Swine Flu Vaccine in the Works</a></li>
<li><a href="#">FDA Wants to be More Transparent</a></li>
</ul>
</li>
<li class="category">
<h4>Sports</h4>
<ul>
<li><a href="#">Lakers and Magic in the NBA Finals - Who We Pick</a></li>
<li><a href="#">Red Sox Beat Tigers</a></li>
</ul>
</li>
<li class="category">
<h4>US News</h4>
<ul>
<li><a href="#">Four Suspects from Bronx, New York bomb plot Indicted</a></li>
<li><a href="#">Obama Gets Tough on Credit Card Companies</a></li>
</ul>
</li>
<li class="category">
<h4>World News</h4>
<ul>
<li><a href="#">Northern Ireland has Second Case of Swine Flu</a></li>
<li><a href="#">North Korea Prepares Missiles</a></li>
</ul>
</li>
</ul>
<!-- /.categories -->
<div class="clearer"></div>
<div class="hr"></div>
<a href="#" class="viewAllStories">view all stories</a>
<div class="clearer"></div>
<div class="cornerBottomLeft"></div>
<div class="cornerBottomRight"></div>
</div>
<!-- /.left -->
<!-- .right -->
<div class="right">
<div class="cornerTopLeft"></div>
<div class="cornerTopRight"></div>
<!-- Popular Stories and Comments -->
<h4>Popular Stories and Comments</h4>
<ul>
<li>
<img src="images/icon4.jpg" alt="misc" />
<a href="#">Obama to Visit Mid-East</a>
<span class="lastcomment">last comment by Daniel Parikh</span><div class="clearer"></div>
</li>
<li>
<img src="images/icon5.jpg" alt="misc" />
<a href="#">Instability Continues in Sri Lanka</a>
<span class="lastcomment">last comment by John Mohart</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon6.jpg" alt="misc" />
<a href="#">Microsoft Unveils Project Natal</a>
<span class="lastcomment">by Teddy Thompson</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon5.jpg" alt="misc" />
<a href="#">Kentucky Has 88th Case of H1N1</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon4.jpg" alt="misc" />
<a href="#">Survey Says New York Home to Worst Drivers in America</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon5.jpg" alt="misc" />
<a href="#">Air France Wreckage Found</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon6.jpg" alt="misc" />
<a href="#">Nintendo Says Expects Strong Future Earnings</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon4.jpg" alt="misc" />
<a href="#">S&P Might Reach 1200 This Year, Predict Experts</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon6.jpg" alt="misc" />
<a href="#">Nelson Expected to Play in Finals</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
</ul>
<!-- / Popular Stories and Comments -->
<div class="clearer"></div>
<div class="cornerBottomLeft"></div>
<div class="cornerBottomRight"></div>
</div>
<!-- /.right -->
<!-- .right -->
<div class="right">
<div class="cornerTopLeft"></div>
<div class="cornerTopRight"></div>
<!-- Our Contributors -->
<h4>Our Contributors</h4>
<ul>
<li>
<img src="images/icon6.jpg" alt="misc" />
<a href="#">Daniel Parikh</a>
<span class="lastcomment">15 Articles, 15 Comments</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon4.jpg" alt="misc" />
<a href="#">Teddy Thompson</a>
<span class="lastcomment">5 Articles, 20 Comments</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon5.jpg" alt="misc" />
<a href="#">John Mohart</a>
<span class="lastcomment">1 Article, 0 Comments</span>
<div class="clearer"></div>
</li>
</ul>
<!-- / Our Contributors -->
<div class="clearer"></div>
<div class="cornerBottomLeft"></div>
<div class="cornerBottomRight"></div>
</div>
<!-- /.right -->
<div class="clearer"></div>
</div>
<!-- /.content -->
<!-- .footer -->
<div class="footer">
<div class="cornerTopLeft"></div>
<div class="cornerTopRight"></div>
<!-- More Around Site -->
<h4 class="more">More around <span class="blue">Paper.</span>Name</h4>
<ul class="sitelinks">
<li class="category">
<h4>News</h4>
<ul>
<li><a href="#">Local News</a></li>
<li><a href="#">This Weeks Headlines</a></li>
<li><a href="#">Around the World</a></li>
</ul>
</li>
<li class="category">
<h4>Technology</h4>
<ul>
<li><a href="#">Hot New Tech Gadgets</a></li>
<li><a href="#">Product Reviews</a></li>
</ul>
</li>
<li class="category">
<h4>Business</h4>
<ul>
<li><a href="#">The Market</a></li>
<li><a href="#">Small Business</a></li>
</ul>
</li>
<li class="category">
<h4>Movies</h4>
<ul>
<li><a href="#">In Theaters</a></li>
<li><a href="#">Upcoming Movies</a></li>
<li><a href="#">New On DVD</a></li>
</ul>
</li>
<li class="category">
<h4>Events</h4>
<ul>
<li><a href="#">View Upcoming Events</a></li>
<li><a href="#">Around Your Area</a></li>
</ul>
</li>
<li class="category">
<h4>Classifieds</h4>
<ul>
<li><a href="#">Browse through Jobs</a></li>
<li><a href="#">Browse through Classifieds</a></li>
<li><a href="#">Post my Advertisement</a></li>
</ul>
</li>
</ul>
<!-- / More Around Site -->
<div class="clearer"></div>
<!-- last line of links -->
<span class="copy">© 2009 paper.name - paper template</span>
<ul class="links">
<li class="first"><a href="#">about paper.name</a></li>
<li><a href="#">suggestions and bug reports</a></li>
<li><a href="#">contact us</a></li>
<li><a href="#">disclaimer</a></li>
</ul>
<!-- / last line of links -->
<div class="cornerBottomLeft"></div>
<div class="cornerBottomRight"></div>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="noindex" />
<title>Paper Template</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<!-- .header-->
<div class="header">
<img src="images/logo2.jpg" alt="papername" class="logo" />
<p class="slogan">news template</p>
<!-- .user -->
<div class="user">
<p class="username">Daniel Parikh</p>
<ul class="links">
<li><a href="#">admin</a></li>
<li><a href="#">profile</a></li>
<li><a href="#">logout</a></li>
</ul>
</div>
<!-- /.user -->
<!-- .menuContainer -->
<div class="menuContainer">
<img src="images/menuLeft.jpg" class="menuLeft" alt="misc" />
<ul class="menu">
<li><a href="#">Home</a></li>
<li class="selected"><a href="#">News</a></li>
<li><a href="#">Business</a></li>
<li><a href="#">Finance</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Health</a></li>
</ul>
<form class="search" action="#">
<div>
<input type="text" class="input" value="search all news.." />
<input type="image" class="submit" src="images/searchButton.jpg" />
</div>
</form>
<img src="images/menuRight.jpg" class="menuRight" alt="misc" />
</div>
<!-- /.menuContainer -->
</div>
<!-- end .header -->
<!-- .content -->
<div class="content">
<!-- .left -->
<div class="left">
<div class="cornerTopLeft"></div>
<div class="cornerTopRight"></div>
<!-- .info -->
<div class="info">
<p class="trail">InBrooklyn News</p>
<p class="last_updated">Last Updated 06/01/2009</p>
</div>
<!-- /.info -->
<div class="clearer"></div>
<div class="hr"></div>
<!-- .main -->
<div class="main">
<a href="#"><img src="images/obama2.jpg" class="topStory" alt="Economy Saved!" /></a><h1><a href="#">President Obama Addresses the Nation on the Economy</a></h1>
<p>
Washington, DC - President Obama said that fixing the US Health-care system is crucial for the economy and that he will put forth every effort to have health-care legislation before August. The number of uninsured Americans will double in the next 30 years, unless Congress Acts...
</p>
<a href="#" class="readMore">read full story »</a>
<div class="clearer"></div>
</div>
<!-- /.main -->
<!-- .recent -->
<div class="recent">
<h4>Recent Stories</h4>
<ul>
<li><a href="#">North Korea defies UN Sanctions</a></li>
<li><a href="#">Future Supreme Court Judge Sotomayor Criticized for "racist" Remarks</a></li>
<li><a href="#">Abortion Doctor Shot in Church</a></li>
<li><a href="#">Survey Says New York Home to Worst Drivers in America</a></li>
<li><a href="#">Swine Flu Vaccine in the Works</a></li>
<li><a href="#">Hummer Brand Sold to Chinese Company</a></li>
<li><a href="#">Economy Improves as Dow Jones Industrial Average reaches 8700 mark</a></li>
<li><a href="#">Northern Ireland has Second Case of Swine Flu</a></li>
<li><a href="#">Obama to Visit Mid-East</a></li>
<li><a href="#">Microsoft Unveils Project Natal</a></li>
<li><a href="#">Four Suspects from Bronx, New York bomb plot Indicted</a></li>
<li><a href="#">HPV Vaccine May Prevent Infection in Older Women</a></li>
<li><a href="#">Wild Fires Again Rip Through California</a></li>
</ul>
</div>
<!-- /.recent -->
<div class="clearer"></div>
<div class="hr"></div>
<!-- .categories -->
<ul class="categories">
<li class="category">
<h4>Business and Finance</h4>
<ul>
<li><a href="#">S&P Might Reach 1200 This Year, Predict Experts</a></li>
<li><a href="#">REITS Showing Signs of Recovery</a></li>
</ul>
</li>
<li class="category">
<h4>Education</h4>
<ul>
<li><a href="#">Queens Assistant Principal Dies of Swine Flu</a></li>
<li><a href="#">California Teachers May Get Surprise Lay-Offs</a></li>
</ul>
</li>
<li class="category">
<h4>Health</h4>
<ul>
<li><a href="#">Swine Flu Vaccine in the Works</a></li>
<li><a href="#">FDA Wants to be More Transparent</a></li>
</ul>
</li>
<li class="category">
<h4>Sports</h4>
<ul>
<li><a href="#">Lakers and Magic in the NBA Finals - Who We Pick</a></li>
<li><a href="#">Red Sox Beat Tigers</a></li>
</ul>
</li>
<li class="category">
<h4>US News</h4>
<ul>
<li><a href="#">Four Suspects from Bronx, New York bomb plot Indicted</a></li>
<li><a href="#">Obama Gets Tough on Credit Card Companies</a></li>
</ul>
</li>
<li class="category">
<h4>World News</h4>
<ul>
<li><a href="#">Northern Ireland has Second Case of Swine Flu</a></li>
<li><a href="#">North Korea Prepares Missiles</a></li>
</ul>
</li>
</ul>
<!-- /.categories -->
<div class="clearer"></div>
<div class="hr"></div>
<a href="#" class="viewAllStories">view all stories</a>
<div class="clearer"></div>
<div class="cornerBottomLeft"></div>
<div class="cornerBottomRight"></div>
</div>
<!-- /.left -->
<!-- .right -->
<div class="right">
<div class="cornerTopLeft"></div>
<div class="cornerTopRight"></div>
<!-- Popular Stories and Comments -->
<h4>Popular Stories and Comments</h4>
<ul>
<li>
<img src="images/icon4.jpg" alt="misc" />
<a href="#">Obama to Visit Mid-East</a>
<span class="lastcomment">last comment by Daniel Parikh</span><div class="clearer"></div>
</li>
<li>
<img src="images/icon5.jpg" alt="misc" />
<a href="#">Instability Continues in Sri Lanka</a>
<span class="lastcomment">last comment by John Mohart</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon6.jpg" alt="misc" />
<a href="#">Microsoft Unveils Project Natal</a>
<span class="lastcomment">by Teddy Thompson</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon5.jpg" alt="misc" />
<a href="#">Kentucky Has 88th Case of H1N1</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon4.jpg" alt="misc" />
<a href="#">Survey Says New York Home to Worst Drivers in America</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon5.jpg" alt="misc" />
<a href="#">Air France Wreckage Found</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon6.jpg" alt="misc" />
<a href="#">Nintendo Says Expects Strong Future Earnings</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon4.jpg" alt="misc" />
<a href="#">S&P Might Reach 1200 This Year, Predict Experts</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon6.jpg" alt="misc" />
<a href="#">Nelson Expected to Play in Finals</a>
<span class="lastcomment">last comment by Daniel Parikh</span>
<div class="clearer"></div>
</li>
</ul>
<!-- / Popular Stories and Comments -->
<div class="clearer"></div>
<div class="cornerBottomLeft"></div>
<div class="cornerBottomRight"></div>
</div>
<!-- /.right -->
<!-- .right -->
<div class="right">
<div class="cornerTopLeft"></div>
<div class="cornerTopRight"></div>
<!-- Our Contributors -->
<h4>Our Contributors</h4>
<ul>
<li>
<img src="images/icon6.jpg" alt="misc" />
<a href="#">Daniel Parikh</a>
<span class="lastcomment">15 Articles, 15 Comments</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon4.jpg" alt="misc" />
<a href="#">Teddy Thompson</a>
<span class="lastcomment">5 Articles, 20 Comments</span>
<div class="clearer"></div>
</li>
<li>
<img src="images/icon5.jpg" alt="misc" />
<a href="#">John Mohart</a>
<span class="lastcomment">1 Article, 0 Comments</span>
<div class="clearer"></div>
</li>
</ul>
<!-- / Our Contributors -->
<div class="clearer"></div>
<div class="cornerBottomLeft"></div>
<div class="cornerBottomRight"></div>
</div>
<!-- /.right -->
<div class="clearer"></div>
</div>
<!-- /.content -->
<!-- .footer -->
<div class="footer">
<div class="cornerTopLeft"></div>
<div class="cornerTopRight"></div>
<!-- More Around Site -->
<h4 class="more">More around <span class="blue">Paper.</span>Name</h4>
<ul class="sitelinks">
<li class="category">
<h4>News</h4>
<ul>
<li><a href="#">Local News</a></li>
<li><a href="#">This Weeks Headlines</a></li>
<li><a href="#">Around the World</a></li>
</ul>
</li>
<li class="category">
<h4>Technology</h4>
<ul>
<li><a href="#">Hot New Tech Gadgets</a></li>
<li><a href="#">Product Reviews</a></li>
</ul>
</li>
<li class="category">
<h4>Business</h4>
<ul>
<li><a href="#">The Market</a></li>
<li><a href="#">Small Business</a></li>
</ul>
</li>
<li class="category">
<h4>Movies</h4>
<ul>
<li><a href="#">In Theaters</a></li>
<li><a href="#">Upcoming Movies</a></li>
<li><a href="#">New On DVD</a></li>
</ul>
</li>
<li class="category">
<h4>Events</h4>
<ul>
<li><a href="#">View Upcoming Events</a></li>
<li><a href="#">Around Your Area</a></li>
</ul>
</li>
<li class="category">
<h4>Classifieds</h4>
<ul>
<li><a href="#">Browse through Jobs</a></li>
<li><a href="#">Browse through Classifieds</a></li>
<li><a href="#">Post my Advertisement</a></li>
</ul>
</li>
</ul>
<!-- / More Around Site -->
<div class="clearer"></div>
<!-- last line of links -->
<span class="copy">© 2009 paper.name - paper template</span>
<ul class="links">
<li class="first"><a href="#">about paper.name</a></li>
<li><a href="#">suggestions and bug reports</a></li>
<li><a href="#">contact us</a></li>
<li><a href="#">disclaimer</a></li>
</ul>
<!-- / last line of links -->
<div class="cornerBottomLeft"></div>
<div class="cornerBottomRight"></div>
</div>
</body>
</html>
