tiago170/quelafamille
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1ére version

Browse Source
This commit is contained in:
Tiago Da Silva 2023-06-26 12:04:40 +02:00
commit 5e9df3d335
86 changed files with 1175 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
Clip Next level F430.html Normal file
View File

@ -0,0 +1,58 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="F430.html">Cliquer ici pour revenir en arrière</a>
</ul>
</div>
</div>
</nav>
<!--Fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5">
<h1>Clip de F430 - Next level </h1>
</div>
</div>
<!--Fin du Titre-->
<!--Clip-->
<div class="container text-center">
<div class="row align-items-start">
<video controls width="700" height="500">
<source src="Vidéo/Clip F430 - Next level.mp4" />
</div>
<!--Fin du clip-->
</body>
</html>

58
Clip au dd PNL.html Normal file
View File

@ -0,0 +1,58 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="PNL.html">Cliquer ici pour revenir en arrière</a>
</ul>
</div>
</div>
</nav>
<!--Fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5">
<h1>Clip de PNL - Au DD </h1>
</div>
</div>
<!--Fin du Titre-->
<!--Clip-->
<div class="container text-center">
<div class="row align-items-start">
<video controls width="700" height="500">
<source src="Vidéo/Clip PNL Au dd.mp4" />
</div>
<!--Fin du clip-->
</body>
</html>

58
Clip cauchemar Moha mmz.html Normal file
View File

@ -0,0 +1,58 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="moha mmz.html">Cliquer ici pour revenir en arrière</a>
</ul>
</div>
</div>
</nav>
<!--Fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5">
<h1>Clip de Moha MMZ - CAUCHEMAR </h1>
</div>
</div>
<!--Fin du Titre-->
<!--Clip-->
<div class="container text-center">
<div class="row align-items-start">
<video controls width="700" height="500">
<source src="Vidéo/Moha MMZ - CAUCHEMAR [Clip Officiel](720p).mp4" />
</div>
<!--Fin du clip-->
</body>
</html>

58
Clip dans la ville DTF ft. N.O.S .html Normal file
View File

@ -0,0 +1,58 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="DTF.html">Cliquer ici pour revenir en arrière</a>
</ul>
</div>
</div>
</nav>
<!--Fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5">
<h1>Clip de DTF Feat N.O.S - Dans la ville </h1>
</div>
</div>
<!--Fin du Titre-->
<!--Clip-->
<div class="container text-center">
<div class="row align-items-start">
<video controls width="700" height="500">
<source src="Vidéo/DTF - Dans la ville ft. N.O.S [Clip Officiel](720p).mp4" />
</div>
<!--Fin du clip-->
</body>
</html>

59
Clip le monde ou rien PNL.html Normal file
View File

@ -0,0 +1,59 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="PNL.html">Cliquer ici pour revenir en arrière</a>
</ul>
</div>
</div>
</nav>
<!--Fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5">
<h1>Clip de PNL - Le monde ou rien </h1>
</div>
</div>
<!--Fin du Titre-->
<!--Clip-->
<div class="container text-center">
<div class="row align-items-start">
<video controls width="700" height="500">
<source src="Vidéo/Clip PNL le monde ou rien.mp4" />
</div>
<!--Fin du clip-->
</body>
</html>

106
DTF.html Normal file
View File

