Modèle de fiche de relations

<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="https://dl.dropboxusercontent.com/s/bnp8nns9lrbcgfu/relation.css" rel="stylesheet"/>
[center]<div class="bloc-global"><div class="fiche-relation"><img src="https://i.servimg.com/u/f15/19/46/96/45/logo210.png" alt="image"/><div class="bandeau-nom">NOM PRENOM</div><div class="informations-perso"><div class="adj"><span>adjectif 1</span><span>adjectif 2</span><span>adjectif 3</span><span>adjectif 4</span><span>adjectif 5</span><span>adjectif 6</span><span>adjectif 7</span><span>adjectif 8</span><span>adjectif 9</span><span>adjectif 10</span><span>adjectif 11</span><span>adjectif 12</span></div><div class="resume"><center><span>Resumé</span></center>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet pellentesque nibh. Aenean ac varius risus, ut fringilla nisl. Sed vestibulum, nisl id elementum rhoncus, est enim commodo ante, quis blandit lacus risus vitae ligula. Mauris eget purus scelerisque, rutrum leo ac, tincidunt felis. Ut et magna massa. Vestibulum nec arcu mi. Vivamus nec massa a dolor ullamcorper porta. Donec blandit est et tortor venenatis, ut rutrum arcu dictum. Proin mollis risus nisl, ac maximus est dignissim a. Morbi gravida, tellus ac maximus consectetur, sem felis ornare risus, eget molestie lorem leo eu neque. Curabitur sed augue varius magna maximus gravida vitae eget neque. Sed nec est sit amet magna convallis rhoncus. Vivamus ultrices libero et purus lobortis varius. Integer interdum eu eros et vehicula. Cras tristique arcu in lacus luctus, nec rutrum ex feugiat. </div></div></div><br><div class="relations"><div class="bloc-relation"><img src="https://i.servimg.com/u/f15/19/46/96/45/logo310.png" alt="img-membre" /><div class="bandeau-perso">NOM PRENOM</div><div class="relation-perso">relation</div><div class="resume-relation">Donec non iaculis velit, sollicitudin faucibus ligula. Pellentesque tristique mattis risus, vel scelerisque massa blandit sed. Etiam eu massa commodo est ultricies hendrerit. Duis quis laoreet ante. Donec eleifend pharetra venenatis. Donec accumsan facilisis urna, nec sodales libero vehicula et. Curabitur commodo ultrices purus ut vestibulum. Phasellus tristique, velit ac efficitur convallis, sem arcu molestie mauris, id sollicitudin mauris est nec lectus.</div></div><div class="bloc-relation"><img src="https://i.servimg.com/u/f15/19/46/96/45/logo310.png" alt="img-membre" /><div class="bandeau-perso">NOM PRENOM</div><div class="relation-perso">relation</div><div class="resume-relation">Donec non iaculis velit, sollicitudin faucibus ligula. Pellentesque tristique mattis risus, vel scelerisque massa blandit sed. Etiam eu massa commodo est ultricies hendrerit. Duis quis laoreet ante. Donec eleifend pharetra venenatis. Donec accumsan facilisis urna, nec sodales libero vehicula et. Curabitur commodo ultrices purus ut vestibulum. Phasellus tristique, velit ac efficitur convallis, sem arcu molestie mauris, id sollicitudin mauris est nec lectus.</div></div><div class="bloc-relation"><img src="https://i.servimg.com/u/f15/19/46/96/45/logo310.png" alt="img-membre" /><div class="bandeau-perso">NOM PRENOM</div><div class="relation-perso">relation</div><div class="resume-relation">Donec non iaculis velit, sollicitudin faucibus ligula. Pellentesque tristique mattis risus, vel scelerisque massa blandit sed. Etiam eu massa commodo est ultricies hendrerit. Duis quis laoreet ante. Donec eleifend pharetra venenatis. Donec accumsan facilisis urna, nec sodales libero vehicula et. Curabitur commodo ultrices purus ut vestibulum. Phasellus tristique, velit ac efficitur convallis, sem arcu molestie mauris, id sollicitudin mauris est nec lectus.</div></div><div class="bloc-relation"><img src="https://i.servimg.com/u/f15/19/46/96/45/logo310.png" alt="img-membre" /><div class="bandeau-perso">NOM PRENOM</div><div class="relation-perso">relation</div><div class="resume-relation">Donec non iaculis velit, sollicitudin faucibus ligula. Pellentesque tristique mattis risus, vel scelerisque massa blandit sed. Etiam eu massa commodo est ultricies hendrerit. Duis quis laoreet ante. Donec eleifend pharetra venenatis. Donec accumsan facilisis urna, nec sodales libero vehicula et. Curabitur commodo ultrices purus ut vestibulum. Phasellus tristique, velit ac efficitur convallis, sem arcu molestie mauris, id sollicitudin mauris est nec lectus.</div></div></div></div>[/center]