cours0809/cours/P51/BlankoNet/WebContent/index.jsp

112 lines
4.9 KiB
Plaintext
Raw Normal View History

2009-01-08 06:48:37 +00:00
<?xml version="1.0" encoding="UTF-8" ?>
<!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" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>BlankoNet</title>
<link rel="stylesheet" type="text/css" href="/BlankoNet/social.css" />
</head>
<body>
<div id="header">
<div class="centrage">
<h1><span>Kit Zikorama</span></h1>
<ul>
<li><a href="#" id="home">Home</a></li>
<li><a href="#" id="about">About</a></li>
<li><a href="#" id="link">Link</a></li>
<li><a href="#" id="contact">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<c:out value="Bonjour" /><br/>
<div id="side">
<h2 id="categories">Categories</h2>
<div class="side-bloc">
<ul>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
</ul>
<div class="bottom-side-bloc"></div>
</div>
<h2 id="articles">Articles</h2>
<div class="side-bloc">
<ul>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
</ul>
<div class="bottom-side-bloc"></div>
</div>
<h2 id="articles">Archives</h2>
<div class="side-bloc">
<ul>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
<li><a href="#">Illum molestie</a></li>
</ul>
<div class="bottom-side-bloc"></div>
</div>
</div>
<div id="contenu">
<div id="bg-centre-contenu">
<h2>Tation minim</h2>
<p>Tation minim ut consequat molestie at illum hendrerit eum magna. Hendrerit ullamcorper luptatum consequat duis,
laoreet accumsan et, ea. Consectetuer dolore wisi feugiat nostrud minim feugiat feugiat, ut dolore nisl feugait erat odio
qui feugait. </p>
<p>Tation minim ut consequat molestie at illum hendrerit eum magna. Hendrerit ullamcorper luptatum consequat duis,
laoreet accumsan et, ea. Consectetuer dolore wisi feugiat nostrud minim feugiat feugiat, ut dolore nisl feugait erat odio
qui feugait. </p>
<p>Tation minim ut consequat molestie at illum hendrerit eum magna. Hendrerit ullamcorper luptatum consequat duis,
laoreet accumsan et, ea. Consectetuer dolore wisi feugiat nostrud minim feugiat feugiat, ut dolore nisl feugait erat odio
qui feugait. </p>
<p>Tation minim ut consequat molestie at illum hendrerit eum magna. Hendrerit ullamcorper luptatum consequat duis,
laoreet accumsan et, ea. Consectetuer dolore wisi feugiat nostrud minim feugiat feugiat, ut dolore nisl feugait erat odio
qui feugait. </p>
<p>Tation minim ut consequat molestie at illum hendrerit eum magna. Hendrerit ullamcorper luptatum consequat duis,
laoreet accumsan et, ea. Consectetuer dolore wisi feugiat nostrud minim feugiat feugiat, ut dolore nisl feugait erat odio
qui feugait. </p>
<p>Tation minim ut consequat molestie at illum hendrerit eum magna. Hendrerit ullamcorper luptatum consequat duis,
laoreet accumsan et, ea. Consectetuer dolore wisi feugiat nostrud minim feugiat feugiat, ut dolore nisl feugait erat odio
qui feugait. </p>
<h2>Tation minim</h2>
<p>Tation minim ut consequat molestie at illum hendrerit eum magna. Hendrerit ullamcorper luptatum consequat duis,
laoreet accumsan et, ea. Consectetuer dolore wisi feugiat nostrud minim feugiat feugiat, ut dolore nisl feugait erat odio
qui feugait. </p>
<p>Tation minim ut consequat molestie at illum hendrerit eum magna. Hendrerit ullamcorper luptatum consequat duis,
laoreet accumsan et, ea. Consectetuer dolore wisi feugiat nostrud minim feugiat feugiat, ut dolore nisl feugait erat odio
qui feugait. </p>
<p>Tation minim ut consequat molestie at illum hendrerit eum magna. Hendrerit ullamcorper luptatum consequat duis,
laoreet accumsan et, ea. Consectetuer dolore wisi feugiat nostrud minim feugiat feugiat, ut dolore nisl feugait erat odio
qui feugait. </p>
</div>
<div id="bg-bottom-contenu">
<p>Design by wooki</p>
</div>
</div>
</div>
</body>
</html>