@ -0,0 +1,106 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="PNL.html">PNL</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="F430.html">F430</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="DTF.html">DTF</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="MMZ.html">MMZ</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5 mb-5 mt-5 mb-5">
<h1>DTF</h1>
</div>
</div>
<!--Fin du titre-->
<!--Presentation 1-->
<div class="container text-center">
<div class="row">
<div class="col-sm-5 col-md-6"></div>
<div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0"></div>
</div>
<div class="clearfix">
<img src="img/page dtf/DTF 1.png" class="col-md-6 float-md-end mb-3 ms-md-3" height="400">
<p>
DTF est un groupe originaire d'Ivry-sur-seine (94) dans la cité gagarine et est composé de <a class="link-opacity-100" href="img/page dtf/RTI DTF.png">RTI</a> alias Samy et <a class="link-opacity-100" href="img/page dtf/RKM DTF.png">RKM</a> alias Karim.
</p>
<p>
En 2015, RKM apparaît sur le titre Athéna du premier EP du groupe PNL, intitulé <a class="link-opacity-100" href="https://soundcloud.com/pnl_music/sets/que-la-famille">«Que la famille»</a>, ainsi que dans leur premier album, <a class="link-opacity-100" href="https://soundcloud.com/pnl_music/sets/le-monde-chico">«Le monde chico»</a>.
</p>
<p>
Le nom du groupe correspond aux initiales de « Dans ta face ».
</p>
<p>
Leur premier projet, <a class="link-opacity-100" href="https://soundcloud.com/mikaiib/sets/dtf-le-h-avant-le-b-new-2015">«Le h avant le b»</a>, sort le 30 septembre 2015 en téléchargement gratuit. Ils le voient comme une introduction avant leur album <a class="link-opacity-100" href="img/page dtf/La hass avant le bonheur dtf.jpg">«La hass avant le Bonheur»</a>, sorti fin 2015.
</p>
<P>
Leur troisiéme projet nommé <a class="link-opacity-100" href="https://soundcloud.com/dtf94/sets/sans-reve">«Sans rêves»</a> est sorti le 19 mai 2017 et a cartonné avec la progresseion du groupe et aussi graçe aux feats innatendus avec les deux frères membres de PNL sur les titres suivants : Avant de partir (feat <a class="link-opacity-100" href="img/page dtf/nos 3.png">N.O.S</a>), et Baddack (feat <a class="link-opacity-100" href="img/page dtf/ademo 2.png">Ademo</a>).
</P>
</div>
<!--Fin présentation 1-->
<!--Présentation 2-->
<div class="container text-center">
<div class="col">
<img src="img/page dtf/DTF 2.png" class="col-md-6 float-md-start mb-3 ms-md-end" height="400">
</div>
<div class="col order-5">
<div class="container-md-1">
<p>
Le 11 octobre 2019 sort leur quatriéme projet intitulé <a class="link-opacity-100" href="https://soundcloud.com/dtf94/sets/on-ira-ou">«On ia où ?»</a> et ils collaborent une nouvelle fois avec N.O.S, et font un clip sur le titre «<a class="link-opacity-100" href="Clip dans la ville DTF ft. N.O.S .html">Dans la ville</a>». Le titre est certifié single d'or, le 12 juin 2020 et le 1er décembre 2022, le titre Me gusta est certifié single de diamant par le SNEP.
</p>
<p>
Le 15 mai 2021, DTF annonce la sortie de leur nouvel album qui s'intitule : <a class="link-opacity-100" href="https://soundcloud.com/dtf94/sets/double-star">«Double star»</a>, pour le 28 mai de la même année. L'album se classe 3e des meilleures ventes de la semaine, derrière <a class="link-opacity-100" href="img/page dtf/maitre gims dtf.jpg"> Gims</a>, avec plus de 6 000 exemplaires écoulés.
</p>
<p>
Après le dernier album "Double star" (2021) et 70M de streams plus tard, DTF nous présentait le titre "Je t'emmène" en mai 2022 qui compte déjà plus de 7M de streams, puis le single " G.A.G " le 6 janvier 2023. Le groupe aux multiples succès est de retour avec leur 5ème album, <a class="link-opacity-100" href="https://soundcloud.com/hakim-assemat/sets/album-dtf-karma">«Karma»</a>.
</p>
<p>
L'album a été suivi par une tournée dans toutes les grandes villes de France. La suite reste a venir...
</p>
</div>
<!--Fin présentation 2-->
</body>
</html>

107
F430.html Normal file
View File

@ -0,0 +1,107 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="PNL.html">PNL</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="F430.html">F430</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="DTF.html">DTF</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="MMZ.html">MMZ</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5 mb-5 mt-5 mb-5">
<h1>F430</h1>
</div>
</div>
<!--Fin du titre-->
<!--Presentation 1-->
<div class="container text-center">
<div class="row">
<div class="col-sm-5 col-md-6"></div>
<div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0"></div>
</div>
<div class="clearfix">
<img src="img/page f430/F430.jpeg" class="col-md-6 float-md-end mb-3 ms-md-3" height="400">
<p>F430 est un groupe de rap français indépendant, originaire de la cité des Tarterêts à Corbeil-Essonnes, créé en 2014, et composé de <a class="link-opacity-100" href="img/page f430/jet f430.jpg">Jet</a> et de <a class="link-opacity-100" href="img/page f430/sensei f430.jpeg">Sensei</a>.</p>
<p>
F430, ce nom de groupe a été choisi en hommage au modèle de chez Ferrari «<a class="link-opacity-100" href="img/page f430/ferrari f430.jpg">la ferrari F430</a>»
</p>
<p>
Les futurs membres viennent s'essayer au studio de leur quartier qui appartient au frère de Jet pour passer le temps et s'amuser. On pouvait retrouver à cette période, les deux frères <a class="link-opacity-100" href="img/page f430/ademo 1.png">Ademo</a> et <a class="link-opacity-100" href="img/page f430/nos 2.png">N.O.S</a>, futurs membres du groupe PNL, ainsi que <a class="link-opacity-100" href="img/page f430/moha MMZ.jpg">Moha</a> du groupe MMZ sous l'étendard F430.
</p>
<P>Après quelques clips sortis sur YouTube, le groupe disparaît pendant 1 an. </P>
<p>
C'est avec Jet, né en 1990, et Sensei, né en janvier 1988, qui se croisent régulièrement au studio, que le groupe se relance officiellement en 2016. Les autres membres préfèrent se concentrer sur une carrière solo et font de temps en temps quelques apparitions dans leurs titres ou leurs clips.
</p>
</div>
<!--Fin présentation 1-->
<!--Présentation 2-->
<div class="container text-center">
<div class="col">
<img src="img/page f430/f430 2.jpeg" class="col-md-6 float-md-start mb-3 ms-md-end" height="400">
</div>
<div class="col order-5">
<div class="container-md-1">
<p>
Après plusieurs années et différents clips sortis sur YouTube, F430 sort son premier album nommé « <a class="link-opacity-100" href="https://soundcloud.com/f430-music/sets/thank-you-god-9">Thank you god</a> », le 11 janvier 2019.
</p>
<p>
En décembre de la même année, ils annoncent sur les réseaux sociaux la sortie d'un EP uniquement disponible en streaming, composé de 6 titres nommé «<a class="link-opacity-100" href="img/page f430/street quality F430.jpg">Street Quality</a>». Jet explique dans une interview que le groupe travaille sur leur prochain album et que ce projet servira à faire une transition entre le premier album et le second prévu pour l'année 2021.
</p>
<p>
Le groupe effectue son retour le 22 juin 2021 avec le morceau «<a class="link-opacity-100" href="Clip Next level F430.html">Next Level</a>». Quelques jours plus tard, ils annoncent sur les réseaux, la tracklist, ainsi que la date de leur nouvel album intitulé Guapo World.
</p>
<p>
Le 16 juillet 2021 F430 sort leur troisiéme album intitulé « <a class="link-opacity-100" href="https://soundcloud.com/f430-music/sets/guapo-world-3">Gwapo world</a> »
</p>
<p>
2 ans plus tard le 3 février 2023 le groupe F430 sort un quatriéme album intitulé « <a class="link-opacity-100" href="https://soundcloud.com/f430-music/sets/street-quality-ii">Street Quality 2</a> »
</p>
</div>
<!--Fin présentation 2-->
</body>
</html>

