Mise à jour (enfin!) du dernier semestre de cours
This commit is contained in:
olivier
@ -1,112 +1,9 @@
|
||||
<?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>
|
||||
<h2>Introduction</h2>
|
||||
<p>Soyez le bienvenue sur SocialNET, le réseau social qui BLABLA</p>
|
||||
|
||||
<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>
|
||||
<h2>SocialNET, qu'est ce dont ?</h2>
|
||||
<p>SocialNET permet de</p>
|
||||
<ul>
|
||||
<li>blah</li>
|
||||
<li>blah</li>
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user