[T] - Silent Night

01 - Homepage

<div style="width:900px;float:left;margin:auto;margin-bottom:20px;"><img alt="background" src="http://i.imgur.com/Uu3GAvq.jpg" style="width:900px;float:left;height:650px;" />
<div style="width:900px;height:650px;float:left;margin-top:-650px;overflow:hidden;">
<div style="width:300px;height:650px;float:left;background-color:#212121;opacity:.68;">&nbsp;</div>

<div style="width:0px;height:0px;border:370px solid transparent;border-left:600px solid #212121;float:left;margin-top:-710px;margin-left:300px;opacity:.43;">&nbsp;</div>

<div style="width:0px;height:0px;border:370px solid transparent;border-left:600px solid #212121;float:left;margin-top:-710px;margin-left:300px;opacity:.43;">&nbsp;</div>
</div>

<div style="width:900px;height:650px;float:left;margin-top:-650px;opacity:.999;">
<div style="width:430px;float:left;height:430px;">
<div style="width:850px;float:left;margin-left:50px;height:50px;margin-top:300px;">
<div style="width:430px;float:left;margin-top:19px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:-6px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">home</span></div>
</div>

<div style="font-family:futura;font-size:12px;color:#FFFFFF;float:left;text-transform:uppercase;margin-left:30px;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">plotlines</span></a></div>

<div style="font-family:futura;font-size:12px;color:#FFFFFF;float:left;text-transform:uppercase;margin-left:30px;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">reviews</span></a></div>

<div style="font-family:futura;font-size:12px;color:#FFFFFF;float:left;text-transform:uppercase;margin-left:30px;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">application</span></a></div>
</div>
</div>

<div style="margin-top:250px;float:left;border:2px solid #FFFFFF;height:30px;width:30px;margin-left:15px;">
<div class="tooltip" style="height:54px;width:54px;float:left;overflow:auto;margin-top:-2px;margin-left:-2px;border-bottom:none;" title="coded &amp; designed by holistic - a collab with vigour">&nbsp;</div>

<div style="margin-top:-42px;float:left;">
<div style="font-family:'century gothic', futura;margin-left:8px;font-size:10px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.4px;" title="holistic &amp; vigour collab © 2015"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-layout"><span style="color:#FFFFFF;">hv</span></a></div>
</div>
</div>
</div>

<div style="width:460px;float:left;overflow:hidden;height:550px;margin-top:45px;margin-left:10px;">
<div style="width:490px;float:left;overflow:auto;height:540px;margin-top:5px;">
<div style="width:470px;float:left;height:130px;">
<div style="width:420px;float:left;height:50px;margin-top:250px;">
<div style="font-family:futura;font-size:50px;line-height:100%;color:#292929;float:right;text-transform:uppercase;letter-spacing:1.6px;margin-right:4px;margin-left:10px;">silent night</div>
</div>

<div style="width:60px;float:right;margin-right:6px;margin-top:-78px;overflow:hidden;">
<div style="width:0px;height:0px;float:left;border:63px solid transparent;border-bottom:39px solid #A6C2C1;">&nbsp;</div>

<div style="width:0px;height:0px;float:left;border:50px solid transparent;border-top:50px solid #A6C2C1;">&nbsp;</div>

<div style="width:40px;height:60px;margin-top:-120px;float:left;margin-left:20px;">
<div style="height:34px;width:25px;float:left;overflow:hidden;margin-left:10px;margin-top:6px;">
<div style="height:59px;width:65px;float:left;margin:-17px 0px 0px -19px;"><iframe height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/164189458&amp;color=A6C2C1&amp;&amp;hide_related=true&amp;show_artwork=false" style="border-radius:100%;" width="100%"></iframe></div>
</div>
</div>
</div>

<div style="width:460px;float:left;height:430px;margin-top:-60px;overflow:hidden;">
<div style="width:490px;float:left;height:395px;margin-top:4px;overflow:auto;">
<div style="width:460px;float:left;margin-top:175px;">
<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh.</div>
</div>
</div>

