03-06-2018, 09:28 AM
<link href="https://fonts.googleapis.com/css?family=Parisienne" rel='stylesheet' type='text/css'> <style type="text/css"> .nymf_cont { position: relative; z-index: 1; background-color: #fcfecf; width: 500px; box-shadow: 10px 10px 10px 0px #000; border-radius: 0em 0em 0em 20em} .nymf_cont p { margin: 0; } .nymf_image { position: relative; z-index: 4; width: 500px; border-radius: 0em 0em 0em 20em; border-top: 2px solid #d86e85} .dynast3_text { position: relative; z-index: 6; width: 400px; } .nymf_msg { position: relative; font: 14px 'Times', serif; text-align: center; color: #430f18; padding: 30px 30px 30px; } .nymf_name { position: absolute; z-index: 9; text-align: left; font: 60px 'Parisienne', cursive; color: #a8273d; letter-spacing: 0px; padding-top: 19px; padding-left: 340px;} .nymf_quote { position: absolute; z-index: 6; text-align: right; color: #430f18; font: 18px 'Times New Roman'; font-style: italic; padding-top: 95px; padding-left: 270px; } </style> <center> <div class="nymf_cont"> <div class="nymf_text"> <p class="nymf_msg"> I acknowledge this steal attempt.</p></div> <div class="nymf_name">Nymf</div> <div class="nymf_quote">Oh no, Here we go again</div> <img class="nymf_image" src="http://latembedziemy.blog.pl/files/2014/01/large-4.jpg"> </div> </center>