|
|
|
<!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="fun.html">Fun</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://www.webtoons.com/fr/fantasy/omniscient-reader/list?title_no=2175" class="element elmnt1"
|
|
|
|
target="_blank">
|
|
|
|
<img src="https://swebtoon-phinf.pstatic.net/20200814_47/1597371219311kW6GG_JPEG/M_details.jpg?type=crop540_540"
|
|
|
|
alt="thumbnail">
|
|
|
|
<div>
|
|
|
|
<h2>Omniscient</h2>
|
|
|
|
<p>Sleepy-C / UMI<br></p>
|
|
|
|
<p class="hidden">« Je suis le seul lecteur à connaître la fin du monde. »
|
|
|
|
|
|
|
|
</p>
|
|
|
|
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="https://www.webtoons.com/fr/action/ghost-king/list?title_no=3674" class="element elmnt1"
|
|
|
|
target="_blank">
|
|
|
|
<img src="https://swebtoon-phinf.pstatic.net/20211117_242/1637119335923dHRBM_JPEG/1M_details.jpg?type=crop540_540"
|
|
|
|
alt="thumbnail">
|
|
|
|
<div>
|
|
|
|
<h2>Ghost King</h2>
|
|
|
|
<p>Park Jin-Seok / Son Gohu<br></p>
|
|
|
|
<p class="hidden">Dans un monde où les arts martiaux du passé se prolongent dans le présent… la paix
|
|
|
|
est revenue après la disparition d'un tueur sanguinaire, le Roi Spectral.
|
|
|
|
|
|
|
|
</p>
|
|
|
|
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="https://www.webtoons.com/fr/action/ghost-king/list?title_no=3674" class="element elmnt1"
|
|
|
|
target="_blank">
|
|
|
|
<img src="https://swebtoon-phinf.pstatic.net/20191219_16/15766814430890w1m9_JPEG/M_details_720x1230.jpg?type=crop540_540"
|
|
|
|
alt="thumbnail">
|
|
|
|
<div>
|
|
|
|
<h2>Tower Of God</h2>
|
|
|
|
<p>SIU <br></p>
|
|
|
|
<p class="hidden">“Que désirez-vous? La richesse? La gloire? Le pouvoir? La vengeance? Ou une chose
|
|
|
|
qui surpasse toutes les autres ? Quel que soit votre désir, il se trouve ici !”
|
|
|
|
|
|
|
|
</p>
|
|
|
|
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="https://www.webtoons.com/fr/action/the-god-of-high-school/list?title_no=1831"
|
|
|
|
class="element elmnt1" target="_blank">
|
|
|
|
<img src="https://swebtoon-phinf.pstatic.net/20191127_291/1574821884836JUV15_JPEG/bg_mobile.jpg?type=crop540_540"
|
|
|
|
alt="thumbnail">
|
|
|
|
<div>
|
|
|
|
<h2>The God of High School</h2>
|
|
|
|
<p>Yongje Park<br></p>
|
|
|
|
<p class="hidden">Le destin de trois lycéens, experts en arts martiaux, se croisent lorsque les
|
|
|
|
Juges font leur apparition, leur proposant de participer à un tournoi :
|
|
|
|
|
|
|
|
</p>
|
|
|
|
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="https://www.webtoons.com/fr/thriller/sweethome/list?title_no=1996" class="element elmnt1"
|
|
|
|
target="_blank">
|
|
|
|
<img src="https://swebtoon-phinf.pstatic.net/20200428_23/1588053177319xEVr7_JPEG/04_EC9E91ED9288EC8381EC84B8_mobile.jpg?type=crop540_540"
|
|
|
|
alt="thumbnail">
|
|
|
|
<div>
|
|
|
|
<h2>Sweet home</h2>
|
|
|
|
<p>Carnby Kim / Youngchan Hwang <br></p>
|
|
|
|
<p class="hidden">Après une tragédie familiale inattendue, un lycéen solitaire est obligé de quitter
|
|
|
|
son domicile -
|
|
|
|
|
|
|
|
</p>
|
|
|
|
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="https://www.webtoons.com/fr/sports/the-boxer/list?title_no=2037" class="element elmnt1"
|
|
|
|
target="_blank">
|
|
|
|
<img src="https://swebtoon-phinf.pstatic.net/20200428_54/1588055670703Ehplg_JPEG/M_details.jpg?type=crop540_540"
|
|
|
|
alt="thumbnail">
|
|
|
|
<div>
|
|
|
|
<h2>The Boxer</h2>
|
|
|
|
<p>JH<br></p>
|
|
|
|
<p class="hidden">Avoir un talent particulier, bénédiction ou malédiction ?
|
|
|
|
|
|
|
|
</p>
|
|
|
|
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="main-contents">
|
|
|
|
<aside>
|
|
|
|
<h2>À propos...</h2>
|
|
|
|
<p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum
|
|
|
|
complété. Voilà Voilà, <a href="https://minivoltrush.alwaysdata.net/signup.php" target="_blank">
|
|
|
|
cliquez ici</a> pour découvrir l'envers du décor (ou pas). <br><br>
|
|
|
|
Le rhinopharyngitolaryngographologie et cyclopentanoperhydrophénanthrène met en avant la
|
|
|
|
contraventionnalisation anticonstitutionnelle mis en avant les apports en
|
|
|
|
aminométhylpyrimidinylhydroxyéthylméthylthiazolium.</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
|
|
|
|
Mardi 30 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>
|