<div style="width:220px;float:left;border:3px solid #a6c2c1;padding:15px;margin-left:132px;margin-top:10px;">
<div style="font-family:futura;font-size:12px;color:#a6c2c1;text-align:justify;line-height:120%;letter-spacing:.7px;">TITLE &mdash;&nbsp;silent night<br />
AUTHORS&nbsp;<span style="color:rgb(166,194,193);font-family:futura;font-size:12px;letter-spacing:.7px;line-height:14.4px;text-align:justify;">&mdash;</span><span style="color:rgb(166,194,193);font-family:futura;font-size:12px;letter-spacing:.7px;line-height:14.4px;text-align:justify;">&nbsp;</span>vigour &amp; holistic<br />
GENRE <span style="color:rgb(166,194,193);font-family:futura;font-size:12px;letter-spacing:.7px;line-height:14.4px;text-align:justify;">&mdash;</span><span style="color:rgb(166,194,193);font-family:futura;font-size:12px;letter-spacing:.7px;line-height:14.4px;text-align:justify;">&nbsp;</span>holidays, angst, winter<br />
DEADLINE <span style="color:rgb(166,194,193);font-family:futura;font-size:12px;letter-spacing:.7px;line-height:14.4px;text-align:justify;">&mdash;</span>&nbsp;tba<br />
INSPIRATION <span style="color:rgb(166,194,193);font-family:futura;font-size:12px;letter-spacing:.7px;line-height:14.4px;text-align:justify;">&mdash;</span><span style="color:rgb(166,194,193);font-family:futura;font-size:12px;letter-spacing:.7px;line-height:14.4px;text-align:justify;">&nbsp;</span>silent night (carol)</div>

<div style="font-family:futura;font-size:12px;color:#a6c2c1;text-align:justify;line-height:120%;letter-spacing:.7px;">CHARACTERS&nbsp;<span style="color:rgb(166,194,193);font-family:futura;font-size:12px;letter-spacing:.7px;line-height:14.4px;text-align:justify;">&mdash; 5 + shinee</span></div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;margin-top:10px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;"><span style="color:#A6C2C1;"><em><strong>001.</strong></em></span><span style="color:#A6C2C1;"> </span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. <em><strong><span style="color:#A6C2C1;">002.</span>&nbsp;</strong></em>Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. <em><strong><span style="color:#A6C2C1;">003.</span>&nbsp;</strong></em>Praesent mauris. Fusce nec tellus sed augue semper porta. <span style="color:#A6C2C1;"><em><strong>004.&nbsp;</strong></em></span>&nbsp;Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. <strong><em><span style="color:#A6C2C1;">005.</span>&nbsp;</em></strong>Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa</div>
</div>
</div>

<div style="width:250px;float:left;margin-top:10px;margin-left:132px;"><img alt="image one / image 1" src="http://i.imgur.com/xBRsnnN.png" style="width:250px;float:left;height:188px;" />
<div style="width:250px;height:188px;float:left;margin-top:-188px;">
<div style="width:0px;height:0px;float:left;border:138px solid rgb(166,194,193);border-right:200px solid transparent;border-top:138px solid transparent;border-left:0px solid transparent;margin-top:-110px;margin-left:25px;">&nbsp;</div>
</div>

<div style="width:250px;height:188px;float:left;margin-top:-188px;">
<div style="width:200px;height:138px;float:left;border:3px solid rgb(166,194,193);margin:22px;">
<div style="margin-top:55px;margin-bottom:55px;">
<div style="font-family:futura;font-size:15px;color:rgb(166,194,193);text-align:center;text-transform:lowercase;letter-spacing:1.4px;line-height:120%;"><span style="color:#FFFFFF;">sleep in</span> heavenly<br />
<span style="color:#FFFFFF;">peace</span></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

02 - Plotlines

<div style="width:900px;float:left;margin:auto;margin-bottom:20px;"><img alt="background" src="http://i.imgur.com/DEzZjeG.jpg?1" style="width:900px;float:left;height:650px;opacity:.9;" />
<div style="width:900px;height:650px;float:left;margin-top:-650px;overflow:hidden;opacity:.999;">
<div style="width:300px;height:650px;float:left;background-color:#212121;opacity:.67;">&nbsp;</div>

<div style="width:0px;height:0px;border:370px solid transparent;border-left:600px solid #212121;float:left;margin-top:-710px;margin-left:300px;opacity:.43;">&nbsp;</div>

<div style="width:0px;height:0px;border:370px solid transparent;border-left:600px solid #212121;float:left;margin-top:-710px;margin-left:300px;opacity:.43;">&nbsp;</div>
</div>

<div style="width:900px;height:650px;float:left;margin-top:-650px;opacity:.999;">
<div style="width:430px;float:left;height:430px;">
<div style="width:850px;float:left;margin-left:50px;height:50px;margin-top:300px;">
<div style="width:430px;float:left;margin-top:19px;">
<div style="font-family:futura;font-size:12px;color:#FFFFFF;float:left;text-transform:uppercase;margin-left:0px;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">home</span></a></div>