131
MMZ.html Normal file
View File

@ -0,0 +1,131 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="PNL.html">PNL</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="F430.html">F430</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="DTF.html">DTF</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="MMZ.html">MMZ</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5 mb-5 mt-5 mb-5">
<h1>MMZ</h1>
</div>
</div>
<!--fin du titre-->
<!--Presentation 1-->
<div class="container text-center">
<div class="row">
<div class="col-sm-5 col-md-6"></div>
<div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0"></div>
</div>
<div class="clearfix">
<img src="img/page mmz/MMZ.jpg" class="col-md-6 float-md-end mb-3 ms-md-3" height="400">
<p>
MMZ ou 2MZ (Mini Mafia Zoo) est un groupe de rap originaire de la cité des Tarterêts à Corbeil-Essonnes, composé de <a class="link-opacity-100" href="img/page mmz/moha mmz.jpg">Moha</a>, de son vrai nom Mohamed Lakmale, né le 21 janvier 1998, d’origine marocaine et algérienne. Mais également <a class="link-opacity-100" href="img/page mmz/lazer 2MZ.png">Lazer</a>, de son vrai nom Amine Ramani, né le 9 juin 1998, en France, d'origine marocaine. Les anciens membres sont Brams, de son vrai prénom Brahim, né le 1 septembre 1997, d'origine algérienne, <a class="link-opacity-100" href="img/page mmz/doomams mmz.jpg">Doomams</a>, et Razor.
</p>
<p>
MMZ a connu une forte médiatisation grâce à PNL, groupe issu du même quartier, avec lequel il réalisait des featurings au tout début de leur carrière. Moha a d'ailleurs participé à l'album <a class="link-opacity-100" href="https://soundcloud.com/pnl_music/sets/le-monde-chico">«Le monde chico»</a> de <a class="link-opacity-100" href="img/page mmz/pnl 3.jpg">PNL</a> sur le son Que la mif. La chaîne YouTube de MMZ contient 40 titres, avec plus de 283 millions de vues jusqu'à présent. Leur chaîne compte dorénavant 1,13 million d’abonnés.
</p>
<P>
MMZ a été, comme d'autres, soutenu par le duo PNL. Ils sont très proches des rappeurs <a class="link-opacity-100" href="img/page mmz/dtf mmz.png">DTF</a>, <a class="link-opacity-100" href="img/page mmz/tda mmz.png">TDA</a>, <a class="link-opacity-100" href="img/page mmz/f430 mmz.jpg">F430</a>, <a class="link-opacity-100" href="img/page mmz/spion mmz.jpeg">Spion</a>, Flasko, IGD Gang, GDZ, Houzairou, <a class="link-opacity-100" href="img/page mmz/ilinas mmz.jpg">Ilinas</a>, <a class="link-opacity-100" href="img/page mmz/n'dirty deh mmz.jpg">N'dirty deh</a>, Bigy et <a class="link-opacity-100" href="img/page mmz/bene mmz.jpg">Bené</a>, qui sont aussi dans la famille QLF.
</P>
</div>
<!--Fin présentation 1-->
<!--Présentation 2-->
<div class="container text-center">
<div class="col">
<img src="img/page mmz/MMZ 2.jpg" class="col-md-6 float-md-start mb-3 ms-md-end" height="400">
</div>
<div class="col order-5">
<div class="container-md-1">
<p>
Le 4 novembre 2016, ils sortent leur premier album intitulé :<a class="link-opacity-100" href="img/page mmz/tplg mmz.jpg">«Tout pour le gang»</a>, qui contient 16 titres. Le 14 juillet 2017, le projet est certifié disque d'or.
</p>
<p>
Le 10 novembre 2017, ils sortent leur deuxième album intitulé <a class="link-opacity-100" href="https://soundcloud.com/yassine93390/sets/mmz-nda">«N'DA»</a> comprenant 18 titres. L'album est réédité sous le nom <a class="link-opacity-100" href="img/page mmz/Trop-N-DA mmz.jpg">«Trop N'DA»</a>, le 22 juin 2018, avec 7 titres inédits et est certifié disque d'or à la même date.
</p>
<p>
Le 19 avril 2019, Moha et Lazer sortent leur troisième album, <a class="link-opacity-100" href="https://soundcloud.com/mmz-music/sets/sayonara-650787225">«Sayonara»</a> qui signifie au revoir en japonais, laisse d'ailleurs la possibilité à Moha et Lazer d'exprimer leur amour pour la culture nipponne, qu'on avait déjà pu déceler à travers plusieurs morceaux. En effet, les deux rappeurs ont souvent fait référence aux mangas tels que Dragon Ball Z notamment. La pochette de l'album, elle, présente un cerisier oriental. La MMZ cumule au total 17 certifications lors de leur carrière en duo.
</p>
<p>
En 2020, Moha et Lazer décident tous les deux de commencer une carrière en solo, qui selon Moha est un "challenge", un défi à relever.
</p>
<!--Fin présentation 2-->
<!--card-->
<div class="row justify-content-center">
<div class="col-4">
<div class="card" style="width: 18rem;">
<img src="img/page mmz/card moha mmz.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Moha MMZ</h5>
<p class="card-text">Euphoria, premier album de Moha MMZ en solo depuis la séparation de la MMZ...</p>
<a href="moha mmz.html" class="btn btn-primary">Voir plus ici</a>
</div>
</div>
</div>
<div class="col-4">
<div class="card" style="width: 18rem;">
<img src="img/page mmz/card lazer.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Lazer MMZ</h5>
<p class="card-text">Bushido, deuxième projet de Lazer MMZ en solo depuis la séparation de la MMZ...</p>
<a href="lazer mmz.html" class="btn btn-primary">Voir plus ici</a>
</div>
</div>
</div>
</div>
</body>
</html>

