PostERG/posterg-front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ajout de la grid mémoire, avec side bar et hover

Browse Source
This commit is contained in:
Pontoporeia
2022-12-21 18:23:26 +01:00
parent 94630ebef4
commit c700b06d9c
12 changed files with 258 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
index.html
View File

@@ -21,27 +21,35 @@
<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="boutton boutton1"></input>
<a href="formulaire.html" button class="boutton boutton1">Partager un mémoire</a>
<a href="apropos.html" button class="boutton boutton1">À propos</a>
<a href="contact.html" button class="boutton boutton1">Contact</a>
<a href="licences.html" button class="boutton boutton1">Licences</a>
<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>
<!-- CONTENU PAGE -->
<div id="page_content">
<!-- GRILLE -->
<!-- GRILLE -->
<div class=" grid-section">
<div class="grid-main">
<div class="grid1">Colonne 1</div>
<div class="grid2">Colonne 2</div>
<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>
</div>
</div>
</body>