<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:-6px;margin-left:30px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">plotlines</span></div>
</div>

<div style="font-family:futura;font-size:12px;color:#FFFFFF;float:left;text-transform:uppercase;margin-left:30px;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">reviews</span></a></div>

<div style="font-family:futura;font-size:12px;color:#FFFFFF;float:left;text-transform:uppercase;margin-left:30px;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">application</span></a></div>
</div>
</div>

<div style="margin-top:250px;float:left;border:2px solid #FFFFFF;height:30px;width:30px;margin-left:15px;">
<div class="tooltip" style="height:54px;width:54px;float:left;overflow:auto;margin-top:-2px;margin-left:-2px;border-bottom:none;" title="coded &amp; designed by holistic - a collab with vigour">&nbsp;</div>

<div style="margin-top:-42px;float:left;">
<div style="font-family:'century gothic', futura;margin-left:8px;font-size:10px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.4px;" title="holistic &amp; vigour collab © 2015"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-layout"><span style="color:#FFFFFF;">hv</span></a></div>
</div>
</div>
</div>

<div style="width:460px;float:left;overflow:hidden;height:550px;margin-top:45px;margin-left:10px;">
<div style="width:490px;float:left;overflow:auto;height:540px;margin-top:5px;">
<div style="width:470px;float:left;height:130px;">
<div style="width:420px;float:left;height:50px;margin-top:250px;">
<div style="font-family:futura;font-size:50px;line-height:100%;color:#292929;float:right;text-transform:uppercase;letter-spacing:1.6px;margin-right:4px;margin-left:10px;">plotlines</div>
</div>

<div style="width:60px;float:right;margin-right:6px;margin-top:-78px;overflow:hidden;">
<div style="width:0px;height:0px;float:left;border:63px solid transparent;border-bottom:39px solid #A6C2C1;">&nbsp;</div>

<div style="width:0px;height:0px;float:left;border:50px solid transparent;border-top:50px solid #A6C2C1;">&nbsp;</div>

<div style="width:40px;height:60px;margin-top:-120px;float:left;margin-left:20px;">
<div style="height:34px;width:25px;float:left;overflow:hidden;margin-left:10px;margin-top:6px;">
<div style="height:59px;width:65px;float:left;margin:-17px 0px 0px -19px;"><iframe height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/164189458&amp;color=A6C2C1&amp;&amp;hide_related=true&amp;show_artwork=false" style="border-radius:100%;" width="100%"></iframe></div>
</div>
</div>
</div>

<div style="width:460px;float:left;height:430px;margin-top:-60px;overflow:hidden;">
<div style="width:490px;float:left;height:395px;margin-top:4px;overflow:auto;">
<div style="width:460px;float:left;margin-top:175px;">
<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">silent night</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;float:right;margin-left:20px;margin-top:10px;line-height:125%;text-transform:uppercase;letter-spacing:1px;">status: available</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">holy night</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;text-align:right;line-height:125%;text-transform:uppercase;letter-spacing:1px;">status: available</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">all is calm</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;text-align:right;line-height:125%;text-transform:uppercase;letter-spacing:1px;">status: available</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">all is bright</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;text-align:right;line-height:125%;text-transform:uppercase;letter-spacing:1px;">status: available</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">heavenly peace</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;text-align:right;line-height:125%;text-transform:uppercase;letter-spacing:1px;">status: available</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">mother &amp; child</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;text-align:right;line-height:125%;text-transform:uppercase;letter-spacing:1px;">status: available</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">alleluia</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. if you need to add more, copy this + 2 &lt; / d i v &gt; tags at the end and paste it directly after where you copied.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;text-align:right;line-height:125%;text-transform:uppercase;letter-spacing:1px;">status: available</div>
</div>
</div>

<div style="width:250px;float:left;margin-top:10px;margin-left:132px;"><img alt="image one / image 1" src="http://i.imgur.com/1J7ml16.png" style="width:250px;float:left;height:188px;" />
<div style="width:250px;height:188px;float:left;margin-top:-188px;">
<div style="width:0px;height:0px;float:left;border:138px solid rgb(166,194,193);border-right:200px solid transparent;border-top:138px solid transparent;border-left:0px solid transparent;margin-top:-110px;margin-left:25px;">&nbsp;</div>
</div>

