Codage / Graphage / Écrivage... J'fais d'tout. Mais j'excèle en rien B)

<link href="https://fonts.googleapis.com/css?family=Homenaje|Roboto" rel="stylesheet">
<style type="text/css">.gtitre{font-family: 'Homenaje', sans-serif; font-size:40px; color:#3d5a8c; text-transform: lowercase; text-shadow: 2px 2px 4px #000; padding-top: 10px; margin-left: 10px;}.featuring{font-family: 'Roboto', sans-serif; font-size: 13px; text-transform: uppercase; color: #ccc; padding: 5px 20px 5px 0px; text-align: right;}.texteg{font-family: 'Roboto', sans-serif;color:#000; background-color: #ccc; border-right: 3px solid #3d5a8c; border-left: 3px solid #3d5a8c;margin: 0px 20px 5px 20px; padding: 20px; text-align: justify; line-height: 16px;}.abox{background-color: #202020; width: 500px;}.gifbox{width: 500px;height:200px;}.cdtsmoi{font-family: 'Roboto', sans-serif; font-size:10px; text-align: center; color:#ccc;}.colorbar{background-color:#3d5a8c; width: 500px; height: 10px;}</style>

<center><div class="colorbar"></div><div class="gifbox" style="background-image: url('https://placehold.it/500x200');"></div><div class="abox"><div class="gtitre">UN GROS TITRE</div><div class="featuring">ft. Nom prénom & Nom prénom.</div><div class="texteg"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed at varius mi. Suspendisse elementum, lacus eget efficitur cursus, quam risus cursus nibh, eu dictum magna quam in risus. Sed sodales elementum tellus ut luctus. Cras lacinia, nisl vel tristique fermentum, velit lacus maximus leo, vel aliquet purus augue nec nunc. Pellentesque eu turpis ante. Proin feugiat in nunc a volutpat. Vestibulum ultricies elit nisi, ut ultrices mauris aliquet molestie. Aliquam vitae ligula eget ipsum sagittis elementum.

Quisque erat nunc, mollis ut arcu id, porta ultricies neque. Integer bibendum quam at magna commodo cursus. Morbi sit amet ullamcorper justo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In hac habitasse platea dictumst. Nam rutrum risus non ex egestas auctor ac in nisi. Aliquam lobortis erat nec libero ultrices, id euismod nisl volutpat. Curabitur placerat neque sem, eu hendrerit ipsum mollis vitae. Phasellus egestas porta arcu, in tristique tellus volutpat eget. Sed vitae lorem eget nunc viverra gravida non ac augue. Suspendisse viverra velit sapien, eget condimentum ligula iaculis vel. Vestibulum a commodo dui. In hac habitasse platea dictumst. Maecenas ut faucibus risus. Aliquam erat volutpat.

Maecenas nunc orci, iaculis vitae eros ac, fringilla varius metus. Donec sapien lorem, lacinia sed purus ut, molestie bibendum mi. Nullam non nisl gravida, molestie turpis vel, euismod augue. Curabitur metus nisi, lobortis sit amet lacus non, pharetra suscipit arcu. Sed neque erat, pulvinar at scelerisque egestas, consectetur a urna. Ut non diam nec massa fermentum congue vel bibendum massa. Donec at leo nulla. Morbi ut pellentesque risus. Nunc semper ornare aliquet. Sed tristique ante eu sapien suscipit varius. Nunc consequat ligula at arcu porta, vitae porta urna faucibus. Pellentesque nulla lacus, mollis bibendum volutpat non, luctus sed dui. Curabitur tempor vulputate nisl, non suscipit lacus viverra quis.

Nulla facilisi. Phasellus vel nisi odio. Maecenas ac finibus lectus. Fusce gravida, purus ac consectetur eleifend, ligula ipsum feugiat tellus, a gravida sapien enim a risus. Cras fringilla rutrum sem. Aenean hendrerit lectus in risus lobortis pharetra. Nullam pharetra fringilla lorem non dictum. Mauris eget vehicula nulla. Vestibulum aliquam dictum cursus. Nulla sed tortor ut tellus semper auctor a ac nunc. Vestibulum tempor purus odio, ut euismod purus aliquam suscipit. Ut ac sapien vehicula tellus lacinia tincidunt sed in justo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi non leo posuere, condimentum odio in, ultrices orci. </div><div class="cdtsmoi">© Eurydyce</div><div class="colorbar"></div></div>