146
PNL.html Normal file
View File

@ -0,0 +1,146 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="PNL.html">PNL</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="F430.html">F430</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="DTF.html">DTF</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="MMZ.html">MMZ</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5 mb-5 mt-5 mb-5">
<h1>PNL</h1>
</div>
</div>
<!--Fin du titre-->
<!--Presentation 1-->
<div class="container text-center">
<div class="row">
<div class="col-sm-5 col-md-6"></div>
<div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0"></div>
</div>
<div class="clearfix">
<img src="img/page pnl/PNL.jpg" class="col-md-6 float-md-end mb-3 ms-md-3" height="400">
<p>
PNL (Peace N’ Lovés) est un groupe de rap français composé de deux frères : <a class="link-opacity-100" href="img/page pnl/ademo 3.png">Ademo</a> et <a class="link-opacity-100" href="img/page pnl/nos 1.png">N.O.S</a>, de leurs vrais noms Tarik et Nabil Andrieu, nés le 26 décembre 1986 et le 25 avril 1989, originaires de la cité des Tarterêts à Corbeil-Essonnes.
</p>
<p>
Après une première mixtape (EP) (intitulé « <a class="link-opacity-100" href="https://soundcloud.com/pnl_music/sets/que-la-famille">Que la famille</a> », sorti en mars 2015), le groupe gagne de plus en plus en popularité et s'affirme comme l'une des nouvelles révélations rap de l'année.
</p>
<p>
La plupart de leurs clips ne tardent ainsi pas à dépasser le million de vues sur Youtube, surtout le morceau « <a class="link-opacity-100" href="Clip le monde ou rien PNL.html">Le monde ou rien</a> » qui mettra moins de quelques mois à dépasser les 7 millions de vues.
</p>
<p>
Le groupe se différencie également du reste du Rap français par l'utilisation du vocoder. Leur Premier album « <a class="link-opacity-100" href="https://soundcloud.com/pnl_music/sets/le-monde-chico">Le monde chico</a> » vient définitivement écrire une nouvelle page du rap français et bousculer les clichés établis.
</p>
</div>
<!--Fin présentation 1-->
<!--Présentation 2-->
<div class="container text-center">
<div class="col">
<img src="img/page pnl/PNL2.jpg" class="col-md-6 float-md-start mb-3 ms-md-end" height="400">
</div>
<div class="col order-5">
<div class="container-md-1">
<p>
Un an plus tard,PNL sort leur deuxième album intitulé « <a class="link-opacity-100" href="https://soundcloud.com/pnl_music/sets/dans-la-legende">Dans la légende</a> » consolide leur marque de fabrique faite de décalages. PNL se mêlent mélancolie douce et violence fulgurante au moyen de productions éthérées et de textes crus.
</p>
<p>
Le 12 avril 2019, les frères Andrieu reviennent avec un troisiéme album intitulé « <a class="link-opacity-100" href="https://soundcloud.com/pnl_music/sets/deux-freres">Deux fréres</a> », 22 pistes attendues depuis trois ans, lancé avec une vaste campagne de communication et un clip tourné au sommet de la Tour Eiffel pour le single « <a class="link-opacity-100" href="Clip au dd PNL.html">Au DD</a> ».
</p>
<p>
Le 8 avril, soit trois jours après la sortie de l'album, Deux frères s'écoule déjà à plus de 74 000 exemplaires et est certifié disque d'or. Avant même la fin de sa première semaine d'exploitation, PNL annonce que Deux Frères est disque de platine et cumule plus de 100 000 exemplaires vendus. Dans le même temps, PNL atteint la barre du milliard de vues sur YouTube. Par la suite, l'album devient en France, l'album le plus streamé en 24 heures ainsi qu'en une semaine sur Spotify.
</p>
</div>
<!--Fin présentation 2-->
<!--Présentation 3-->
<div class="container text-center">
<div class="row">
<div class="col-sm-5 col-md-6"></div>
<div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0"></div>
</div>
<div class="clearfix">
<img src="img/page pnl/pnl bat.jpg" class="col-md-6 float-md-end mb-3 ms-md-3" height="400">
<p>
Le 3 mai 2019 les deux frères sortent le clip « <a class="link-opacity-100" href="clip deux frères PNL.html">Deux Frères</a> ». A la fin du clip on peut apercevoir une affiche géante sur le batiment de PNL a la cité gagarine qui a été détruite en 2020. Cette affiche était visible depuis le RER C ce qui a permis de promouvoir leur troisiéme album.
</p>
<p>
Début juillet 2020, le groupe s'associe avec la plateforme de streaming Netflix pour diffuser la tournée de leur album Dans la légende. Le 15 août 2020, l'album Deux frères passe le cap des 500 000 ventes et est certifié disque de diamant, le deuxième dans la carrière du groupe après celui de Dans la légende.
</p>
<p>
Mi-décembre 2020, PNL passe la barre des 2 millions d'albums vendus. Le 8 janvier 2021, le groupe annonce une nouvelle fois le report de sa tournée à septembre 2021 en raison de la pandémie de Covid-19. En avril 2021, soit deux ans après sa sortie, l'album Deux frères, totalise plus de 800 millions de streams sur Spotify. Il s'agit du projet rap francophone le plus streamé de l'histoire de la plateforme.
</p>
</div>
<!--Fin de présenation 3-->
<!--présentation 4-->
<div class="container text-center">
<div class="col">
<img src="img/page pnl/PNL 1.jpg" class="col-md-6 float-md-start mb-3 ms-md-end" height="400">
</div>
<div class="col order-5">
<div class="container-md-1">
<p>
Au total, le groupe cumule plus de 2 milliards de streams sur la plateforme, les classant à la seconde place (derrière <a class="link-opacity-100" href="img/page pnl/jul.png">Jul</a>) des artistes urbains francophones les plus streamés de l'histoire de la plateforme.
</p>
<p>
Le 7 juillet 2021, le groupe annonce une nouvelle fois le report de sa tournée à mai-juin 2022. Finalement, la tournée débute le 4 mai 2022 au Zénith de Lille après deux ans d'attente.
</p>
<p>
Pendant la tournée d'aprés les fans, PNL laissent des indices pour éventuellement un dernier album après 4 ans d'abscence. Dans toutes les dates effectuées par PNL, a plusieur reprises Ademo et N.O.S disent «Le vent est bon» ce qui intrigue énormément les fans car le concert était dans une salle férmé donc sans vent.
</p>
<p>
Les fans ont déduis par des indices laissé par les deux fréres que « 2023 est QLF ! ». Sûrement un album fin 2023 ?
</p>
<P>
PNL ont marqué une grande générations par leur musique. Ils sont rentrés DANS LA LÉGENDE et la suite reste a venir...
</P>
</div>
<!--fin présentation 4-->
</body>
</html>