<div style="width:250px;height:188px;float:left;margin-top:-188px;">
<div style="width:200px;height:138px;float:left;border:3px solid rgb(166,194,193);margin:22px;">
<div style="margin-top:55px;margin-bottom:55px;">
<div style="font-family:futura;font-size:15px;text-align:center;text-transform:lowercase;letter-spacing:1.4px;line-height:120%;"><span style="color:rgb(255,255,255);">the</span><font color="#a6c2c1">&nbsp;</font><span style="color:#FFFFFF;">official</span><br />
<font color="#ffffff">cheatlist</font></div>
</div>
</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;margin-bottom:60px;">
<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">general</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;"><em><strong><span style="color:#A6C2C1;">001.</span>&nbsp;</strong></em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <em style="color:rgb(0,0,0);font-family:futura;font-size:11px;letter-spacing:.3px;line-height:13.2px;text-align:justify;"><strong><span style="color:rgb(166,194,193);">002.</span>&nbsp;</strong></em>Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. <em style="color:rgb(0,0,0);font-family:futura;font-size:11px;letter-spacing:.3px;line-height:13.2px;text-align:justify;"><strong><span style="color:rgb(166,194,193);">003.</span>&nbsp;</strong></em>Mauris massa. Vestibulum lacinia arcu eget nulla. <em style="color:rgb(0,0,0);font-family:futura;font-size:11px;letter-spacing:.3px;line-height:13.2px;text-align:justify;"><strong><span style="color:rgb(166,194,193);">004.</span>&nbsp;</strong></em>Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. <em style="color:rgb(0,0,0);font-family:futura;font-size:11px;letter-spacing:.3px;line-height:13.2px;text-align:justify;"><strong><span style="color:rgb(166,194,193);">005.</span>&nbsp;</strong></em>Maecenas mattis. Sed convallis tristique sem.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;float:right;margin-left:20px;margin-top:14px;line-height:125%;text-transform:uppercase;letter-spacing:1px;">plotline one: Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<br />
plotline two: Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<br />
Plotline three: Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<br />
Plotline four: Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<br />
plotline five: Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<br />
plotline six: Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
<br />
plotline seven: Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

03 - Reviews

<div style="width:900px;float:left;margin:auto;margin-bottom:20px;"><img alt="background" src="http://i.imgur.com/aA9YFT0.png" style="width:900px;float:left;height:650px;opacity:.85;" />
<div style="width:900px;height:650px;float:left;margin-top:-650px;overflow:hidden;opacity:.999;">
<div style="width:300px;height:650px;float:left;background-color:#212121;opacity:.67;">&nbsp;</div>

<div style="width:0px;height:0px;border:370px solid transparent;border-left:600px solid #212121;float:left;margin-top:-710px;margin-left:300px;opacity:.43;">&nbsp;</div>

<div style="width:0px;height:0px;border:370px solid transparent;border-left:600px solid #212121;float:left;margin-top:-710px;margin-left:300px;opacity:.43;">&nbsp;</div>
</div>

<div style="width:900px;height:650px;float:left;margin-top:-650px;opacity:.999;">
<div style="width:430px;float:left;height:430px;">
<div style="width:850px;float:left;margin-left:50px;height:50px;margin-top:300px;">
<div style="width:430px;float:left;margin-top:19px;">
<div style="font-family:futura;font-size:12px;color:#FFFFFF;float:left;text-transform:uppercase;margin-left:0px;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">home</span></a></div>

<div style="font-family:futura;font-size:12px;color:#FFFFFF;float:left;text-transform:uppercase;margin-left:30px;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">plotlines</span></a></div>

<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:-6px;margin-left:30px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">reviews</span></div>
</div>

<div style="font-family:futura;font-size:12px;color:#FFFFFF;float:left;text-transform:uppercase;margin-left:30px;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">application</span></a></div>
</div>
</div>

<div style="margin-top:250px;float:left;border:2px solid #FFFFFF;height:30px;width:30px;margin-left:15px;">
<div class="tooltip" style="height:54px;width:54px;float:left;overflow:auto;margin-top:-2px;margin-left:-2px;border-bottom:none;" title="coded &amp; designed by holistic - a collab with vigour">&nbsp;</div>

<div style="margin-top:-42px;float:left;">
<div style="font-family:'century gothic', futura;margin-left:8px;font-size:10px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.4px;" title="holistic &amp; vigour collab © 2015"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-layout"><span style="color:#FFFFFF;">hv</span></a></div>
</div>
</div>
</div>

