There is no charm equal to tenderness of heart.
Texte en gras. Italique. Lien. Souligné. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In mollis sapien eu semper condimentum. Duis suscipit ex in vestibulum auctor. Maecenas hendrerit finibus dignissim. Vestibulum lacinia eu diam id blandit. Proin vel nunc metus. Donec molestie elit at diam dictum placerat. Donec eros augue, ultricies gravida malesuada non, lobortis ac sem. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin est ligula, eget venenatis risus auctor nec. Sed pulvinar metus nec libero bibendum vulputate.
Curabitur condimentum congue diam, ut tempus diam lobortis quis. Pellentesque maximus nunc non ipsum scelerisque aliquet. Nulla feugiat condimentum pellentesque. Vestibulum placerat finibus nisl at iaculis. Donec lectus tellus, vulputate nec eros mollis, egestas feugiat purus. Mauris mi quam, scelerisque eget sem ut, molestie imperdiet lorem. Cras eget magna erat. Nullam euismod et diam id finibus. Aliquam eleifend enim arcu, et mollis felis condimentum non.
Phasellus vulputate elementum orci, eu faucibus risus interdum ac. Donec blandit libero non sodales placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce odio enim, dictum non magna non, suscipit condimentum magna. Phasellus semper sagittis ex, vitae vestibulum ligula aliquam in. Mauris vitae accumsan purus, non semper ex. Phasellus sit amet lectus id quam egestas malesuada. Nulla facilisis turpis non augue tempor, at dignissim velit interdum. Phasellus massa erat, sagittis mollis lorem sed, porttitor tincidunt diam.
Donec auctor ipsum eu accumsan iaculis. Morbi rhoncus tempus sem sed venenatis. Vivamus rutrum non augue ut tempus. Nulla posuere fringilla consectetur. Suspendisse ullamcorper, ex quis vulputate ultricies, odio elit laoreet metus, quis bibendum libero urna sed ex. Morbi non facilisis ante. Cras rutrum vitae ex eu congue. Sed tristique ex a augue suscipit, ac venenatis odio tempor. Sed ut dui est.
Curabitur condimentum congue diam, ut tempus diam lobortis quis. Pellentesque maximus nunc non ipsum scelerisque aliquet. Nulla feugiat condimentum pellentesque. Vestibulum placerat finibus nisl at iaculis. Donec lectus tellus, vulputate nec eros mollis, egestas feugiat purus. Mauris mi quam, scelerisque eget sem ut, molestie imperdiet lorem. Cras eget magna erat. Nullam euismod et diam id finibus. Aliquam eleifend enim arcu, et mollis felis condimentum non.
Phasellus vulputate elementum orci, eu faucibus risus interdum ac. Donec blandit libero non sodales placerat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce odio enim, dictum non magna non, suscipit condimentum magna. Phasellus semper sagittis ex, vitae vestibulum ligula aliquam in. Mauris vitae accumsan purus, non semper ex. Phasellus sit amet lectus id quam egestas malesuada. Nulla facilisis turpis non augue tempor, at dignissim velit interdum. Phasellus massa erat, sagittis mollis lorem sed, porttitor tincidunt diam.
Donec auctor ipsum eu accumsan iaculis. Morbi rhoncus tempus sem sed venenatis. Vivamus rutrum non augue ut tempus. Nulla posuere fringilla consectetur. Suspendisse ullamcorper, ex quis vulputate ultricies, odio elit laoreet metus, quis bibendum libero urna sed ex. Morbi non facilisis ante. Cras rutrum vitae ex eu congue. Sed tristique ex a augue suscipit, ac venenatis odio tempor. Sed ut dui est.
- Code:
<style>@import url('https://fonts.googleapis.com/css?family=Montserrat:400,900|Roboto');.heart * {box-sizing: border-box;}.heart {width: 500px;margin: auto;background: #fff;font-family: 'Roboto', sans-serif;position: relative;}.heart a {text-decoration: none!important;}.heart-header {background: #de8193;display: flex;padding: 20px;margin-bottom: 40px;}.heart-header > div {padding: 10px;width: 100px;height: 100px;border-color: #fff;border-style: dotted;border-width: 1px 3px 1px 3px;margin: auto;border-radius: 50%;box-sizing: content-box;}.heart-header > div img {width: 100px;height: 100px;border-radius: 50%;}.heart-header h2 {margin: 0 20px 0 0;font-weight: normal;flex: 1;font-size: 25px;line-height: 28px;font-family: 'Montserrat', sans-serif;align-self: center;color: #fff;text-shadow: 1px 1px 0 #c94e62;}.heart .heart-txt {width: 370px;margin: 0 auto 15px;text-align: justify;font-size: 10px;}.heart .heart-txt b {color: #de8193;font-family: 'Montserrat', sans-serif;}.heart .heart-txt u {border-bottom: 1px solid #de8193;text-decoration: none;}.heart .heart-txt a {color: #c94e62;transition: color 0.3s;}.heart .heart-txt a:hover {color: #de8193;}.heart-footer {background: #de8193;padding: 20px 65px;margin-top: 40px;display: flex;}.heart-footer tag {background: #fff;color: #c94e62;padding: 2px 6px;font-size: 11px;border-radius: 10px;font-family: 'Montserrat', sans-serif;}.heart-footer div {color: #fff;font-size: 7px;text-transform: uppercase;letter-spacing: 1px;align-self: center;flex: 1;margin-left: 5px;}.heart-credit {position: absolute;bottom: -15px;}.heart-credit a {color: #ccc!important;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;}</style>
<div class="heart"><div class="heart-header"><!--
--><h2>There is no charm equal to <b>tenderness of heart</b>.</h2><!--
--><div><!--
--><img src="https://image.noelshack.com/fichiers/2018/11/5/1521189332-tumblr-inline-mrk1punosl1qz4rgp.jpg" alt="" /><!--
--></div></div><div class="heart-txt"><!--
--><b>Texte en gras</b>. <i>Italique</i>. <a href="">Lien</a>. <u>Souligné</u>.
</div><div class="heart-footer"><!--
--><tag>feat alias</tag><!--
--><div>Des petites notes ici</div><!--
--></div><div class="heart-credit"><a href="http://terrible.forumactif.org/" target="_blank">Awful</a></div></div>