58
Que veut dire qlf .html Normal file
View File

@ -0,0 +1,58 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="index.html">Cliquer ici pour revenir en arrière</a>
</ul>
</div>
</div>
</nav>
<!--Fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5">
<h1>Que la famille (QLF) explication par DTF. </h1>
</div>
</div>
<!--Fin du Titre-->
<!--Clip-->
<div class="container text-center">
<div class="row align-items-start">
<video controls width="700" height="500">
<source src="Vidéo/explication qlf.mp4" />
</div>
<!--Fin du clip-->
</body>
</html>

58
clip deux frères PNL.html Normal file
View File

@ -0,0 +1,58 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="PNL.html">Cliquer ici pour revenir en arrière</a>
</ul>
</div>
</div>
</nav>
<!--Fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5">
<h1>Clip PNL - Deux frères </h1>
</div>
</div>
<!--Fin du Titre-->
<!--Clip-->
<div class="container text-center">
<div class="row align-items-start">
<video controls width="700" height="500">
<source src="Vidéo/PNL - Deux Frères [Clip Officiel](720p).mp4" />
</div>
<!--Fin du clip-->
</body>
</html>

BIN
img/Logo du site/Logo Que la famille.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
img/Que La Famille coeur.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.2 KiB

BIN
img/page dtf/DTF 1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 594 KiB