<div style="width:460px;float:left;overflow:hidden;height:550px;margin-top:45px;margin-left:10px;">
<div style="width:490px;float:left;overflow:auto;height:540px;margin-top:5px;">
<div style="width:470px;float:left;height:130px;">
<div style="width:420px;float:left;height:50px;margin-top:250px;">
<div style="font-family:futura;font-size:50px;line-height:100%;color:#292929;float:right;text-transform:uppercase;letter-spacing:1.6px;margin-right:4px;margin-left:10px;">reviews</div>
</div>

<div style="width:60px;float:right;margin-right:6px;margin-top:-78px;overflow:hidden;">
<div style="width:0px;height:0px;float:left;border:63px solid transparent;border-bottom:39px solid #A6C2C1;">&nbsp;</div>

<div style="width:0px;height:0px;float:left;border:50px solid transparent;border-top:50px solid #A6C2C1;">&nbsp;</div>

<div style="width:40px;height:60px;margin-top:-120px;float:left;margin-left:20px;">
<div style="height:34px;width:25px;float:left;overflow:hidden;margin-left:10px;margin-top:6px;">
<div style="height:59px;width:65px;float:left;margin:-17px 0px 0px -19px;"><iframe height="166" scrolling="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/164189458&amp;color=A6C2C1&amp;&amp;hide_related=true&amp;show_artwork=false" style="border-radius:100%;" width="100%"></iframe></div>
</div>
</div>
</div>

<div style="width:460px;float:left;height:430px;margin-top:-60px;overflow:hidden;">
<div style="width:490px;float:left;height:395px;margin-top:4px;overflow:auto;">
<div style="width:460px;float:left;margin-top:175px;">
<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="width:200px;float:left;margin-left:50px;"><img alt="character one" src="http://i.imgur.com/BCPxjSC.png" style="width:150px;float:left;height:150px;" />
<div style="width:150px;height:150px;float:left;margin-top:-150px;margin-bottom:15px;">
<div style="width:110px;margin-left:20px;margin-right:20px;float:left;border-bottom:2px solid #A6C2C1;padding-left:0px;padding-right:0px;margin-top:66px;">
<div style="font-family:futura;font-size:11px;color:#FFFFFF;text-align:center;line-height:125%;text-transform:uppercase;letter-spacing:1px;">full name</div>
</div>
</div>
</div>

<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">plotline</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;float:right;margin-left:20px;margin-top:10px;line-height:125%;text-transform:uppercase;letter-spacing:1px;">username &middot;&nbsp;lover &middot;&nbsp;status</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="width:200px;float:left;margin-left:50px;"><img alt="character two" src="http://i.imgur.com/BOpNKQh.png" style="width:150px;float:left;height:150px;" />
<div style="width:150px;height:150px;float:left;margin-top:-150px;margin-bottom:15px;">
<div style="width:110px;margin-left:20px;margin-right:20px;float:left;border-bottom:2px solid #A6C2C1;padding-left:0px;padding-right:0px;margin-top:66px;">
<div style="font-family:futura;font-size:11px;color:#FFFFFF;text-align:center;line-height:125%;text-transform:uppercase;letter-spacing:1px;">full name</div>
</div>
</div>
</div>

<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">plotline</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;float:right;margin-left:20px;margin-top:10px;line-height:125%;text-transform:uppercase;letter-spacing:1px;">username &middot;&nbsp;lover &middot;&nbsp;status</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="width:200px;float:left;margin-left:50px;"><img alt="character three" src="http://i.imgur.com/pSMOAT6.png" style="width:150px;float:left;height:150px;" />
<div style="width:150px;height:150px;float:left;margin-top:-150px;margin-bottom:15px;">
<div style="width:110px;margin-left:20px;margin-right:20px;float:left;border-bottom:2px solid #A6C2C1;padding-left:0px;padding-right:0px;margin-top:66px;">
<div style="font-family:futura;font-size:11px;color:#FFFFFF;text-align:center;line-height:125%;text-transform:uppercase;letter-spacing:1px;">full name</div>
</div>
</div>
</div>

<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">plotline</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;float:right;margin-left:20px;margin-top:10px;line-height:125%;text-transform:uppercase;letter-spacing:1px;">username &middot;&nbsp;lover &middot;&nbsp;status</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="width:200px;float:left;margin-left:50px;"><img alt="character four" src="http://i.imgur.com/T4Ucasd.png" style="width:150px;float:left;height:150px;" />
<div style="width:150px;height:150px;float:left;margin-top:-150px;margin-bottom:15px;">
<div style="width:110px;margin-left:20px;margin-right:20px;float:left;border-bottom:2px solid #A6C2C1;padding-left:0px;padding-right:0px;margin-top:66px;">
<div style="font-family:futura;font-size:11px;color:#FFFFFF;text-align:center;line-height:125%;text-transform:uppercase;letter-spacing:1px;">full name</div>
</div>
</div>
</div>

