[attr="class","adrie-c"]

[attr="class","adrie-img"]

[attr="class","adrie-img2"]

[attr="class","inner-finally"]Morbi ultrices maximus diam, non ornare purus viverra quis. Sed ante lectus, pellentesque nec tortor quis, cursus condimentum quam. Maecenas in aliquam lorem, ac mattis mauris. Etiam ante ante, aliquet nec odio vitae, laoreet blandit mi. Donec iaculis magna posuere, porta risus elementum, tincidunt orci. In hac habitasse platea dictumst. Curabitur placerat pulvinar accumsan. Sed id ex id urna varius efficitur eget eu leo. In sed urna elit. Donec ante felis, blandit ut varius sed, porta fermentum libero. Fusce accumsan, nunc a elementum egestas, augue ex tempor justo, vel varius nisi metus et enim. Donec enim dolor, porttitor a aliquam eget, elementum id orci. Suspendisse rutrum nec augue sit amet lobortis.



Text Color



Quisque ornare metus est, vitae suscipit nulla dignissim vitae. Fusce faucibus in quam ut ultricies. Aliquam a ante felis. Suspendisse eleifend magna non tincidunt hendrerit. Maecenas vitae velit facilisis, accumsan sapien at, finibus velit. Duis sem dolor, rutrum in sollicitudin non, aliquam id est. Fusce quis posuere magna. Praesent tempus pulvinar orci. Maecenas dui quam, aliquet sed venenatis sed, malesuada eget magna. In sit amet placerat quam. Morbi ut nisl odio. Integer vel lacus aliquet, laoreet lorem sit amet, dictum dui. Aenean semper, erat et ultrices lacinia, est sapien gravida lorem, vel ullamcorper felis mauris quis turpis. Sed ullamcorper, diam sit amet finibus rhoncus, ipsum nunc venenatis metus, sed porta diam ligula ac arcu. Donec gravida gravida urna, non porta leo venenatis vel.

KAY OF PIXEL PERFECT

[newclass=".adrie-cover"]background:#f3f3f3;border:solid 1px #dcdcdc;width:550px;padding:10px;margin:0 auto;[/newclass]

[newclass=".adrie-ban"]position:relative;z-index:0;background:url(https://i.imgur.com/Pm9fzPq.png);-webkit-clip-path:polygon(0 0, 100% 0, 100% 95%, 0 95%,0 0);clip-path:polygon(0 0, 100% 0, 100% 95%, 0 95%,0 0);width:550px;height:200px;overflow:hidden;[/newclass]

[newclass=".adrie-lyric1"]font-size:9px;color:#fff;letter-spacing:4px;position:absolute;text-transform:uppercase;font-family:roboto;text-align:right;padding-top:6px;margin-left:12px;text-shadow:1px 1px 0 #555,-1px -1px 0 #555,1px -1px 0 #555,-1px 1px 0 #555,3px 3px 5px #555;[/newclass]

[newclass=".adrie-lyric2"]font-size:9px;color:#fff;letter-spacing:4px;position:absolute;text-transform:uppercase;font-family:roboto;text-align:right;padding-top:6px;margin-left:140px;text-shadow:1px 1px 0 #555,-1px -1px 0 #555,1px -1px 0 #555,-1px 1px 0 #555,3px 3px 5px #555;[/newclass]

[newclass=".adrie-b"]width:0;height:276px;overflow:hidden;margin-left:-50px;transform:skew(-20deg);transition:width 1s ease;[/newclass]

[newclass=".adrie-cover:hover .adrie-b"]width:700px;[/newclass]

[newclass=".adrie-c"]width:690px;height:200px;transform:skew(20deg);margin-left:-85px;background-image:url(https://i.imgur.com/DFyUuKr.png);background-position:114px 0;[/newclass]

[newclass=".adrie-content1"]background:url(https://i.imgur.com/n9UllSp.png);padding-top:40px;margin-top:-50px;[/newclass]

[newclass=".adrie-content2"]font-size:11px;line-height:14px;color:#666;padding:40px;background:rgba(255,255,255,0.7);text-align:justify;font-family:arial;[/newclass][newclass=".adrie-bg"]background:#f1f1f1;border:solid 1px #eaeaea;width:150px;margin-top:10px;height:400px;background-attachment:fixed;[/newclass]

[newclass=".adrie-heads"]font-size:10px;text-transform:uppercase;font-family:roboto;letter-spacing:1px;background:#f9f9f9;color:#444;font-weight:900;border:solid 1px #ececec;width:115px;margin-top:20px;font-size:9px;margin-left:5px;padding:10px 0px 10px 20px;[/newclass]

[newclass=".adrie-icon"]transition:0.2s all;opacity:0;position:absolute;margin-top:16px;[/newclass]

[newclass=".adrie-note"]font-size:8px;text-align:center;font-family:roboto;letter-spacing:3px;opacity:0;transition:0.9s all;padding-top:18px;transition:0.7s all;color:#fff;text-transform:uppercase;[/newclass]

[newclass=".adrie-note a"]font-size:8px;font-family:roboto;color:#fff!important;letter-spacing:3px;text-transform:uppercase;[/newclass]

[newclass=".adrie-solid"]background:#ca3f46;height:20px;margin-top:3px;[/newclass]

[newclass=".bottome-acc"]background:#C02626;background-attachment:fixed;height:50px;margin-top:-25px;[/newclass]

[newclass=".adrie-cover:hover .adrie-note"]transition:0.6s all;opacity:1;[/newclass]

[newclass=".adrie-img img"]margin-top:-80px;position:relative;position:absolute;margin-left:-30px;[/newclass]

[newclass=".top-acc"]-webkit-clip-path:polygon(0 85%, 100% 85%, 100% 100%, 0% 100%);clip-path:polygon(0 85%, 100% 85%, 100% 100%, 0% 100%);background:#C02626;height:100px;margin-top:-100px;[/newclass]

[newclass=".adrie-img2 img"]shape-outside:circle(50%)!important;float:left;[/newclass]

[newclass=".inner-finally"]padding:20px;[/newclass]