BIN
img/page dtf/DTF 2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 545 KiB

BIN
img/page dtf/Double-Star dtf.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
img/page dtf/Karma dtf.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
img/page dtf/La hass avant le bonheur dtf.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

BIN
img/page dtf/Le monde chico album PNL.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
img/page dtf/Que La Famille Album PNL.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
img/page dtf/RKM DTF.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 241 KiB

BIN
img/page dtf/RTI DTF.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 561 KiB

BIN
img/page dtf/ademo 2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 613 KiB

BIN
img/page dtf/le h avant le b DTF.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 42 KiB

BIN
img/page dtf/maitre gims dtf.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
img/page dtf/nos 3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 286 KiB

BIN
img/page dtf/on ira ou dtf.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

BIN
img/page dtf/sans reves dtf.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 456 KiB

BIN
img/page f430/F430.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

BIN
img/page f430/Guapo-world F430 .jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 162 KiB

BIN
img/page f430/ademo 1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 546 KiB

BIN
img/page f430/album thank you god F430.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
img/page f430/f430 2.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 60 KiB

BIN
img/page f430/ferrari f430.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 854 KiB

BIN
img/page f430/jet f430.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
img/page f430/moha MMZ.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 174 KiB

BIN
img/page f430/nos 2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 508 KiB

BIN
img/page f430/sensei f430.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.0 KiB

BIN
img/page f430/street quality 2 F430.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
img/page f430/street quality F430.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

BIN
img/page mmz/13 block mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

BIN
img/page mmz/BBP.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 78 KiB

BIN
img/page mmz/DTF .jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
img/page mmz/Le monde chico album de pnl.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
img/page mmz/MMZ 2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
img/page mmz/MMZ.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 143 KiB

BIN
img/page mmz/MohaMMZ mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 122 KiB

BIN
img/page mmz/RKM.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
img/page mmz/Sayonara mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
img/page mmz/Trop-N-DA mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

BIN
img/page mmz/bene mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
img/page mmz/card lazer.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
img/page mmz/card moha mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

BIN
img/page mmz/doomams mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
img/page mmz/dtf mmz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
img/page mmz/f430 mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 64 KiB

BIN
img/page mmz/ilinas mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
img/page mmz/lazer 2MZ.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 648 KiB

BIN
img/page mmz/moha 5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 168 KiB

BIN
img/page mmz/moha 6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

BIN
img/page mmz/moha mmz 4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
img/page mmz/moha mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
img/page mmz/n'da mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 75 KiB

BIN
img/page mmz/n'dirty deh mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
img/page mmz/nikola-feve-nkf.avif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
img/page mmz/pnl 3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 155 KiB

BIN
img/page mmz/spion mmz.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 90 KiB

BIN
img/page mmz/tda mmz.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 755 KiB

BIN
img/page mmz/tplg mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
img/page mmz/zed moha mmz.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 132 KiB

BIN
img/page pnl/Dans la légende album.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.3 KiB

BIN
img/page pnl/Deux fréres album.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.7 KiB

BIN
img/page pnl/Le monde chico album.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
img/page pnl/PNL 1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 177 KiB

BIN
img/page pnl/PNL.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 57 KiB

BIN
img/page pnl/PNL2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 446 KiB

BIN
img/page pnl/Que La Famille Album.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.6 KiB

BIN
img/page pnl/ademo 3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 582 KiB

BIN
img/page pnl/jul.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 273 KiB

BIN
img/page pnl/nos 1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 425 KiB

BIN
img/page pnl/pnl bat.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 130 KiB

95
index.html Normal file
View File

