{{{
#!html
<ul style="list-style: none;padding:0;margin:0;">
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><span>Eureka</span></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="PagesJaunesSTPro" style="color:#AFB11D;text-decoration:none;border:none;">STPro</a></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="YvesRocher" style="color:#AFB11D;text-decoration:none;border:none;">Yves Rocher</a></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="Citroen" style="color:#AFB11D;text-decoration:none;border:none;">Citroën</a></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="GNFA" style="color:#AFB11D;text-decoration:none;border:none;">GNFA</a></li>
<li style="padding:5px;margin-left:10px;float:left;background-color: #333333;color:#ffffff;"><a href="Plantwit" style="color:#AFB11D;text-decoration:none;border:none;">Plantwit</a></li>
</ul>

<br style="clear:both"/>

<div style="background-color: #333333;padding:20px;color:#ffffff;">

<div style="float:left;width:60%;">

<ul style="list-style: none;margin: 0;padding: 0;float:right;padding-right:45px;">
<li style="float:left;padding-left:10px;"><a href="PagesJaunesEureka" style="color:#AFB11D;text-decoration:none;border:none;">1</a></li>
<li style="float:left;padding-left:10px;"><a href="PagesJaunesEureka_2" style="color:#AFB11D;text-decoration:none;border:none;">2</a></li>
<li style="float:left;padding-left:10px;"><span style="color:#ffffff;text-decoration:none;border:none;">3</span></li>
</ul>

<br style="clear:both"/>

<img src="/img/refs/eureka_home.png" style="width:365px;padding:10px"/>
</div>

<div style="float:right;width:40%;">
<h1 style="color:white;">Design</h1>
<p style="padding-left:0px;">
The website design was realised independently from application, and integrated later through the use of Nagare renderer and lxml features.
</p>
<p style="padding-left:0px;">
Static blocks of the portal were replaced by dynamic Nagare components, thus allowing incremental features development.
</p>
</div>

<br style="clear:both"/>

</div>
}}}