<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>eGonomy » Accueil</title>
<link rel="stylesheet" type="text/css" href="css/egonomy.css" />
</head>
<body>
<div class="header-wrap fullwidth">
<header>
<h1 class="column column-third">TagItAll by eGonomy</h1>
<form class="column column-third">
<input class="search-field" type="search" placeholder="Rechercher" />
</form>
<nav class="column column-third">
<a href="#">Se connecter</a>
</nav>
</header>
</div>
<div class="main-wrap fullwidth">
<div class="main">
<div class="fullwidth">
<h2>Résultats de Recherche pour « Titre »</h2>
</div>
<div class="fullwidth">
<!-- Liste des images trouvées -->
<div class="column column-half">
<h2>Images correspondantes</h2>
<ul class="fullwidth">
<li class="subcol subcol-half-fourth">
<div class="center-image">
<img src="img/empty.gif" width="110" height="82" class="placeholder" />
</div>
<h3><span class="highlight">Titre</span> de l'image</h3>
<p>Annotée par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<img src="img/empty.gif" width="82" height="110" class="placeholder" />
</div>
<h3><span class="highlight">Titre</span> de l'image</h3>
<p>Annotée par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<img src="img/empty.gif" width="110" height="55" class="placeholder" />
</div>
<h3><span class="highlight">Titre</span> de l'image</h3>
<p>Annotée par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<img src="img/empty.gif" width="110" height="110" class="placeholder" />
</div>
<h3><span class="highlight">Titre</span> de l'image</h3>
<p>Annotée par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<img src="img/empty.gif" width="82" height="110" class="placeholder" />
</div>
<h3><span class="highlight">Titre</span> de l'image</h3>
<p>Annotée par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<img src="img/empty.gif" width="55" height="110" class="placeholder" />
</div>
<h3><span class="highlight">Titre</span> de l'image</h3>
<p>Annotée par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<img src="img/empty.gif" width="110" height="110" class="placeholder" />
</div>
<h3><span class="highlight">Titre</span> de l'image</h3>
<p>Annotée par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<img src="img/empty.gif" width="110" height="82" class="placeholder" />
</div>
<h3><span class="highlight">Titre</span> de l'image</h3>
<p>Annotée par <strong>Julien75</strong></p>
</li>
</ul>
</div>
<!-- Liste des derniers fragments modifiés -->
<div class="column column-half">
<h2>Fragments correspondants</h2>
<ul class="fullwidth">
<li class="subcol subcol-half-fourth">
<div class="center-image">
<div class="image-and-fragment">
<img src="img/empty.gif" width="110" height="82" class="placeholder" />
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
<path d="M 0 .5 L .5 0 L 1 .5 L .5 1 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
</svg>
</div>
</div>
<h3><span class="highlight">Titre</span> du fragment</h3>
<h4>Fragment de <span class="highlight">Titre</span> de l'image</h4>
<p>Annoté par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<div class="image-and-fragment">
<img src="img/empty.gif" width="82" height="110" class="placeholder" />
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
<path d="M 0 .5 L .5 0 L 1 .5 L .5 1 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
</svg>
</div>
</div>
<h3><span class="highlight">Titre</span> du fragment</h3>
<h4>Fragment de <span class="highlight">Titre</span> de l'image</h4>
<p>Annoté par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<div class="image-and-fragment">
<img src="img/empty.gif" width="110" height="110" class="placeholder" />
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
<path d="M .2 .5 L .7 .2 L .8 .7 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
</svg>
</div>
</div>
<h3><span class="highlight">Titre</span> du fragment</h3>
<h4>Fragment de <span class="highlight">Titre</span> de l'image</h4>
<p>Annoté par <strong>Julien75</strong></p>
</li>
<li class="subcol subcol-half-fourth">
<div class="center-image">
<div class="image-and-fragment">
<img src="img/empty.gif" width="110" height="82" class="placeholder" />
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewbox="0 0 1 1" preserveAspectRatio="none">
<path d="M .2 .5 L .7 .2 L .8 .7 Z" stroke="red" stroke-width=".02" fill="red" fill-opacity=".3" />
</svg>
</div>
</div>
<h3><span class="highlight">Titre</span> du fragment</h3>
<h4>Fragment de <span class="highlight">Titre</span> de l'image</h4>
<p>Annoté par <strong>Julien75</strong></p>
</li>
</ul>
</div>
</div>
<footer class="fullwidth">
<ul class="footer-list">
<li>© IRI 2013</li>
</ul>
</footer>
</div>
</div>
</body>
</html>