@ -0,0 +1,95 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="PNL.html">PNL</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="F430.html">F430</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="DTF.html">DTF</a>
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="MMZ.html">MMZ</a>
</li>
</ul>
</div>
<input type="range" min="10" max="50" value="16" id="textSize">
</div>
</nav>
<!-- fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5 mb-5 mt-5 mb-5">
<h1>Présentation des groupes QLF</h1>
</div>
</div>
<!--Fin du titre-->
<!--partie sur QLF-->
<div class="container">
<h4>
Tout d'abord que veut dire QLF ? (Acronyme et définition)
</h4>
<div class="container-mt-3 mb-3 mt-3 mb-3">
<p>
Vous êtes un passionné du Rap français ? Vous êtes déjà assurément tombé une fois sur le duo <a class="link-opacity-100" href="img/page pnl/PNL.jpg">PNL</a>. Ce duo a une spécificité : celle de sortir de nouvelles expressions dans le millieu du RAP. C’est le cas avec le sigle QLF. Vous l’avez peut-être déjà entendu sans réellement savoir de quoi il s’agit. <a class="link-opacity-100" href="Que veut dire qlf .html">Regardez cette vidéo pour en savoir d'avantage</a>.
</p>
</div>
<h4>
Que signifie QLF et d'où provient ce terme ?
</h4>
<div class="container-mt-3 mb-3 mt-3 mb-3">
<p>
Ce mot n’est pas tellement populaire. Si vous avez entendu parler de ce terme, c’est que vous êtes forcément branché au rap français ou que votre entourage l’est. Ce mot constitue l’abréviation de l’expression : “Que La Famille”. Ce mot exprime la solidarité et la fraternité. Il est utilisé par exemple pour montrer qu’on fait tout pour sa famille et que c’est cette dernière qui compte le plus. Il peut ne pas s’agir directement de famille. C’est peut-être juste des amis, mais qu’on qualifie de QLF juste pour la confiance et la solidarité qui règne.
</p>
<p>
Le terme QLF provient du groupe de RAP français PNL. Ce groupe est un duo composé de <a class="link-opacity-100" href="img/page pnl/ademo 3.png">Ademo</a> et <a class="link-opacity-100" href="img/page pnl/nos 1.png">N.O.S</a> tous rappeurs français. Le groupe sort son premier projet musical en 2015 qui porte le titre : « <a class="link-opacity-100" href="https://soundcloud.com/pnl_music/sets/que-la-famille">Que la famille</a> ». Pour simplifier, l’abréviation donnait QLF. C’est de là que ce sigle trouve son essence.
</p>
</div>
<!--fin partie sur QLF-->
<!--A quoi sert le site-->
<h4>
En quoi consiste ce site ?
</h4>
<div class="container-mt-3 mb-3 mt-3 mb-3">
<p>
Ce site a pour but de présenter chaque groupe QLF en une page chacun. Sur ce site vous pouvez retrouver la présentation des groupes PNL, F430, DTF et MMZ
</p>
</div>
<!--fin.-->
<button id="clickCounter">Compter les clicks</button>
<p>Vous avez cliqué <span id="counterDisplay">0</span> fois</p>
<script src="script.js"></script>
</div>
</body>
</html>

73
lazer mmz.html Normal file
View File

@ -0,0 +1,73 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="MMZ.html">Cliquer ici pour revenir en arrière</a>
</ul>
</div>
</div>
</nav>
<!--Fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5 mb-5 mt-5 mb-5">
<h1>Lazer MMZ</h1>
</div>
</div>
<!--fin du titre-->
<!--présentation -->
<div class="container text-center">
<div class="row">
<div class="col-sm-5 col-md-6"></div>
<div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0"></div>
</div>
<div class="clearfix">
<img src="img/page mmz/card lazer.jpg" class="col-md-6 float-md-end mb-3 ms-md-3" height="400">
<p>
<a class="link-opacity-100" href="img/page mmz/lazer 2MZ.png">Lazer MMZ</a> aussi appelé LZR, de son vrai nom Amine Ramani, est un rappeur originaire de la cité des Tarterêts à Corbeil-Essonnes dans le 91. Né le 9 juin 1998, en France et d'origine marocaine. Il est ancien membre du groupe <a class="link-opacity-100" href="img/page mmz/MMZ.jpg">MMZ</a>. (Mini Mafia Zoo)
</p>
<p>
Lazer s'est fait connaître dans le monde de la musique avec son ancien groupe (la MMZ) mais aussi grâce a son talent.
</p>
<p>
Pour son premier album solo « BUSHIDO », Lazer se livre "sans pression" et nous dévoile sa personnalité. Fidèle au style musical du groupe, ce projet a été travaillé comme une présentation de l'artiste solo Lazer. De la mythologie viking au code d’honneur du samouraï en passant par l’univers manga, Lazer se raconte dans « Bushido » à travers ses héros d’enfance.
</p>
<P>
Laissez-vous transporter par le côté si aérien, et les émotions de chaque musique que Lazer nous offre…
</P>
<P>
Le nouveau projet de Lazer MMZ « Bushido », est désormais dispo !
</P>
</div>

