FICHE D'ANNONCE

• La fiche se décline en deux couleurs

Code:: <link href="https://iconsax.gitlab.io/i/icons.css" rel="stylesheet"/><div class="epsi_attention"> <div class="epsi_attention_icon"><i class="iconsax" icon-name="cloud-rain"></i></div><div class="epsi_attention_title">title goes here why not</div><div class="epsi_attention_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt, diam vel mattis bibendum, ante nisl feugiat risus, in sagittis metus tortor sit amet tortor. Etiam facilisis nibh eget mauris aliquam sagittis. Etiam est ligula, interdum egestas volutpat non, pellentesque in diam. Etiam congue dui at turpis fringilla, vitae efficitur odio malesuada. Nam nisl augue, ultrices posuere accumsan ut, sodales ut justo. Suspendisse lacus augue, rhoncus eu ipsum at, aliquet auctor ex. Fusce laoreet pellentesque metus et convallis. Donec et dolor non mi scelerisque ultricies et in odio. </div></div> <style>@font-face { src: url(https://files.jcink.net/uploads2/montyskins024/areminiscentsmile_Thin.ttf); font-family: accentfont; font-style: normal; font-weight: 200; }.epsi_attention { margin:0px auto; width:600px; padding:25px; border-radius:25px; background:var(--morered); position:relative; z-index:9; overflow:hidden; } .epsi_attention_icon { position:absolute; top:-60px; left:-45px; font-size:200px; opacity:0.4; z-index:-1; } .epsi_attention_icon i { color:var(--veryclair); } .epsi_attention_title { text-align:center; color:var(--dark); font:50px accentfont; } .epsi_attention_txt { margin:40px 35px 30px 35px; text-align:justify; font:15px Calibri; line-height:20px; color:var(--dark); }:root { --veryclair: #f2f2f2; --morered:#a1c2b7; --dark: #343434; }</style>

Code:: <div class="epsi_attentiond"> <div class="epsi_attention_icond"><i class="iconsax" icon-name="notepad"></i></div><div class="epsi_attention_titled">title goes here why not</div><div class="epsi_attention_txtd">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In tincidunt, diam vel mattis bibendum, ante nisl feugiat risus, in sagittis metus tortor sit amet tortor. Etiam facilisis nibh eget mauris aliquam sagittis. Etiam est ligula, interdum egestas volutpat non, pellentesque in diam. Etiam congue dui at turpis fringilla, vitae efficitur odio malesuada. Nam nisl augue, ultrices posuere accumsan ut, sodales ut justo. Suspendisse lacus augue, rhoncus eu ipsum at, aliquet auctor ex. Fusce laoreet pellentesque metus et convallis. Donec et dolor non mi scelerisque ultricies et in odio. </div></div> <style>@font-face { src: url(https://files.jcink.net/uploads2/montyskins024/areminiscentsmile_Thin.ttf); font-family: accentfont; font-style: normal; font-weight: 200; }.epsi_attentiond { margin:0px auto; width:600px; padding:25px; border-radius:25px; background:var(--marronclair); position:relative; z-index:9; overflow:hidden; } .epsi_attention_icond { position:absolute; top:-50px; left:-45px; font-size:180px; opacity:0.4; z-index:-1; } .epsi_attention_icond i { color:var(--veryclair); } .epsi_attention_titled { text-align:center; color:var(--dark); font:50px accentfont; } .epsi_attention_txtd { margin:40px 35px 30px 35px; text-align:justify; font:15px Calibri; line-height:20px; color:var(--dark); }:root { --veryclair: #f2f2f2; --marronclair: #bbaab8; --dark: #343434; }</style>