First front-end prototype
This commit is contained in:
59
painting.html
Normal file
59
painting.html
Normal file
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>Ginou • tableau <!-- insérer le nom et/ou le numéro --></title>
|
||||
<meta name="description" content="Site dédié à la mémoire et aux peintures de Geneviève Collignon, dite Ginou.">
|
||||
<meta name="author" content="Famille Marchal">
|
||||
<link rel="shortcut icon" href="images/favicon.png">
|
||||
<link rel="stylesheet" href="styles/main.css" media="screen">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav>
|
||||
<ul>
|
||||
<li class="title"><a href="index.html">Ginou</a></li>
|
||||
<li><a href="biographie.html">Biographie</a></li>
|
||||
<li><a href="exposition.html">Exposition</a></li>
|
||||
<li><a href="explorer.html">Explorer</a></li>
|
||||
<li><a href="divers.html">Divers</a></li>
|
||||
<li><a href="informations.html">Informations</a></li>
|
||||
</ul>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<article class="painting">
|
||||
|
||||
<div class="container">
|
||||
<div></div> <!-- fake div to center with a flex box -->
|
||||
|
||||
<div>
|
||||
<img src="images/paintings/normal/26.jpg">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<ul class="metadata">
|
||||
<li><span class="title">numéro :</span><span class="content"> 42</span></li>
|
||||
<li><span class="title">date :</span><span class="content"> février 1974</span></li>
|
||||
<li><span class="title">format :</span><span class="content"> 30x39</span></li>
|
||||
<li><span class="title">support :</span><span class="content"> toile</span></li>
|
||||
<li><span class="title">thème :</span><span class="content"> Reproduction</span></li>
|
||||
<li><span class="title">lieu :</span><span class="content"> -</span></li>
|
||||
<li><span class="title">catégorie :</span><span class="content"> -</span></li>
|
||||
<li><span class="title">état photo :</span><span class="content"> mauvais</span></li>
|
||||
<li><span class="title">aide requise :</span><span class="content"> <a href="informations.html"><strong>oui (!)</strong></a></span></li>
|
||||
<li><span class="title">commentaire :</span><span class="content"> Reproduction de Courbet</span></li>
|
||||
<li><span class="content"><a href="images/paintings/original/42.jpg">photo originale ⭧</a></span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="info">
|
||||
<span class="title">La Truite</span><span class="year">1960</span>
|
||||
<span class="format">Huile sur toile (55x35)</span>
|
||||
<span class="comment">Reproduction de Courbet</span>
|
||||
</div>
|
||||
|
||||
</article>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user