<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">plotline</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;float:right;margin-left:20px;margin-top:10px;line-height:125%;text-transform:uppercase;letter-spacing:1px;">username &middot;&nbsp;lover &middot;&nbsp;status</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="width:200px;float:left;margin-left:50px;"><img alt="character five" src="http://i.imgur.com/BCPxjSC.png" style="width:150px;float:left;height:150px;" />
<div style="width:150px;height:150px;float:left;margin-top:-150px;margin-bottom:15px;">
<div style="width:110px;margin-left:20px;margin-right:20px;float:left;border-bottom:2px solid #A6C2C1;padding-left:0px;padding-right:0px;margin-top:66px;">
<div style="font-family:futura;font-size:11px;color:#FFFFFF;text-align:center;line-height:125%;text-transform:uppercase;letter-spacing:1px;">full name</div>
</div>
</div>
</div>

<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">plotline</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;float:right;margin-left:20px;margin-top:10px;line-height:125%;text-transform:uppercase;letter-spacing:1px;">username &middot;&nbsp;lover &middot;&nbsp;status</div>
</div>
</div>

<div style="width:250px;float:left;border:5px solid transparent;padding:10px;margin-left:120px;">
<div style="width:200px;float:left;margin-left:50px;"><img alt="character one" src="http://i.imgur.com/BCPxjSC.png" style="width:150px;float:left;height:150px;" />
<div style="width:150px;height:150px;float:left;margin-top:-150px;margin-bottom:15px;">
<div style="width:110px;margin-left:20px;margin-right:20px;float:left;border-bottom:2px solid #A6C2C1;padding-left:0px;padding-right:0px;margin-top:66px;">
<div style="font-family:futura;font-size:11px;color:#FFFFFF;text-align:center;line-height:125%;text-transform:uppercase;letter-spacing:1px;">full name</div>
</div>
</div>
</div>

<div style="margin-top:10px;margin-bottom:10px;">
<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:left;margin-top:0px;margin-left:0px;margin-right:10px;margin-bottom:3px;">
<div style="font-family:futura;font-size:12px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><span style="color:#A6C2C1;">plotline</span></div>
</div>

<div style="font-family:futura;font-size:11px;color:#000;text-align:justify;line-height:120%;letter-spacing:.3px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor.</div>

<div style="font-family:'gill sans';font-size:10px;color:#FFFFFF;float:right;margin-left:20px;margin-top:10px;line-height:125%;text-transform:uppercase;letter-spacing:1px;">username &middot;&nbsp;lover &middot;&nbsp;status</div>
</div>
</div>

<div style="border:2px solid #A6C2C1;padding:8px;padding-left:12px;padding-right:12px;float:right;margin-top:25px;margin-left:50px;background-color:#A6C2C1;">
<div style="font-family:futura;font-size:11px;text-align:center;text-transform:lowercase;letter-spacing:1.4px;line-height:120%;"><font color="#FFFFFF">total applicants:&nbsp;6</font></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

04 - Application

<div style="width:800px;float:left;margin:auto;margin-bottom:25px;">
<div style="width:600px;padding:100px;float:left;background-color:#303030;">
<div style="width:600px;float:left;height:253px;">
<div style="width:375px;float:left;">
<div style="font-family:nevis, futura;font-size:27px;color:#000;float:right;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;">character name</div>

<div style="border:2px solid #A6C2C1;padding:4px;padding-left:7px;padding-right:7px;float:right;margin-top:2px;">
<div style="font-family:futura;font-size:10px;color:#A6C2C1;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;">plotline&nbsp;&mdash; username&nbsp;&mdash; activity</div>
</div>

<div style="width:375px;float:left;padding-top:20px;padding-bottom:20px;margin-top:10px;background-color:#292929;height:153px;overflow:hidden;">
<div style="width:405px;float:left;overflow:auto;height:151px;">
<div style="width:375px;float:left;">
<div style="font-family:nevis, tahoma;font-size:14px;color:#A6C2C1;margin-left:50px;letter-spacing:1px;line-height:132%;text-transform:uppercase;"><strong>the bare basics</strong></div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">FULL NAME &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Cho Kyo Ri</span></div>

