Ce site est disponible à l'adresse suivante : https://serny-nsi.alwaysdata.net/ https://serny-nsi.alwaysdata.net/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

223 lines
12 KiB

<!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>
3 years ago
<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>
3 years ago
<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>
3 years ago
<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>
3 years ago
<h2>Omniscient</h2>
<p>Sleepy-C / UMI<br></p>
<p class="hidden">« Je suis le seul lecteur à connaître la fin du monde. »
</p>
3 years ago
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
</div>
</a>
3 years ago
<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>
3 years ago
<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>
3 years ago
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
</div>
</a>
3 years ago
<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>
3 years ago
<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>
3 years ago
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
</div>
</a>
3 years ago
<a href="https://www.webtoons.com/fr/action/the-god-of-high-school/list?title_no=1831"
class="element elmnt1" target="_blank">
3 years ago
<img src="https://swebtoon-phinf.pstatic.net/20191127_291/1574821884836JUV15_JPEG/bg_mobile.jpg?type=crop540_540"
alt="thumbnail">
<div>
3 years ago
<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>
3 years ago
<u><img class="icon" src="_content/webtoon-icon.png" alt="spotify-icon">Lien gratuit</u>
</div>
</a>
3 years ago
<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>
3 years ago
<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>
3 years ago
<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>
3 years ago
</div>
<div class="main-contents">
<aside>
<h2>À propos...</h2>
3 years ago
<p>Voici un site très peu utile et pertinent afin de rendre un travail un minimum
3 years ago
complété. Voilà Voilà, <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" target="_blank">
3 years ago
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>
3 years ago
<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>
3 years ago
<a href="mentions-legales.html" target="_blank">Mentions légales.</a> <br> Mise en page
par
SERNY Sacha. Données par <a href="https://www.wikipedia.org">Wikipedia</a>
</footer>
</body>
</html>