<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>eGonomy » Image</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">
<div class="column column-half">
<h2>Titre de l'image</h2>
<div class="fullphoto placeholder">
Photo à annoter
</div>
</div>
<div class="column column-half">
<table class="image-metadata">
<tr>
<th>Description :</th>
<td>Lorem Ipsum, Ceci est la description de l'œuvre représentée dans l'image.</td>
</tr>
<tr>
<th>Localisation :</th>
<td>Musée du Louvre, Paris.</td>
</tr>
</table>
<h2>Mots-clés</h2>
<table class="image-keywords">
<thead>
<tr>
<th>Mot-clé</th>
<th>Relation à l'image</th>
<th>Source / Annoté par</th>
</tr>
</thead>
<tbody>
<tr>
<td>Louis XV</td>
<td>est représenté(e)</td>
<td>Import Base RMN</td>
</tr>
<tr>
<td>Marcel Duchamp</td>
<td>est l'auteur</td>
<td>Import Base RMN</td>
</tr>
<tr>
<td>Paris</td>
<td>est représenté(e)</td>
<td>Enrichissement Pertimm</td>
</tr>
<tr>
<td>Liberté</td>
<td>est symbolisé(e)</td>
<td>Julien75</td>
</tr>
</tbody>
</table>
<div class="fullwidth">
<a href="#" class="add-button">+ Ajouter un mot-clé</a>
</div>
<div class="fullwidth">
<a href="#" class="big-button">Créer un fragment</a>
<a href="#" class="big-button">Créer un Renkan</a>
</div>
</div>
</div>
<div class="fullwidth">
<div class="column column-half">
<h2>Fragments de cette image</h2>
<div class="fullwidth">
<div class="subcol subcol-half-fourth">
<div class="img-eighth placeholder"></div>
<h3>Titre du fragment</h3>
<p>Annoté par <strong>Julien75</strong></p>
</div>
<div class="subcol subcol-half-fourth">
<div class="img-eighth placeholder"></div>
<h3>Titre du fragment</h3>
<p>Annoté par <strong>Julien75</strong></p>
</div>
<div class="subcol subcol-half-fourth">
<div class="img-eighth placeholder"></div>
<h3>Titre du fragment</h3>
<p>Annoté par <strong>Julien75</strong></p>
</div>
<div class="subcol subcol-half-fourth">
<div class="img-eighth placeholder"></div>
<h3>Titre du fragment</h3>
<p>Annoté par <strong>Julien75</strong></p>
</div>
</div>
</div>
<div class="column column-half">
<h2>Renkans utilisant cette image</h2>
<div class="fullwidth">
<div class="subcol subcol-half-fourth">
<div class="img-eighth placeholder"></div>
<h3>Titre du Renkan</h3>
<p>Créé par <strong>Julien75</strong></p>
</div>
<div class="subcol subcol-half-fourth">
<div class="img-eighth placeholder"></div>
<h3>Titre du Renkan</h3>
<p>Créé par <strong>Julien75</strong></p>
</div>
<div class="subcol subcol-half-fourth">
<div class="img-eighth placeholder"></div>
<h3>Titre du Renkan</h3>
<p>Créé par <strong>Julien75</strong></p>
</div>
<div class="subcol subcol-half-fourth">
<div class="img-eighth placeholder"></div>
<h3>Titre du Renkan</h3>
<p>Créé par <strong>Julien75</strong></p>
</div>
</div>
</div>
</div>
<footer class="fullwidth">
<ul class="footer-list">
<li>© IRI 2013</li>
</ul>
</footer>
</div>
</div>
</body>
</html>