112 lines
4.9 KiB
Plaintext
112 lines
4.9 KiB
Plaintext
|
<?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>
|