<!--HTML-->
<center><link href='http://fonts.googleapis.com/css?family=Aguafina+Script' rel='stylesheet' type='text/css'>

<div style="width: 405px; border-left: #261717 8px solid;">

<div style="width: 400px; border-left: #8F4C5B 5px solid; background: #EBE6D5; padding: 10px 10px 10px 10px;">

<div style="width: 380px; color: #8F4C5B; text-align: center; text-transform: uppercase; font-size: 9px; font-family: verdana; height: 10px; border-top: 1px solid #8F4C5B; border-bottom: #8F4C5B 1px solid; margin-bottom: 13px; padding-top: 3px; padding-bottom: 5px;">month day, year</div>

<div style="background: transparent; font-size: 35px; color: #261717; font-family: 'Aguafina Script', cursive; text-align: left; padding-left: 5px; padding-top: 15px; padding-bottom: 15px;">Dear Journal,</div>

<div style="width: 380px; font-family: verdana; color: black; font-size: 10px; line-height: 100%; text-align: justify;"><div style="width: 100px; height: 100px; background:url(100x100 image url here); float: left; margin: 0px 10px 3px 0px;"></div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend orci id nulla faucibus ac elementum ipsum faucibus. Proin eget posuere neque. Cras cursus feugiat nisi. Sed hendrerit pellentesque turpis in elementum. Etiam non quam vel mauris luctus tincidunt eu id enim. Sed sapien metus, tempus id pretium sit amet, euismod et sem. Morbi eget purus at nisl interdum tristique id in massa. Curabitur ac pretium risus. Aliquam pharetra, velit eu eleifend lobortis, odio lacus tincidunt nunc, in volutpat tortor arcu vel massa. Pellentesque luctus, mi in laoreet elementum, risus diam adipiscing nibh, eu convallis lorem sapien id nulla. Mauris eget semper libero. Nunc quis elit aliquam ligula elementum gravida. Donec ut porttitor ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent at est nec urna eleifend feugiat id ut augue. Sed nunc nulla, tincidunt et pulvinar vitae, aliquet a sapien.
Nunc porta varius purus in posuere. Sed leo enim, mattis et aliquet vel, porta quis elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec porta ultricies odio nec venenatis. Etiam tincidunt lacus eu mauris bibendum tincidunt. Cras augue purus, commodo et sagittis ut, consequat eu nibh. Sed convallis, nisl nec ullamcorper pulvinar, quam mi pulvinar tortor, vitae egestas nibh nulla at nunc.

Morbi eget velit eu urna convallis commodo at et arcu. Nunc massa nisi, mattis imperdiet tempus eu, sodales et orci. Etiam eu dolor metus. Praesent sodales lorem accumsan nulla faucibus sit amet dignissim neque scelerisque. Curabitur dignissim nunc adipiscing leo malesuada feugiat. Integer sit amet mi et mi accumsan cursus eu ac diam. Vestibulum sed purus lacus. Pellentesque dignissim orci quis enim suscipit lacinia. Aliquam tempus dolor vitae lacus dignissim venenatis. Nulla pulvinar eros id nibh pellentesque sodales. Sed hendrerit massa risus. Sed a augue quis nisl fermentum malesuada. Sed luctus urna bibendum turpis vulputate laoreet. Suspendisse nec leo eu massa sollicitudin ultrices vel a risus. Praesent pharetra eros sit amet massa lacinia ultrices. Phasellus vitae pretium dolor.</div>

<div style="background: transparent; font-size: 35px; color: #261717; font-family: 'Aguafina Script', cursive; text-align: right; padding-right: 10px; padding-top: 10px; padding-bottom: 15px;">Sincerely, Name</div>

<a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=4002"><div style="width: 380px; color: #8F4C5B; text-align: center; font-size: 12px; font-variant: small-caps; font-family: verdana; height: 10px; border-top: 1px solid #8F4C5B; border-bottom: #8F4C5B 1px solid; margin-top: 13px; padding-top: 3px; padding-bottom: 5px;">made by jazmine at shadowplay</div></a>

</div></div>

</center>

