<div id="web_cont"><!-- GESTION DES ONGLETS --><div class="con"><input type="radio" id="car1" name="car" checked><input type="radio" id="car2" name="car"><input type="radio" id="car3" name="car"><input type="radio" id="car4" name="car"><input type="radio" id="car5" name="car"><div class="left-tabs"><label for="car1"><i class="fal fa-chevron-left"></i></label><label for="car2"><i class="fal fa-chevron-left"></i></label><label for="car3"><i class="fal fa-chevron-left"></i></label><label for="car4"><i class="fal fa-chevron-left"></i></label><label for="car5"><i class="fal fa-chevron-left"></i></label></div><div class="right-tabs"><label for="car1"><i class="fal fa-chevron-right"></i></label><label for="car2"><i class="fal fa-chevron-right"></i></label><label for="car3"><i class="fal fa-chevron-right"></i></label><label for="car4"><i class="fal fa-chevron-right"></i></label><label for="car5"><i class="fal fa-chevron-right"></i></label></div><!-- FIN GESTION DES ONGLETS --><!--
--><!-- HAUT WEBSITE --><span class="web_agence">ACT.7</span><div class="web_links"><span class="web_musicians" style="background:var(--accent);">Musicians</span><span class="web_actors">Actors</span><span class="web_ent">Entertainers</span><span class="web_staff">Staffs</span></div><div class="web_intro"><d>Home</d> > <d>Musicians</d> > <d>Group_Name</d></div><!-- FIN HAUT WEBSITE --><div id="hold-carousel"><div class="carousel"><!--
DEBUT ONGLET 1 --><div class="tab"><div class="web_onglets"><!-- NOM DU GROUPE --><center><div class="web_title">Group_Name</div></center><!-- FIN NOM DU GROUPE --><table align="center"><td><img src="https://placehold.co/600x800" class="web_img"></td><td><div class="web_inf1"><t>Nom original</t> : Group_Name</div><div class="web_inf1"><t>Debut</t> : 00 mois 2020, 'Titre'</div><div class="web_inf1"><t>Concept</t> : Ic + Ic + Ic</div><div class="web_inf1"><t>Fandom</t> : Here</div><div class="web_inf1"><t>Sub-units</t> : None</div><div class="web_inf1"><t>Statut</t> : In activity</div></td></table>
<!-- LAST UPDATES --><recent><div class="box-card"><div class="cont-img"><img src="https://placehold.co/600x800"></div><div class="container-news">NAME X MAGAZINE<br><b>MM 2020</b></div></div>
<div class="box-card"><div class="cont-img"><img src="https://placehold.co/600x800"></div><div class="container-news">NAME X BRAND<br><b>MM 2020</b></div></div>
<div class="box-card"><div class="cont-img"><img src="https://placehold.co/600x800"></div><div class="container-news">GROUP X BRAND<br><b>MM 2020</b></div></div><titre><i class="cp cp-bell-o"></i> latest <b>updates</b><seall>see all ...</seall></titre></recent><!-- FIN LAST UPDATES --></div></div>
<div class="tab"><div class="web_inner">
<member-list style="justify-content:flex-start;"><!-- MEMBRES 1 --><sm-con><div class="sm-album"> <div class="pic" style="background-image: url(https://placehold.co/400x400);"></div><div class="sm-cover" style="background-image: url(https://placehold.co/400x400)"></div></div><sm-title>NOM</sm-title></sm-con><!-- FIN
MEMBRES 1 --><!--
MEMBRES 2 --><sm-con><div class="sm-album"> <div class="pic" style="background-image: url(https://placehold.co/400x400);"></div><div class="sm-cover" style="background-image: url(https://placehold.co/400x400)"></div></div><sm-title>NOM</sm-title></sm-con><!-- FIN
MEMBRES 2 --><!--
MEMBRES 3 --><sm-con><div class="sm-album"> <div class="pic" style="background-image: url(https://placehold.co/400x400);"></div><div class="sm-cover" style="background-image: url(https://placehold.co/400x400)"></div></div><sm-title>NOM</sm-title></sm-con><!-- FIN
MEMBRES 3 --><!--
MEMBRES 4 --><sm-con><div class="sm-album"> <div class="pic" style="background-image: url(https://placehold.co/400x400);"></div><div class="sm-cover" style="background-image: url(https://placehold.co/400x400)"></div></div><sm-title>NOM</sm-title></sm-con><!-- FIN
MEMBRES 4 --><!--
MEMBRES 5 --><sm-con><div class="sm-album"> <div class="pic" style="background-image: url(https://placehold.co/400x400);"></div><div class="sm-cover" style="background-image: url(https://placehold.co/400x400)"></div></div><sm-title>NOM</sm-title></sm-con><!-- FIN
MEMBRES 5 --></member-list><!--
PLAYLIST --><div class="web_track"><!-- MAIN
TRACK --><n-play><n-player><n-top><i class="fas fa-chevron-down"></i> <b>playing now</b> <i class="cp cp-flickr"></i></n-top><div class="n-cover" style="background-image: url(https://64.media.tumblr.com/4ff7f6b60c12f0bbb7ae0e7296228292/bd2efac4228025b8-2e/s1280x1920/a82ce86b0772113c2db5eeb6ccc012d88ce091ef.gif)"></div><n-title>Song_Title <i class="cp cp-heart"></i></n-title><n-artist>Artist</n-artist><d-line><d-prog></d-prog><d-cic></d-cic></d-line><d-time>0:51 <span style="text-align: right;">3:10</span></d-time><d-controls><i class="fas fa-random"></i><i class="fas fa-backward"></i><i class="fas fa-pause p-icon"></i><i class="fas fa-forward"></i><i class="fas fa-retweet"></i></d-controls></n-player></n-play><!-- FIN MAIN
TRACK --><!-- RECAP
TRACK --><play-list><inner><faves><!--
TRACK --><fave><fimg><div class="f-img" style="background-image: url(https://placehold.co/400x400);"></div></fimg><f-title>TITRE_SONG<f-artist>ALBUM_NAME_TYPE</f-artist></f-title><f-time>00.00.2020</f-time></fave><!-- FIN
TRACK --><!--
TRACK --><fave><fimg><div class="f-img" style="background-image: url(https://placehold.co/400x400);"></div></fimg><f-title>TITRE_SONG<f-artist>ALBUM_NAME_TYPE</f-artist></f-title><f-time>00.00.2020</f-time></fave><!-- FIN
TRACK --><!--
TRACK --><fave><fimg><div class="f-img" style="background-image: url(https://placehold.co/400x400);"></div></fimg><f-title>TITRE_SONG<f-artist>ALBUM_NAME_TYPE</f-artist></f-title><f-time>00.00.2020</f-time></fave><!-- FIN
TRACK --></faves></inner></play-list><!-- FIN RECAP
TRACK --></div></div></div><div class="tab"><div class="web_inner" style="width: calc(100% - 40px);"><center><div class="web_title">Commercials & Photoshoots</div></center><div class="web_newss"><!-- RECAP
SHOOT AND CF --><div class="web_news">
<div class="box-card"><div class="cont-img"><img src="https://placehold.co/600x800"></div><div class="container-news">BRAND 'CAMPAIGN'
<b>MM 2020</b></div></div>
<div class="box-card"><div class="cont-img"><img src="https://placehold.co/600x800"></div><div class="container-news">BRAND X MAGAZINE
<b>MM 2020</b></div></div>
<div class="box-card"><div class="cont-img"><img src="https://placehold.co/600x800"></div><div class="container-news">BRAND 'CAMPAIGN'
<b>MM 2020</b></div></div>
<div class="box-card"><div class="cont-img"><img src="https://placehold.co/600x800"></div><div class="container-news">[COVER] BRAND X MAGAZINE
<b>MM 2020</b></div></div>
</div><!-- FIN RECAP
SHOOT AND CF --></div></div></div>
<div class="tab"><div class="web_inner" style="width: calc(100% - 40px);"><center><div class="web_title" style="margin-bottom: 0px;">Brands Deals</div></center><ambassador style="justify-content: flex-start;"><div class="box-card"><div class="cont-img"><img src="https://placehold.co/600x800"></div><div class="container-news">BRAND
face
<b>SINCE MM 2020</b></div></div>
<div class="box-card"><div class="cont-img"><img src="https://placehold.co/600x800"></div><div class="container-news">BRAND
global ambassador
<b>SINCE MM 2020</b></div></div></ambassador><center><div class="web_title" style="margin-top: -10px;">Appearances</div></center><div class="web_list"><web-list>
<one><i class="cp cp-tv"></i><n-user>émission
<tim>date</tim></n-user></one>
<one><i class="cp cp-youtube"></i><n-user>émission
<tim>date</tim></n-user></one>
<one><i class="cp cp-video"></i><n-user>song, artist
<tim>figuration m/v</tim></n-user></one>
<one><i class="cp cp-megaphone"></i><n-user>émission
<tim>date</tim></n-user></one>
<one><i class="cp cp-microphone"></i><n-user>xx's mc
<tim>date to date</tim></n-user></one>
</web-list></div>
<center><div class="web_title">Rewards</div></center><div class="web_list"><web-list><one><i class="cp cp-confetti-o"></i><n-user>SONG
<tim>@ MY!CYE/GMS, 00 MM 2020</tim></n-user></one>
<one><i class="cp cp-trophy-o"></i><n-user>TITLE_AWARDS
<tim>@ mama 2020</tim></n-user></one>
</web-list></div></div></div>
<div class="tab"><div class="web_inner" style="width: calc(100% - 40px);"><center><div class="web_title">Credits</div></center><div class="web_newss"><div class="web_news">
<div class="box-card"><div class="cont-img"><img src="IMG"></div><div class="container-news">TYPE_CREDITS
ARTIST
<b>SONG</b></div></div>
<div class="box-card"><div class="cont-img"><img src="IMG"></div><div class="container-news">TYPE_CREDITS
ARTIST
<b>SONG</b></div></div>
<div class="box-card"><div class="cont-img"><img src="IMG"></div><div class="container-news">TYPE_CREDITS
ARTIST
<b>SONG</b></div></div>
<div class="box-card"><div class="cont-img"><img src="IMG"></div><div class="container-news">TYPE_CREDITS
ARTIST
<b>SONG</b></div></div>
</div></div></div></div></div></div></div></div></div>
<style>..web_onglets span.onglet_cont{height: 460px !important;} .box-card .container-news{line-height:normal;} play-list {margin-left: -15px;width:225px!important;} play-list fave {width: 224px!important;height: 45px!important;} play-list fave f-title{line-height: normal;} sm-con{margin-right:5px;}</style>
<link href="https://vedivini.github.io/CODES/webact.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600&display=swap" rel="stylesheet">
Accueil
(si vous avez besoin d'un listing de vos activités en tant que trainee avant vos débuts, n'hésitez pas à demander au staff, on garde une trace de tout ça 
)
choisissez également de poser uniquement des posts de la même hauteur dans les onglets par message pour éviter des petits décalages. 
