here HEADER
<div>
	~ ~ ~
</div><h3>under construction (73%) </h3>

▶ 0 ▧▧▧▧▧▧▧▧▧▧▧▧▧▧□□□□□□ 100% ◀

<br><br>
<hr>
<style>
	body {line-height: 19px;}
	.todo a, .doing a, .done a { padding: 1px 5px; text-decoration:none; color: #606060 }
	.todo a { background: #ffb3ba; } /*red*/
	.doing a { background: #ffdfba; } /*orange*/
	.done a { background: #baffc9; } /*green*/
	span { font-size: 9px; position: relative; bottom:3px;}
	div { font-size: 8px;line-height: 10px;padding-bottom: 15px;}
</style>
<ul>
	<li class="doing">
		<a href="accueil">Page Accueil</a> <span>▧▧▧▧□□□□□□ 47%</span>
		<div><u>under construction</u></div>
			</li>
	<li class="done">
		<a href="entreprise">Page Entreprise</a> <span>▧▧▧▧▧▧▧□□□ 75%</span>
		<div>section before last one still empty</div>
			</li>
	<li class="done">
		<a href="mariage">Page Mariage</a>  <span>▧▧▧▧▧▧▧▧▧□ 94%</span> 
		<div>various texts are missing<br> optimize images</div>

	</li>
	<li class="todo">
		<a href="projets">Page Projets !?</a> <span>□□□□□□□□□□ 0%</span>
		<div>
			(page réalisations (title will be added later))
		</div>
	</li>
	<li class="doing">
		<a href="contact">Page Contact</a>  <span>▧▧▧▧▧▧▧▧□□ 80%</span> 
		<div>[PHP_contact_form sender is missing <br><s>JS_notifications still in Eng and should be translated to FR]</s></div>

	</li>
</ul>
<hr>


<div>
	- - - - -
</div>

here FOOTER