<div style="font-family:tahoma;font-size:11px;text-align:justify;margin-left:80px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><font color="#a6c2c1">NICKNAMES &mdash; </font></strong><font color="#ffffff">Explain why, please!<br />
&mdash;&nbsp;Start here</font></span></div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">BIRTHDAY &amp; AGE &mdash;</span></strong><span style="color:#FFFFFF;">&nbsp;</span></span><span style="color:#FFFFFF;">July 1st &amp; 21</span></div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">ETHNICITY &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Korean</span></div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">BIRTHPLACE &amp; HOMETOWN &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Busan &amp; Seoul</span></div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">LANGUAGES &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Include level of fluency!<br />
&mdash;&nbsp;Korean [fluent]&nbsp;</span><br />
&mdash; English [terrible]</div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">FACE CLAIM &amp; BACKUP &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Park Sora &amp; Jiwon</span></div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">APPEARANCE &mdash;&nbsp;</span></strong></span><span style="color:#FFFFFF;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</span></div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">STYLE &mdash;&nbsp;</span></strong></span><span style="color:#FFFFFF;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris.</span></div>
</div>
</div>
</div>
</div>
</div>

<div style="width:210px;float:left;margin-left:15px;"><img alt="character image" src="http://i.imgur.com/23ftoHU.jpg?2" style="width:210px;float:left;height:253px;" /></div>
</div>

<div style="width:600px;float:left;padding-top:20px;padding-bottom:20px;margin-top:10px;background-color:#292929;">
<div style="font-family:nevis, tahoma;font-size:14px;color:#A6C2C1;margin-left:50px;letter-spacing:1px;line-height:132%;text-transform:uppercase;"><strong>lift the veil</strong></div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">PERSONALITY &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.&nbsp;</span><span style="letter-spacing:.4px;line-height:130%;">Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. </span>

<p><span style="letter-spacing:.4px;line-height:130%;">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. </span></p>
</div>

<div style="font-family:tahoma;font-size:11px;color:rgb(255,255,255);text-align:justify;margin-left:120px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">TL;DR &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;<br />
(+) observant, genuine, brilliant, perfectionist<br />
(&ndash;) na&iuml;ve, mean, blunt, stubborn, distant, impatient</span><br />
&nbsp;</div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">BIOGRAPHY &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.&nbsp;</span><span style="letter-spacing:.4px;line-height:130%;">Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. </span>

<p><span style="letter-spacing:.4px;line-height:130%;">Quisque volutpat condimentum velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae. </span></p>
</div>

<div style="width:295px;float:left;margin-bottom:10px;margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:left;margin-left:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">LIKES &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.</span></div>
</div>

<div style="width:295px;float:left;margin-left:10px;margin-bottom:10px;margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:right;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">DISLIKES &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.<br />
&mdash; Quisque volutpat condimentum velit.</span></div>
</div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">TRIVIA &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla.</span></div>
</div>
</div>

<div style="width:600px;float:left;padding-top:20px;padding-bottom:20px;margin-top:10px;background-color:#292929;">
<div style="font-family:nevis, tahoma;font-size:14px;color:#A6C2C1;margin-left:50px;letter-spacing:1px;line-height:132%;text-transform:uppercase;"><strong>HELLO, LOVELIES</strong></div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">FAMILY &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Put format here!</span>

<ul>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</li>
</ul>
</div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">FRIENDS &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Put format here!</span>

<ul>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</li>
</ul>
</div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">OTHERS &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Put format here!</span>

<ul>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</li>
	<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero.</li>
</ul>
</div>
</div>
</div>

<div style="width:210px;float:left;margin-top:10px;"><img alt="love interest image" src="http://i.imgur.com/BDyulN7.jpg?1" style="width:210px;float:left;height:252px;" /></div>

<div style="width:375px;float:left;margin-top:10px;margin-left:15px;">
<div style="width:375px;float:left;padding-top:20px;padding-bottom:20px;background-color:#292929;height:213px;overflow:hidden;">
<div style="width:405px;float:left;overflow:auto;height:212px;">
<div style="width:375px;float:left;">
<div style="font-family:nevis, tahoma;font-size:14px;color:#A6C2C1;margin-left:50px;letter-spacing:1px;line-height:132%;text-transform:uppercase;"><strong>it&#39;s a love story</strong></div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">FULL NAME &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Kim Jongin</span></div>

