56 lines
1.7 KiB
HTML
56 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
|
|
<link href="reset.css">
|
|
<link href="style.css" rel="stylesheet">
|
|
<meta charset="UTF-8">
|
|
<meta name="author" content="">
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Post-ERG</title>
|
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
<!-- ENTÊTE -->
|
|
<header>
|
|
<a href="index.html">Mémoire post-ERG / A life after ERG</a>
|
|
<div class="menu">
|
|
<div class="menu-content">
|
|
<input type="search" name="search" placeholder="Recherche..." button class="button"></input>
|
|
<a href="formulaire.html" button class="button">Partager un mémoire</a>
|
|
<a href="apropos.html" button class="button">À propos</a>
|
|
<a href="contact.html" button class="button">Contact</a>
|
|
<a href="licences.html" button class="button">Licences</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- GRILLE -->
|
|
|
|
<div class=" grid-section">
|
|
<section class="grid1">
|
|
<ul id="mosaic">
|
|
<li class="item"><a href="memoires/m1.html"><img src="memoires/memoire_1.jpg" alt="">Yeah I'm still searchin'<span></span></a></li>
|
|
<li class="item"><a href=""><img src="memoires/memoire_2.png" alt=""><span>Froncer les sourcils</span></a></li>
|
|
<li class="item"><a href=""><img src="memoires/memoire_3.png" alt=""><span>Design Spéculatif: La guerre des imaginaires</span></a></li>
|
|
</ul>
|
|
</section>
|
|
<section class="grid2">
|
|
<ul id="list">
|
|
<li><a href="">2021</a></li>
|
|
<li><a href="">2020</a></li>
|
|
<li><a href="">2019</a></li>
|
|
<li><a href="">2018</a></li>
|
|
<li><a href="">2017</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |