|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="fr">
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<title>PopOp</title>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<link href="style/style_index.css" rel="stylesheet">
|
|
|
|
|
<link href="style/style_main.css" rel="stylesheet">
|
|
|
|
|
<link rel="icon" type="image/x-icon" href="_content/favicon-32x32.png">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<header>
|
|
|
|
|
<h1><a class="_title" href="home.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1>
|
|
|
|
|
<ul>
|
|
|
|
|
<li><a href="top.html">Top</a></li>
|
|
|
|
|
<li><a href="index.html">Musiques</a></li>
|
|
|
|
|
<li><a href="reading.html">Lectures</a></li>
|
|
|
|
|
</ul>
|
|
|
|
|
<div>
|
|
|
|
|
<a href="sign_in.php">Se connecter</a>
|
|
|
|
|
<a href="sign_up.php">S'inscrire</a>
|
|
|
|
|
</div>
|
|
|
|
|
</header>
|
|
|
|
|
<main>
|
|
|
|
|
<div class="main-side">
|
|
|
|
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>La ballade de Lila K</h2>
|
|
|
|
|
<p>Blandine le callet<br></p>
|
|
|
|
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour,
|
|
|
|
|
des hommes en noir l'ont brutalement arrachée à sa mère.
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/NR/fd/04/a9/11076861/1540-1/tsp20190829135208/La-Princee-de-Cleves-Bac-2020.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>La Princesse de Clèves</h2>
|
|
|
|
|
<p>Madame de Lafayette<br></p>
|
|
|
|
|
<p class="hidden">Le célèbre roman de Mme de Lafayette, suivi d’un parcours littéraire « Individu,
|
|
|
|
|
morale et société ».
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 2.95€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/a15608794/Banana-Fish-Tome-01-Banana-Fish-Perfect-Edition-Akimi-Yoshida#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/NR/88/03/c9/13173640/1540-1/tsp20210310071957/Banana-Fish-Perfect-Edition.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>Banana Fish</h2>
|
|
|
|
|
<p>Akimi Yoshida<br></p>
|
|
|
|
|
<p class="hidden">" - Une nuit au Vietnam, un mec de mon unité a complètement disjoncté. Il a chopé
|
|
|
|
|
un M16 et il a tué trois de mes hommes.
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 16€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/a13914808/Makoto-Shinkai-Les-Enfants-du-Temps#omnsearchpos=8"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/NR/eb/67/af/11495403/1540-1/tsp20191212070455/Les-Enfants-du-Temps.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>Les enfants du temps</h2>
|
|
|
|
|
<p>Makoto Shinkai<br></p>
|
|
|
|
|
<p class="hidden">Lors des vacances d’été, Hodaka fugue de son île natale pour se rendre à Tokyo,
|
|
|
|
|
terre de liberté. Malheureusement
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 14.95€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/mp34593993/The-Farm?oref=893a8e73-7ef9-2622-ce4c-30bdeafef41a#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/MC/c9/dc/0f/34593993/1540-1/tsp20180412213418/The-Farm.jpg#9e5621e2-1042-4e2c-aea8-069eb6e87108"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>The Farm [EN]</h2>
|
|
|
|
|
<p>Tom Rob Smith<br></p>
|
|
|
|
|
<p class="hidden">A suspenseful psychological thriller from the author of Booker-longlisted Child
|
|
|
|
|
44, now a film starring Tom Hardy, Noomi Rapace and Gary Oldman
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 0.90€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/a892244/Edmond-Rostand-Cyrano-de-Bergerac#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/Images/FR/NR/54/9d/0d/892244/1540-1/tsp20211015181720/Cyrano-de-Bergerac.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>Edmond Rostand</h2>
|
|
|
|
|
<p>Cyrano de Bergerac<br></p>
|
|
|
|
|
<p class="hidden">Aimable jeune homme et auteur à demi-succès patronné par Sarah Bernhardt, Rostand
|
|
|
|
|
devient du jour au lendemain avec Cyrano de Bergerac un héros national,
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 3€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/a15171008/Blue-Period-Tome-01-Blue-Period-Tsubasa-Yamaguchi#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>La ballade de Lila K</h2>
|
|
|
|
|
<p>Blandine le callet<br></p>
|
|
|
|
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour,
|
|
|
|
|
des hommes en noir l'ont brutalement arrachée à sa mère.
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>La ballade de Lila K</h2>
|
|
|
|
|
<p>Blandine le callet<br></p>
|
|
|
|
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour,
|
|
|
|
|
des hommes en noir l'ont brutalement arrachée à sa mère.
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>La ballade de Lila K</h2>
|
|
|
|
|
<p>Blandine le callet<br></p>
|
|
|
|
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour,
|
|
|
|
|
des hommes en noir l'ont brutalement arrachée à sa mère.
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>La ballade de Lila K</h2>
|
|
|
|
|
<p>Blandine le callet<br></p>
|
|
|
|
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour,
|
|
|
|
|
des hommes en noir l'ont brutalement arrachée à sa mère.
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
<a href="https://livre.fnac.com/a3784037/Blandine-Le-Callet-La-Ballade-de-Lila-K#omnsearchpos=1"
|
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
|
<img src="https://static.fnac-static.com/multimedia/FR/Images_Produits/FR/fnac.com/Visual_Principal_340/2/5/7/9782253161752/tsp20121009132147/La-ballade-de-Lila-K.jpg"
|
|
|
|
|
alt="thumbnail">
|
|
|
|
|
<div>
|
|
|
|
|
<h2>La ballade de Lila K</h2>
|
|
|
|
|
<p>Blandine le callet<br></p>
|
|
|
|
|
<p class="hidden">Une jeune femme, Lila K., fragile et volontaire, raconte son histoire. Un jour,
|
|
|
|
|
des hommes en noir l'ont brutalement arrachée à sa mère.
|
|
|
|
|
</p>
|
|
|
|
|
<u><img class="icon" src="_content/fnac-icon.png" alt="spotify-icon">Lien 7.70€</u>
|
|
|
|
|
</div>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="main-contents">
|
|
|
|
|
<aside>
|
|
|
|
|
<h2>À propos...</h2>
|
|
|
|
|
<p>Voici un site ma foi très peu utile et pertinent afin de rendre un travail un minimum
|
|
|
|
|
complété. Ce site n'a pas vraiment d'objectif. Dans l'état actuel des choses le système de connexion
|
|
|
|
|
et d'inscription requiert de "simuler" un serveur ou d'en être sur un réel. Par conséquent ce
|
|
|
|
|
système n'est pas mis en place ou effectif. Sur mon "test" de <a
|
|
|
|
|
href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank">site à ce lien</a>, ce
|
|
|
|
|
système fonctionne très bien. Cependant je n'assume plus son contenu ^-^.</p>
|
|
|
|
|
</aside>
|
|
|
|
|
<aside>
|
|
|
|
|
<h2>Fun Fact</h2>
|
|
|
|
|
<p>Je me suis souvenu qu'il fallait faire <a href="index.html" target="_blank">ce site</a> uniquement le
|
|
|
|
|
dimanche soir
|
|
|
|
|
précédent la rentrée du
|
|
|
|
|
Lundi 8 Novembre.</p>
|
|
|
|
|
<p>Faire un lien un minimum esthétique c'est long. -_-</p>
|
|
|
|
|
</aside>
|
|
|
|
|
<aside>
|
|
|
|
|
<h2>Image aléatoire</h2>
|
|
|
|
|
<p>Un site du nom de <a href="https://picsum.photos" target="_blank">picsum</a> affiche une image
|
|
|
|
|
aléatoire. Rien de
|
|
|
|
|
plus.
|
|
|
|
|
</p>
|
|
|
|
|
<img src="https://picsum.photos/400/240" alt="random-pic" height="240" width="400">
|
|
|
|
|
</aside>
|
|
|
|
|
</div>
|
|
|
|
|
</main>
|
|
|
|
|
<footer>
|
|
|
|
|
<a href="#mentions-legales" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par
|
|
|
|
|
SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
|
|
|
|
|
</footer>
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
</html>
|