<div style="font-family:tahoma;font-size:11px;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><font color="#a6c2c1">BACKUP&mdash; </font></strong><font color="#ffffff">Lee Taemin</font></span></div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">BIRTHDAY &amp; AGE &mdash;</span></strong><span style="color:#FFFFFF;">&nbsp;</span></span><span style="color:#FFFFFF;">April 21st &amp; 22</span></div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">PERSONALITY &mdash;</span></strong></span><span style="color:#FFFFFF;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.</span></div>
</div>

<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">TL;DR &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Give a general overview of his personality</span></div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">RELATIONSHIP &mdash;</span></strong></span><span style="color:#FFFFFF;"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</span></div>
</div>
</div>
</div>
</div>
</div>
</div>

<div style="width:562px;float:left;border:4px solid #A6C2C1;padding:15px;margin-top:10px;">
<div style="font-family:nevis, tahoma;font-size:14px;color:#A6C2C1;margin-left:20px;letter-spacing:1px;line-height:132%;text-transform:uppercase;"><strong>THE INTERVIEW</strong></div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:20px;margin-right:20px;line-height:130%;letter-spacing:.4px;">
<p><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">Q1: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed Cursus ante dapibus diam?</span></strong></span><br />
<span style="letter-spacing:.4px;line-height:130%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</span></p>
</div>
</div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:20px;margin-right:20px;line-height:130%;letter-spacing:.4px;">
<p><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">Q2: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed Cursus ante dapibus diam?</span></strong></span><br />
<span style="letter-spacing:.4px;line-height:130%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</span></p>
</div>
</div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:20px;margin-right:20px;line-height:130%;letter-spacing:.4px;">
<p><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">Q3: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed Cursus ante dapibus diam?</span></strong></span><br />
<span style="letter-spacing:.4px;line-height:130%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</span></p>
</div>
</div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:20px;margin-right:20px;line-height:130%;letter-spacing:.4px;">
<p><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">Q4: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed Cursus ante dapibus diam?</span></strong></span><br />
<span style="letter-spacing:.4px;line-height:130%;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam.</span></p>
</div>
</div>
</div>

<div style="width:600px;float:left;padding-top:20px;padding-bottom:20px;margin-top:10px;background-color:#292929;">
<div style="font-family:nevis, tahoma;font-size:14px;color:#A6C2C1;margin-left:50px;letter-spacing:1px;line-height:132%;text-transform:uppercase;"><strong>THE FINALE</strong></div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">QUESTIONS, COMMENTS, CONCERNS? &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.</span></div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">SCENE SUGGESTIONS &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.</span></div>
</div>

<div style="margin-top:10px;">
<div style="font-family:tahoma;font-size:11px;color:#FFFFFF;text-align:justify;margin-left:50px;margin-right:50px;line-height:130%;letter-spacing:.4px;"><span style="font-family:tahoma;"><strong><span style="color:#A6C2C1;">PASSWORD &mdash;</span></strong></span><span style="color:#FFFFFF;">&nbsp;Lorem ipsum dolor.</span></div>
</div>
</div>
</div>

<div style="border:2px solid #A6C2C1;padding:8px;padding-left:12px;padding-right:12px;float:left;margin-top:20px;margin-left:205px;background-color:#A6C2C1;">
<div style="font-family:futura;font-size:10px;color:#FFFFFF;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">turn in</span></a></div>
</div>

<div style="border:2px solid #A6C2C1;padding:8px;padding-left:12px;padding-right:12px;float:left;margin-top:20px;margin-left:4px;background-color:#A6C2C1;">
<div style="font-family:futura;font-size:10px;color:#FFFFFF;float:left;text-transform:uppercase;line-height:100%;letter-spacing:1.4px;"><a href="#"><span style="color:#FFFFFF;">return to story</span></a></div>
</div>
</div>

<div style="margin-top:-48px;float:left;border:2px solid #FFFFFF;height:30px;width:30px;margin-left:15px;">
<div class="tooltip" style="height:54px;width:54px;float:left;overflow:auto;margin-top:-2px;margin-left:-2px;border-bottom:none;" title="coded &amp; designed by holistic - a collab with vigour">&nbsp;</div>

<div style="margin-top:-42px;float:left;">
<div style="font-family:'century gothic', futura;margin-left:8px;font-size:10px;color:#FFFFFF;text-align:center;line-height:100%;text-transform:uppercase;letter-spacing:1.4px;" title="holistic &amp; vigour collab © 2015"><a href="http://www.asianfanfics.com/story/view/474056/syncratic-designs-layouts-layout"><span style="color:#FFFFFF;">hv</span></a></div>
</div>
</div>
</div>