90
moha mmz.html Normal file
View File

@ -0,0 +1,90 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>QLF PAGE</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
<!--navbar-->
<nav class="navbar navbar-expand-lg bg-dark navbar-dark">
<div class="container-md text-center">
<a class="navbar-brand" aria-current="page" href="index.html"><img src="img/Logo du site/Logo Que la famille.png" height="30"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="MMZ.html">Cliquer ici pour revenir en arrière</a>
</ul>
</div>
</div>
</nav>
<!--Fin de navbar-->
<!--Titre-->
<div class="container-md text-center">
<div class="row mt-5 mb-5 mt-5 mb-5">
<h1>Moha MMZ</h1>
</div>
</div>
<!--fin du titre-->
<!--présentation 1-->
<div class="container text-center">
<div class="row">
<div class="col-sm-5 col-md-6"></div>
<div class="col-sm-5 offset-sm-2 col-md-6 offset-md-0"></div>
</div>
<div class="clearfix">
<img src="img/page mmz/MohaMMZ mmz.jpg" class="col-md-6 float-md-end mb-3 ms-md-3" height="400">
<p>
<a class="link-opacity-100" href="img/page mmz/moha mmz 4.jpg">Moha MMZ</a> de son vrai nom Mohamed Lakmale, est un rappeur originaire de la cité des Tarterêts à Corbeil-Essonnes dans le 91. Né le 21 janvier 1998, d'origine marocaine et algérienne. Il est ancien membre du groupe <a class="link-opacity-100" href="img/page mmz/MMZ.jpg">MMZ</a>. (Mini Mafia Zoo)
</p>
<p>
Moha s'est fait connaître dans le monde de la musique avec son ancien groupe (la MMZ), et par son tout premier projet en solo nommé <a class="link-opacity-100" href="https://soundcloud.com/mohammz/sets/euphoria-89276471">«Euphoria»</a>.
</p>
<p>
Réputé pour sa maîtrise de la mélodie, le jeune homme originaire des Tarterêts n’y déroge pas et conserve toute son ADN au sein de son premier album en solitaire. Variant les ambiances et les flows, le rappeur propose également plusieurs prises de risque réussies. Imprégné de la fibre QLF, on retrouve également <a class="link-opacity-100" href="img/page mmz/nikola-feve-nkf.avif">N.KF</a> au mix de l’album et <a class="link-opacity-100" href="img/page mmz/BBP.jpg">BBP</a> dans certaines productions.
</p>
</div>
<!-- fin présentation 1-->
<!--Présentation 2-->
<div class="container text-center">
<div class="col">
<img src="img/page mmz/moha 6.jpg" class="col-md-6 float-md-start mb-3 ms-md-end" height="400">
</div>
<div class="col order-5">
<div class="container-md-1">
<p>
Au nombre de 2, les featurings savamment choisis s’intègrent sans faute dans la tracklist, que ce soit l’ensoleillé VIBES avec <a class="link-opacity-100" href="img/page mmz/RKM.jpg">RKM</a> de <a class="link-opacity-100" href="img/page mmz/DTF .jpg">DTF</a> ou le mélancolique GALERES aux côtés de <a class="link-opacity-100" href="img/page mmz/zed moha mmz.jpg">Zed</a>, membre éminent du collectif <a class="link-opacity-100" href="img/page mmz/13 block mmz.jpg">13 block</a>.
</p>
<P>
Au delà des textes, son univers se révèle également via ses clips, en témoigne le dernier en date tourné dans les forêts norvégiennes, illustration de la froideur du titre « <a class="link-opacity-100" href="Clip cauchemar Moha mmz.html">CAUCHEMAR</a> ».
</P>
<p>
Très attaché à l’indépendance, Moha a fondé son label SPRT ZOO et son studio La Salle Du Temps, et a accompagné la sortie de son album d’un merchandising exclusif. Etape importante dans son parcours artistique, le jeune artiste délivre un premier album solide et prometteur à seulement 24 ans, annonciateur de belles choses pour la suite de sa carrière.
</p>
<p>
L’album EUPHORIA de Moha MMZ est disponible sur toutes les plateformes de streaming.
</p>
<!--Fin présentation 2-->

20
script.js Normal file
View File

@ -0,0 +1,20 @@
var counter = 0;
function myCounter() {
counter++;
document.getElementById("counterDisplay").innerText=counter;
console.log("vous avez cliqué!" , counter, " fois");
}
document.getElementById("clickCounter").addEventListener("click" , myCounter)
function changeFontSize() {
var newSize = document.getElementById('textSize').value + "px";
var paragraphs= document.getElementsByTagName('p');
for(var i=0; i< paragraphs.length; i++) {
paragraphs[i].style.fontSize = newSize;
}
}
document.getElementById("textSize").addEventListener("input" , changeFontSize)

0
styles.css Normal file
View File