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.

144 lines
5.8 KiB

3 years ago
<!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="index.html"><span class="word1">Pop</span><span class="word3">Op</span></a></h1>
<ul>
<li><a href="#unlinked">Top</a></li>
<li><a href="#unlinked">Musiques</a></li>
<li><a href="#unlinked">Lectures</a></li>
</ul>
<div>
<a href="sign_in.html">Se connecter</a>
<a href="sign_up.html">S'inscrire</a>
</div>
</header>
<main>
<div class="main-side">
3 years ago
<a href="https://open.spotify.com/track/2dLLR6qlu5UJ5gk0dKz0h3?si=dce69b1c4a26487d" class="element elmnt1"
target="_blank">
3 years ago
<img src="_content/picture2.jpg" alt="thumbnail">
<div>
<h2>Royals</h2>
<p>Royals - Lorde<br><u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien
(payant)</u></p>
</div>
</a>
<a href="https://open.spotify.com/search/numb%20link" class="element elmnt2">
3 years ago
<img src="_content/picture1.jpg" alt="thumbnail" target="_blank">
3 years ago
<div>
<h2>Numb</h2>
<p>Numb - Linkin Park<br><u><img class="icon" src="_content/spotify-icon.png"
alt="spotify-icon">Lien (payant)</u></p>
</div>
</a>
<a href="https://open.spotify.com/track/6xWFzrQE9KIioQSYXlVN2t?si=a8ebcfbc70804976" class="element elmnt1">
3 years ago
<img src="_content/picture3.jpg" alt="thumbnail" target="_blank">
3 years ago
<div>
<h2>Red</h2>
<p>Red - Survive said the prophet <br><u><img class="icon" src="_content/spotify-icon.png"
alt="spotify-icon">Lien (payant)</u></p>
</div>
</a>
<a href="https://open.spotify.com/track/2lXu7SNGIKHJ8EV2EetYFa?si=f29c10aab5964beb" class="element elmnt2">
3 years ago
<img src="_content/picture4.jpeg" alt="thumbnail" target="_blank">
3 years ago
<div>
<h2>命に嫌われて</h2>
<p>命に嫌われている。- Majiko<br><u><img class="icon" src="_content/spotify-icon.png" alt="spotify-icon">Lien
(payant)</u></p>
</div>
</a>
<a href="https://open.spotify.com/track/1x5sYLZiu9r5E43kMlt9f8?si=631da71145414cc0" class="element elmnt1">
3 years ago
<img src="_content/picture5.jpg" alt="thumbnail" target="_blank">
3 years ago
<div>
<h2>Symphony</h2>
<p>Symphony - Clean Bandit (feat. Zara Larsson) <br><u><img class="icon"
src="_content/spotify-icon.png" alt="spotify-icon">Lien (payant)</u></p>
</div>
</a>
<a href="https://open.spotify.com/track/7djl4lZ6guZYAckDsfzrfs?si=e9c779cc72644f81" class="element elmnt2">
3 years ago
<img src="_content/picture6.jpg" alt="thumbnail" target="_blank">
3 years ago
<div>
<h2>Reckoning song</h2>
<p>Reckoning song (cover) - Asaf Avidan, The Mojos <br><u><img class="icon"
src="_content/spotify-icon.png" alt="spotify-icon">Lien (payant)</u></p>
</div>
</a>
<a href="https://open.spotify.com/track/1hwJKpe0BPUsq6UUrwBWTw?si=71cfd097e58349b0" class="element elmnt1">
3 years ago
<img src="_content/picture7.jpg" alt="thumbnail" target="_blank">
3 years ago
<div>
<h2>Boulevard of Broken Dreams</h2>
<p>Boulevard of Broken Dreams - Green Day<br><u><img class="icon" src="_content/spotify-icon.png"
alt="spotify-icon">Lien (payant)</u></p>
</div>
</a>
<a href="https://open.spotify.com/album/3zpPQp0SG0voOUtkovK7O5" class="element elmnt2">
3 years ago
<img src="_content/picture8.jpg" alt="thumbnail" target="_blank">
3 years ago
<div>
<h2>Centuries</h2>
<p>Centuries - Fall Out Boy <br><u><img class="icon" src="_content/spotify-icon.png"
alt="spotify-icon">Lien (payant)</u></p>
</div>
</a>
<a href="https://open.spotify.com/track/2U5kSevItDmL0XzSDyemRp?si=dff1294e198f4439" class="element elmnt1">
3 years ago
<img src="_content/picture9.jpg" alt="thumbnail" target="_blank">
3 years ago
<div>
<h2>Le temps est bon</h2>
<p>Le temps est bon - Bon Entendeur <br><u><img class="icon" src="_content/spotify-icon.png"
alt="spotify-icon">Lien (payant)</u></p>
</div>
</a>
<a href="https://open.spotify.com/track/62yJjFtgkhUrXktIoSjgP2?si=8de8d5f411a04de7" class="element elmnt2">
3 years ago
<img src="_content/picture10.jpg" alt="thumbnail" target="_blank">
3 years ago
<div>
<h2>Radioactive</h2>
<p>Radioactive - Imagine Dragons<br><u><img class="icon" src="_content/spotify-icon.png"
alt="spotify-icon">Lien (payant)</u></p>
</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
3 years ago
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
3 years ago
système fonctionne très bien. Cependant je n'assume plus son contenu ^-^.</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 le
dimanche soir
3 years ago
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>
3 years ago
<p>Un site du nom de <a href="https://picsum.photos" target="_blank">picsum</a> affiche une image
aléatoire. Rien de
3 years ago
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" target="_blank">Mentions légales + points d'amélioration.</a> <br> Mise en page par
SERNY Sacha.
3 years ago
</footer>
</body>
</html>