<!--HTML-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans|Montserrat' rel='stylesheet' type='text/css'>
<style type="text/css">
.merc_tinder { width: 350px; margin: 25px auto; overflow: hidden; -webkit-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4); -moz-box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4); box-shadow: 4px 0 2px -2px rgba(0,0,0,0.4); }
.merc_tinder1 { width: 350px; height: 150px; overflow: hidden; }
.merc_tinder2 { width: 350px; height: 150px; overflow: hidden; background-image:url(http://placehold.it/350x150); -webkit-filter: blur(1px); -moz-filter: blur(1px); -o-filter: blur(1px); -ms-filter: blur(1px); filter: blur(1px); }
.merc_tinder3 { margin: auto; padding: 20px; width: 310px; height: 110px; background-color:rgba(0,0,0,0.2); position: relative; margin-top: -150px; }
.merc_tinder4 { padding: 10px; font-family: open sans; font-size: 12px; text-align: center; color: #fff; background-color: #f1592a; }
.merc_tinder5 { -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; border: 8px solid rgba(255,255,255,0.8); width: 50px; height: 50px; overflow: hidden; float: left; margin-left: 20px; margin-top: 10px; }
.merc_tinder6 { font-family: montserrat; font-size: 16px; font-weight: normal; text-align: center; text-transform: uppercase; color: #fff; }
.merc_tinder7 { float: right; margin-right: 20px; color: #fff; font-family: open sans; font-size: 12px; line-height: 115%; text-align: justify; width: 180px; padding-top: 20px;  }
.merc_tinder8 { background-color: #fff; padding: 20px; }
.merc_tinder9 { font-family: open sans; font-size: 11px; color: #191919; line-height: 105%;  }
.merc_tinder10 { font-family: open sans; font-size: 15px; text-transform: normal; color: #191919;  }
.merc_tinder10 span { color: #f1592a; }
.merc_cred { font-family: calibri; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; color: #191919; text-align: center; margin-top: -20px; }
.merc_cred a { color: #191919; }
</style>

<div class="merc_tinder">
<div class="merc_tinder4"><img src="http://i.imgur.com/PuxPJUY.png" style="margin-right: 3px" height="15px">Tinder</div>
<div class="merc_tinder1">

<div class="merc_tinder2"></div>
<div class="merc_tinder3">

<div class="merc_tinder6">first last</div>
<div class="merc_tinder5"><img src="50x50 PICTURE HERE! WILL RESIZE" width="50" /></div>
<div class="merc_tinder7">short biography</div>

</div></div>

<div class="merc_tinder8">
<div class="merc_tinder10">
<span>Done</span> <img src="http://i.imgur.com/yqXQ4M1.png" height="20px" style="margin-left: 40px; margin-right: 40px; " />
<span>17 years old</span>
</div>
<div class="merc_tinder9">
Location: # Miles Away <br />
Last Active: # Hours Ago
</div></div></div>
<div class="merc_cred"><a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=9289">© merc</a></div>

[align=center][size=16][font=Underdog]Название эпизода[/font][/size]
[img]http://placehold.it/100x100[/img] [img]http://placehold.it/100x100[/img] [img]http://placehold.it/100x100[/img]
[size=10]дата | место | время[/size][/align]
[table layout=fixed width=100%]
[tr]
[td width=10%][/td]
[td]описание вашего эпизода (не скупитесь на символы), при желании можете добавлять какие-то вдохновляющие цитатки и как-то модернизировать шаблон.[/td]
[td width=10%][/td]
[/tr]
[/table]

<!--HTML-->
<style type="text/css">
.stars_container { width:500px; height:500px; margin:auto; overflow:hidden;  background-image:url(http://i63.tinypic.com/25gvreu.png);}
.stars_box { height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase;  background-color:#fc8f99; color:#fff; text-align:center; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; width:100px; margin-top:-100px; margin-left:300px;}
.stars_barCont { overflow:hidden; height:100px; width:500px; }
.stars_fbar  { background-color:#000; height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; font-style:italic; -webkit-transition-delay: 1s; -moz-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s;   float:left; margin-left:-300px; width:300px;  -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; }

.stars_sbar { float:right; background-color:#000; height:10px; padding-top:45px; padding-bottom:45px; text-align:center; color:#fff; font-family:calibri; font-size:8px; text-transform:uppercase; margin-left:500px; width:100px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;  }
.stars_container:hover .stars_fbar { margin-left:0px; }
.stars_container:hover .stars_sbar { margin-left:0px; margin-top:0px; }
.stars_container:hover .stars_box { margin-top:0px; margin-left:300px;}

.stars_plot { width:300px; height:200px; padding:25px; background-color:rgba(255,255,255,0.8); text-align:justify; font-family:calibri; font-size:10px; line-height:110%; text-transform:none; color:#000;  margin-top:400px; margin-left:75px; }
.stars_container:hover .stars_plot { margin-top:75px; -moz-transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; margin-left:75px;}
.stars_inner { width:298px; height:200px; overflow:auto; padding-right:2px;}
.stars_inner::-webkit-scrollbar-thumb:vertical {
   border:2px solid #fc8f99;
   background-color:#fff;
   }
.stars_inner::-webkit-scrollbar-thumb:horizontal {
   background-color:#fff;
   }
.stars_inner::-webkit-scrollbar {
   width:4px;
   height:7px;
   border:1px solid #fc8f99;
   background-color:#fff;
   }

</style>

<div class="stars_container">
<div class="stars_barCont">
<div class="stars_sbar">♕</div>
<div class="stars_fbar">" i'll be the dawn on your worst night "</div>
<div class="stars_box">FIRST</div></div>

<div class="stars_plot">
<div class="stars_inner">
SHIPPER TEXT HERE!!!<br /><br />
</div>
</div>

</div>

<!--HTML--><center>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"><style>#AUJWrapper {width: 400px;text-align: center;} #AUJContainer {background-color: #ededed;border-bottom: 5px solid #e0dcdf;width: 400px;height: 200px;} #AUJlc {position:relative;left:0px;top:0px;padding:3px 10px 17px 10px;height:180px;width:20px;float:left;z-index: 5;} #AUJlc a{width: 10px;height: 10px;padding: 5px;background-color: #e0dcdf;color: white;margin-bottom: 4px;margin-top: 4px;display: block;text-align: center;} #AUJlc a:hover{text-decoration: none; color:white;} #AUJlc a[title]:hover:after{content: attr(title);padding: 5px;color: #36332e;position: relative;top: -11;left: 15;white-space: nowrap;z-index: 20px;background: #e0dcdf;font-size: 8px;text-transform: uppercase;font-family: Calibri, Arial, Verdana;letter-spacing: 1px;}.AutumnJImage{float:left;background-image: url(http://i.imgur.com/WzB4sxH.gif);background-repeat: no-repeat;background-color: transparent;font-size: 8px;width: 350px;padding-top: 100px;height: 100px;position: relative;margin-top: 7px;z-index: 3;font-family: Calibri, Arial, Verdana;letter-spacing: 1px;color: #36332e;overflow: hidden;}p.AutumnJtitle {text-align: center;text-transform: uppercase;font-style: italic;margin-bottom: 3px;color: #69332a;}p.AutumnJBottom {width: 100%;background-color: #69332a;padding: 2px 0px 2px 0px;color: white;text-transform: uppercase;font-style: italic;font-size: 8px;display: block;text-align:center;}.AutumnJBlurb {overflow: hidden;height: 43px;width: 100%;text-align: left;}</style>
<div id="AUJWrapper"><div id="AUJContainer"><div id="AUJlc">
<a href="GALLERY URL HERE" title="Внешности"><i class="fa fa-paint-brush"></i></a>
<a href="WRITING URL HERE" title="Занятость"><i class="fa fa-pencil"></i></a>
<a href="CODING URL HERE" title="Личное звание"><i class="fa fa-code"></i></a>
<a href="HOF URL HERE" title="Валюта"><i class="fa fa-trophy"></i></a>
<a href="DEVIANTART URL HERE" title="Поиск партнера"><i class="fa fa-deviantart"></i></a>
<a href="PRIVATE MESSAGE URL HERE" title="Message Me"><i class="fa fa-envelope"></i></a>
</div>
<div class="AutumnJImage">
<p class="AutumnJtitle">Теперь ты в игре ♥</p>
<div class="AutumnJblurb">
<font size=1>Добро пожаловать в Шотландию! Возможно тебе придется туго первое время, но будь уверен, что всегда сможешь найти помощь и поддержку. Никогда не сдавайся и не сомневайся в себе. Впереди много интересного ♥</font>
</div>
</div></div></center>