<link href="https://fonts.googleapis.com/css?family=Spectral:400,700" rel="stylesheet"> <style>.shipper-wrap {height: 500px;width: 500px;padding: 10px;border: 1px solid #e8e8e8;background: #fbfbfb;position: relative;margin: 0 auto;}.shipper {height: 100%;width: 100%;border: 1px solid #e8e8e8;box-sizing: border-box;padding: 30px;background: #f8f8f8;}.shipper-img {overflow: hidden;background-image: url('https://2img.net/image.noelshack.com/fichiers/2017/51/3/1513808776-jellyfish.png');background-size: cover;}.shipper-content {height: 100%;width: 100%;background: #fff;box-sizing: border-box;padding: 30px;text-align: justify;overflow: auto;font-family: 'Spectral', serif;font-size: 0.9em;line-height: 1.6em;margin-top: 110%;transition: all 0.3s;}.shipper:hover .shipper-content {margin-top: initial;}.shipper-content h2 {font-family: inherit;margin: 0 0 30px;font-size: 16px;color: #424242;position: relative;}.shipper-content h2:after {content: "";height: 1px;width: 20%;position: absolute;left: 0;bottom: -10px;background: #d2d2d2;}.shipper-content hr {border: 0;border-top: 1px solid #ccc;width: 50%;margin: 20px auto;}.shipper-credit {width: 100%;position: absolute;bottom: -20px;left: 0;text-align: center;}.shipper-credit a {text-decoration: none!important;font-size: 7px;letter-spacing: 2px;color: #ccc!important;text-transform: uppercase;}</style>
<div class="shipper-wrap"><div class="shipper"><div class="shipper shipper-img"><div class="shipper-content">
<h2>Nom du groupe</h2>
ici bandeau image du groupe (largeur 450px entre balises img
bref résumé de la formation
[size=18][color=#990000][b][font=Impact][i]Line up:[/i][/font][/b][/color][/size]
[i]ici vous pouvez lister les membres et leur fonction en illustrant chacun d'une image (450px de large max)[/i]
<hr>
[size=18][color=#990000][b][font=Impact][i]Discography:[/i][/font][/b][/color][/size]
[i]
vous pouvez l'illustre comme vous voulez, image de pochette graphée par vos soins, liste des titres de chaque album (les deux en 225x225), lien menant à la piste musicale de l'album, éventuellement chronique du disque (cf exemple fiche d'AVALON)[/i]
<hr>
[size=18][color=#990000][b][font=Impact][i]Vidéoclips:[/i][/font][/b] [/color][/size]
[i]leurs clips en iframe;, largeur max 450 de large[/i]
<hr>
[size=18][color=#990000][b][font=Impact][i]Tours[/i][/font]:[/b][/color][/size]
liste de leurs tournées passées et présentes
<hr>
[size=18][color=#990000][b][font=Impact][i]Managers:[/i][/font] [/b][/color][/size]
<hr>
[size=18][color=#990000][b][font=Impact][i]Roadcrew:[/i][/font][/b][/color][/size]
<hr>
[size=18][color=#990000][b][font=Impact][i]Labels:[/i][/font][/b][/color][/size]
</div></div></div><div class="shipper-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>
