<style>.Fi_Arte{width: 500px; min-height: 500px; background: #f2f2f2; margin: auto; position: relative; border: 1px solid #e1e1e1;}.Img_fi{width: 100%; height: 280px; background-image: url("https://zupimages.net/up/17/50/spmo.gif"); background-size: cover; overflow: hidden; position: relative; text-align: center;}.Img_fi h1{display: inline-block; padding: 0 20px; height: 50px; background: #fe162c; text-transform: uppercase; color: white; font: 30px Oswald; position: absolute; left: 125px; bottom: 80px; line-height: 48px;} .Img_fi div{display: block; height: 18px; display: inline-block; background: #f6f6f4; padding: 0 10px; position: absolute; bottom: 82px; left: 125px; font: 11px calibri; color: #545454; text-transform: uppercase; line-height: 18px;}.block_deco{width: 100px; height: 100px; background: #f2f2f2; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 200px; top: 280px; z-index: 1;}.Fi_Arte p{margin: 20px 30px; font: 13px calibri; background: #f2f2f2; position: relative; z-index: 2; text-align: justify; color: #545454; line-height: 13px;}.Fi_Arte a{font: 10px calibri; text-decoration: none; color: grey; display: inline-block; text-align: center; width: 100%;}</style>
<link href="https://fonts.googleapis.com/css?family=Oswald:400,500" rel="stylesheet"/><div class="Fi_Arte"><div class="Img_fi"> <h1> TITRE DU RP ICI </h1> <div>Feat. Lorem ipsum</div></div><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vel scelerisque quam, et finibus ex. Nam efficitur odio mauris, in laoreet mi pharetra ut. Phasellus ornare varius porta. Nullam nec lectus tortor. Sed tempor erat nulla, tincidunt semper nibh ullamcorper et. Vivamus luctus enim blandit, lobortis lectus quis, convallis quam. Etiam mollis a velit non tempus. In dictum vestibulum ante, eu tempus purus suscipit quis. Cras molestie magna urna, vel eleifend tortor sollicitudin a. Cras tristique ligula mi, at ullamcorper sem facilisis dignissim.Donec pretium a ligula in sagittis. Morbi nec volutpat nunc. Fusce lacinia condimentum elit, vel consectetur dolor. Donec mattis, lorem eu luctus facilisis, massa purus aliquet tellus, a auctor eros leo suscipit quam. Quisque dignissim lectus vitae risus pharetra sodales. Nunc sollicitudin eu enim vel imperdiet. Cras arcu erat, rhoncus a tincidunt eu, rhoncus eu dolor. Nam lacus diam, euismod in posuere in, mattis eget felis. Mauris maximus iaculis nulla accumsan imperdiet. In hac habitasse platea dictumst. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sit amet nisl ut ante bibendum consectetur a eget massa. Maecenas odio nisi, auctor id purus et, imperdiet sagittis leo. Donec tempus mollis turpis, ac bibendum massa fringilla id. Fusce vehicula mi risus, vitae convallis elit blandit ut.Suspendisse posuere nibh eu sapien fringilla, et eleifend libero egestas. Donec eget ex purus. Pellentesque sed maximus diam, eget sodales nunc. Nulla sed ullamcorper magna. Quisque scelerisque ante eu sapien sollicitudin, ut consequat nisi mollis. Nulla eget ornare tellus. Etiam et augue at sapien viverra placerat commodo et nisl. Donec maximus iaculis bibendum. Quisque sagittis scelerisque mauris. Vestibulum augue urna, lacinia in congue vitae, ultrices ac lacus. Praesent commodo feugiat sem, eget euismod elit porttitor et. Vivamus vitae erat sit amet mauris accumsan fringilla. Nullam id mauris ut justo sodales dictum. Praesent non maximus augue. Aenean sapien arcu, congue vitae metus quis, rutrum sagittis tellus. In justo est, ornare eu scelerisque ac, auctor non justo.</p><div class="block_deco"></div><a href="https://artifices.forumactif.com/">artemis | www</a> </div>
Accueil
