<style>/* coded by winterseaspray of shine */

.glass { width: 450px; background: #E6E8D3; margin-left: auto; margin-right: auto; } .diamond { background:; width: 450px; height: 250px; overflow: hidden; } .diamond img { width:450px; } .saphire { width: 450px; height: 250px; overflow: hidden; } .ruby { position: relative; margin-top: -50px; width: 0; height: 0; border-style: solid; border-width: 0 0 50px 450px; border-color: transparent transparent #B4C6BF transparent; } .emerald { width: 450px; background: #B4C6BF; font-family: Permanent Marker, cursive; text-align: center; font-size: 20px; line-height: 1.3; text-transform: lowercase; color: #38393E; } .pearl { width: 400px; margin-left: auto; margin-right: auto; } .opal { width: 0; height: 0; border-style: solid; border-width: 50px 450px 0 0; border-color: #B4C6BF transparent transparent transparent; } .amethyst { padding: 25px 50px 100px 50px; color: #38393E; text-align: justify; font-family: Open Sans, San Serif; line-height: 1.5; letter-spacing: 1px; } .topaz { width: 450px; margin-left: auto; margin-right: auto; margin-top: -30px; } .topaz .emerald { font-family: Lato; font-size: 10px; } .emerald b, .amethyst b { color: #D1443A; font-weight: bold; } .jasper b, .jade b { font-family: Permanent Marker; font-size: 15px; } .jasper, .jade { font-size: 14px; width: 205px; font-family: Open Sans; text-transform: uppercase; font-size: 10px; line-height: 1; } .jasper { float: right; text-align: right; padding-right: 20px; } .jade { float: left; text-align: left; padding-left: 20px; } .topaz .emerald { height: 40px; padding-top: 10px; padding-bottom: 20px; }.onyx { width: 450px; margin-left: auto; margin-right: auto; text-align: right; font-family: Open Sans; letter-spacing: 1px; font-size: 7px; text-transform: uppercase;}</style>

 

<link href="https://fonts.googleapis.com/css?family=Permanent+Marker|Open+Sans" rel="stylesheet">

<div class="glass">

<div class="saphire">

<div class="diamond"><img src="//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1474626385_11.jpg"></div>

  <div class="ruby"></div></div>

<div class="emerald"><div class="pearl">

 

katy perry

 

</div></div>

<div class="opal"></div>

<div class="amethyst">

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sagittis sapien mauris, vitae consectetur turpis tincidunt eget. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras eleifend risus id tempor accumsan.

 

</div>

</div><div class="topaz"><div class="ruby"></div><div class="emerald"><div class="jade"><b>JD </b>

 

▼J�gVir�g Design

 

</div>

<div class="jasper"><b>▼</b> 

 

www.jegvirag.gportal.hu

 

</div></div>