FACEBOOK

<div style=" margin: 0px 0px; width: 910px; height: 560px; overflow: hidden;">
<div style=" width: 900px; height: 30px; background-color: #3b5998; padding: 5px; font-family: helvetica neue; border: solid #29487D; border-width: 0px 0px 1px 0px; border-radius: 10px 10px 0px 0px;">
<div style=" width: 26px; height: 26px; margin: 2px 40px; background-color: #fff; text-align: center; border-radius: 3px;">
<span style="font-size: 34px; color: #3b5998; margin: -10px 4px; float: right;">f</span> </div>

<div style=" width: 400px; height: 25px; margin: -28px 72px; background-color: #fff; text-align: center; border-radius: 3px;">
<span style=" font-size: 15px; color: #a3a3a3; margin: -29px 4px; float: left;"> Search Facebook</span>

<div style=" width: 55px; height: 25px; margin: 0px 345px; background-color: #F6F7F9; border-radius: 3px;">
<span style=" font-size: 20px; color: #4E5665;margin:-35px 18px;float:right;"><b>☌</b></span></div>

<div style=" margin: 0px 350px; float: left;"><img src="https://68.media.tumblr.com/cda55ffa662a2fccc0b77ec108e813d3/tumblr_olad33HS6l1v82mvqo1_250.jpg" style=" height: 26px; width: 26px; margin: -29px 100px; float: right;"</div>
<div style=" font-size: 12px; color: #fff; float: right; margin: -27px -70px;">
<b><you>you</you><span style="color:#17233D;"> | </span>
Home<span style="color:#17233D;"> | </span>
Find Friends</b></span></div>

<div style=" font-size: 20px; color: #17233D; float: right; margin: -34px -220px;">&spades;︎ &clubs;︎ &hearts;︎ | ✚ ▾</span></div>
</div>

<div style=" width: 900px; height: 500px; margin: 8px -77px; background-color: #E9EBEE; padding: 5px; border-radius: 0px 0px 10px 10px;">
<div style=" width: 200px; height: 440px; margin: 0px 0px; overflow: hidden;">
<img src="https://68.media.tumblr.com/cda55ffa662a2fccc0b77ec108e813d3/tumblr_olad33HS6l1v82mvqo1_250.jpg" style=" height: 23px; width: 23px; margin: 20px 30px; float: left;">
<span style="color:#000;font-size:12px;margin: -40px 60px; float: left;"> <you>you</you> </span>

<div style=" width: 150px; height: 17px; margin: 60px 30px; background-color: #F6F7F9; padding: 5px; border: solid #d2d2d2 1px;">
<span style="color:#79A6FF; font-size: 12px;float: left;"><b>▣ <span style="color:#000;">&nbsp;News Feed &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</b><span style=" color:#90949C; font-size: 10px;">●●●</span></span</span><br>
<span style=" color: #407FFF; float: left;font-size: 12px;">⧭</span><span style="color:#000; float: left;font-size: 12px;">&nbsp;&nbsp;Messenger</span><br>
<span style=" font-size:10px;color:#4B4F56; float: left;"><b>SHORTCUTS</b></span><br>
<a href="http://www.link.com"><span style=" color: #407FFF; float: left;font-size: 12px;"> ★<span style=" color: #000;"> Link</a></span</span><br>
<a href="http://www.link.com"><span style=" color: #407FFF; float: left;font-size: 12px;"> ★<span style=" color: #000;"> Link</a></span</span><br>
<a href="http://www.link.com"><span style=" color: #407FFF; float: left;font-size: 12px;"> ★<span style=" color: #000;"> Link</a></span</span><br>
<span style=" color:#90949C; float: left;font-size: 12px;">▾&nbsp; <span style="color:#365899;"> See more...</span></span><br>
<span style=" font-size:10px; color:#4B4F56; float: left;"><b>EXPLORE</b></span><br>
<a href="http://www.link.com"><span style=" color: #407FFF; float: left;font-size: 12px;"> ★<span style=" color: #000;"> Link</a></span</span><br>
<a href="http://www.link.com"><span style=" color: #407FFF; float: left;font-size: 12px;"> ★<span style=" color: #000;"> Link</a></span</span><br>
<a href="http://www.link.com"><span style=" color: #407FFF; float: left;font-size: 12px;"> ★<span style=" color: #000;"> Link</a></span</span><br>
<span style=" font-size: 10px; color:#4B4F56; float: left;"><b>CREATE</b></span><br>
<span style=" color:#365899; font-size:12px; float: left;">Ad &middot; Page &middot; Group &middot; Event</span></p>
</div>
</div>

<div style=" margin: 10px 0px -16px; float: left;">
<div style=" width: 205px; height: 35px; margin: -440px 690px; background-color: #fff; float: left; border: solid #d2d2d2 1px; border-radius: 3px;">
<span style=" font-size: 12px; color: #F0546A; float: left; margin: 7px 10px;">🀰 <span style="color: #365899;"><b>1 event invite</b></span>
</div>
<div style=" width: 205px; height: 150px; margin: -394px 690px; background-color: #fff; float: left; border: solid #d2d2d2 1px; border-radius: 3px; text-align: left; line-height: 90%;">
<span style=" font-size: 13px; color: #90949C; float: left; margin: 7px 10px;">Trending</b> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ♔♕♖♗</span>
<span style=" font-size: 12px; color: #365899; float: left; margin: 0px 25px;"><b>Ko Ko Bop</b><br><span style="color: #000;">Korean boy group EXO releases 4th studio album<span style="color: #90949C;"> - allkpop.com<br></span></span></span>
<span style=" font-size: 12px; color: #365899; float: left; margin: 10px 25px;"><b>Holiday Night</b><br><span style="color: #000;">SNSD to come back in early August<span style="color: #90949C;"> - soompi.com</span></span></span>
</div>
<div style=" width: 205px; height: 210px; margin: -230px 690px; background-color: #fff; float: left; border: solid #d2d2d2 1px; border-radius: 3px; text-align: left; line-height: 90%;">
<span style=" font-size: 12px; color: #365899; float: right; margin: 7px 10px;">Create Ad</b></span>
<img src="https://0.soompi.io/wp-content/uploads/2017/07/17181932/EXO-23.jpg" style=" width: 190px; height: auto; margin: 0px 8px; float: left;">
<span style=" font-size: 12px; color: #365899; float: left; margin: 5px 10px;"><b>4th Studio Album - The War</b><br>yesasia.com<br><span style="color: #90949C;">On sale now!</span></span>
</div>
<div style=" width: 205px; height: 35px; margin: -15px 681px; float: left;"><a href="http://www.asianfanfics.com/story/view/1218590/">
<span style=" font-size: 12px; color: #90949C; float: left; margin: 7px 10px;">Heck Layouts © 2017</a></span></span>
</div>
</div>

<div style=" width: 490px; height: 493px; margin: -440px 210px; overflow: hidden; float: right;">
<div style=" width: 514px; height: 900px; margin: 0px -28px; overflow: scroll; float: right;">
<div style=" width: 450px; height:120px; background-color: #F6F7F9; margin: 0px 38px; float: right; border: solid #d2d2d2 1px; padding: 10px; line-height:90%;">
<span style=" color: #4B4F56; font-size: 12px; float: left;"><b>✎ Create a Post<span style=" color: #d2d2d2;"> | </span>✚<span style=" color:#3B5898;"> Photo / Video<span style=" color: #d2d2d2;"> | </span></span>♟<span style="color:#3B5898;"> Photo/Video Album</b></span>
<div style=" width: 470px; height: 60px; margin: 10px -10px; background-color: #fff; float: left; border: solid #d2d2d2; border-width: 1px 0px;">
<img src="https://68.media.tumblr.com/cda55ffa662a2fccc0b77ec108e813d3/tumblr_olad33HS6l1v82mvqo1_250.jpg" style=" width: 45px; height: 45px; margin: 7px 15px; float: left;">
<div style=" font-size: 14px; color: #90949C; margin: 23px 0px; float: left;"> What's on your mind?</div></div>

<div style=" width: 70px; height: 15px; margin: -3px 0px; background-color: #4267B2; float: right; border: solid #d2d2d2 1px; border-radius: 3px; text-align: center; padding: 5px;">
<span style=" font-size: 12px; color: #fff;"><b>Post</b></span></div>
<div style=" width: 70px; height: 15px; margin: -3px 5px; background-color: #F6F7F9; float: right; border: solid #d2d2d2 1px;text-align: center; padding: 5px;">
<span style=" font-size: 12px; color: #4B4F56;"><b>&clubs;︎ Friends ▾</b></span></div>
</div>

<div style=" width: 470px; height: 130px; background-color: #fff; margin: 10px 3px; float: left; border: solid #d2d2d2 1px; border-radius: 3px 3px 0px 0px;">
<img src="https://68.media.tumblr.com/50159e22003be667e6ccddb000583d20/tumblr_olad33HS6l1v82mvqo2_250.jpg" style=" width: 45px; height: 45px; margin: 13px 15px; float: left;">
<span style=" font-size: 14px; color: #3658AA; float: left; margin: 14px -6px;"><b>Sehun Oh</b><br><br>
<span style=" font-size: 12px; color: #90949C; float: left; margin: -15px 0px;">13 hrs &middot; &clubs;︎</span></span></span>

<div style=" color: #000; font-size: 14px; float: left; margin: 70px -114px;">this is a short text post.</div>
<div style=" width: 450px; height: 1px; background-color: #d2d2d2; margin: 100px 10px;">&nbsp;</div>
<div style=" color: #4B4F56; font-size: 12px; margin: -94px 14px; float: left;"><b>✌︎ Like &nbsp; &nbsp; ☗ Comment &nbsp;&nbsp;&rarr; Share</b></div>
</div>

<div style=" width: 450px; height: 135px; background-color: #F6F7F9; margin: 280px 3px; border: solid #d2d2d2; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 3px 3px; padding: 10px;">
<span style=" font-size: 12px; color: #F0546A; float: left;">&hearts;︎ <span style=" font-size:12px; color:#3658AA;">User, User and 3 others</span></span>
<div style=" width: 450px; height: 1px; background-color: #d2d2d2; margin: 25px 0px;">&nbsp;</div>

<div style=" margin: 0px 0px; float: left;">
<img src="https://68.media.tumblr.com/ca26f288f78065e4e7007ceee30aef8c/tumblr_olad33HS6l1v82mvqo3_250.jpg" style=" width: 30px; height: 30px; margin: -15px 5px; float: left;">
<span style=" font-size: 12px; color: #3658AA; float: left; margin: -17px 40px; text-align: left; line-height: 150%"><b>Junmyeon Kim</b><span style=" color: #000;"> nice</span><br>
Like &middot; Reply &middot; <span style="color: #90949C;"> 4 hrs</span></span>
</div>

<div style=" margin: 35px 0px; float: left;">
<img src="https://68.media.tumblr.com/50159e22003be667e6ccddb000583d20/tumblr_olad33HS6l1v82mvqo2_250.jpg" style=" width: 30px; height: 30px; margin: -15px 5px; float: left;">
<span style=" font-size: 12px; color: #3658AA; float: left; margin: -17px 40px; text-align: left; line-height: 150%"><b>Sehun Oh</b><span style=" color: #000;"> thx</span><br>
Like &middot; Reply &middot; <span style="color: #90949C;"> 4 hrs</span></span>
</div>

<div style=" margin: -15px 0px; float: left;">
<img src="https://68.media.tumblr.com/cda55ffa662a2fccc0b77ec108e813d3/tumblr_olad33HS6l1v82mvqo1_250.jpg" style=" width: 30px; height: 30px; margin: 0px 4px; float: left;">
<div style=" width: 400px; height: 28px; background-color: #fff; float: right; font-size: 12px; border: solid #d2d2d2 1px; color: #90949C; margin: 0px 5px;">
<span style=" margin: 6px 6px; float: left;">Write a comment...</span>
</div>

<div style=" width: 470px; height: 185px; background-color: #fff; margin: 15px -11px; float: left; border: solid #d2d2d2 1px; border-radius: 3px 3px 0px 0px;">
<img src="https://68.media.tumblr.com/9ec99024b9ae7759ba83332a229625ba/tumblr_olad33HS6l1v82mvqo8_250.jpg" style=" width: 45px; height: 45px; margin: 13px 15px; float: left;">
<span style=" font-size: 14px; color: #3658AA; float: left; margin: 14px -5px;"><b>Jongdae Kim</b><br><br>
<span style=" font-size: 12px; color: #90949C; float: left; margin: -15px 0px;">12 hrs&middot; &clubs;︎</span></span></span>

<div style=" width: 420px; color: #000; font-size: 14px; float: left; margin: 65px -139px; text-align: left;">Lorem ipsum dolor sit amet, nam ad graeco sententiae, ad offendit fabellas vel. In mel alia repudiare, vix ipsum deleniti id. Ex modo tollit quo. Vix eros impetus facilisi te, vel summo fierent definiebas eu. Pro at atqui laoreet scriptorem, fugit torquatos sit ne.</div>
<div style=" width: 450px; height: 1px; background-color: #d2d2d2; margin: 155px 10px;">&nbsp;</div>
<div style=" color: #4B4F56; font-size: 12px; margin: -150px 14px; float: left;"><b>✌︎ Like &nbsp; &nbsp; ☗ Comment &nbsp;&nbsp;&rarr; Share</b></div>
</div>

<div style=" width: 450px; height: 30px; background-color: #F6F7F9; margin: -15px -11px; border: solid #d2d2d2; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 3px 3px; padding: 10px; float: left;">

<div style=" margin: 0px 0px; float: left;">
<img src="https://68.media.tumblr.com/cda55ffa662a2fccc0b77ec108e813d3/tumblr_olad33HS6l1v82mvqo1_250.jpg" style=" width: 30px; height: 30px; margin: 0px 4px; float: left;">
<div style=" width: 400px; height: 28px; background-color: #fff; float: right; font-size: 12px; border: solid #d2d2d2 1px; color: #90949C; margin: -30px 49px;">
<span style=" margin: 6px 6px; float: left;">Write a comment...</span>
</div>

<div style=" width: 470px; height: 320px; background-color: #fff; margin: 20px -11px; float: left; border: solid #d2d2d2 1px; border-radius: 3px 3px 0px 0px;">
<img src="https://68.media.tumblr.com/496e96e1a2f222eec69daea7df8594ed/tumblr_olad33HS6l1v82mvqo7_250.jpg" style=" width: 45px; height: 45px; margin: 13px 15px; float: left;">
<span style=" font-size: 14px; color: #3658AA; float: left; margin: 14px -6px;"><b>Jongin Kim</b><span style=" color: #90949C;"> shared a link.<br><br>
<span style=" font-size: 12px; color: #90949C; float: left; margin: -15px 0px;">1 hr &middot; &clubs;︎</span></span></span>

<div style=" color: #000; font-size: 14px; float: left; margin: -3px 15px;"><iframe width="445" height="215" src="https://www.youtube.com/embed/IdssuxDdqKk" frameborder="0" allowfullscreen></iframe></div>
<div style=" width: 450px; height: 1px; background-color: #d2d2d2; margin: 290px 10px;">&nbsp;</div>
<div style=" color: #4B4F56; font-size: 12px; margin: -285px 14px; float: left;"><b>✌︎ Like &nbsp; &nbsp; ☗ Comment &nbsp;&nbsp;&rarr; Share</b></div>
</div>

<div style=" width: 450px; height: 105px; background-color: #F6F7F9; margin: 370px -11px; border: solid #d2d2d2; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 3px 3px; padding: 10px;">
<span style=" font-size: 12px; color: #F0546A; float: left; margin: -10px 0px;">&hearts;︎ <span style=" font-size:12px; color:#3658AA;">You like this</span></span>
<div style=" width: 450px; height: 1px; background-color: #d2d2d2; margin: 25px 0px;">&nbsp;</div>

<div style=" margin: 0px 0px; float: left;">
<img src="https://68.media.tumblr.com/b5380bdda6e5afe6543d7968e8613ab7/tumblr_olad33HS6l1v82mvqo4_250.jpg" style=" width: 30px; height: 30px; margin: -15px 5px; float: left;">
<span style=" font-size: 12px; color: #3658AA; float: left; margin: -17px 40px; text-align: left; line-height: 150%"><b>Kyungsoo Do</b><span style=" color: #000;"> why are we all taking drugs</span><br>
Like &middot; Reply &middot; <span style="color: #90949C;"> 30 min</span></span>
</div>

<div style=" margin: 25px 0px; float: left;">
<img src="https://68.media.tumblr.com/cda55ffa662a2fccc0b77ec108e813d3/tumblr_olad33HS6l1v82mvqo1_250.jpg" style=" width: 30px; height: 30px; margin: 0px 4px; float: left;">
<div style=" width: 400px; height: 28px; background-color: #fff; float: right; font-size: 12px; border: solid #d2d2d2 1px; color: #90949C; margin: 0px 5px;">
<span style=" margin: 6px 6px; float: left;">Write a comment...</span>
</div>

<div style=" width: 470px; height: 355px; background-color: #fff; margin: 15px -11px; float: left; border: solid #d2d2d2 1px; border-radius: 3px 3px 0px 0px;">
<img src="https://68.media.tumblr.com/e77f7b14d73f756be44f663428a1ddb4/tumblr_olad33HS6l1v82mvqo5_250.jpg" style=" width: 45px; height: 45px; margin: 13px 15px; float: left;">
<span style=" font-size: 14px; color: #3658AA; float: left; margin: 14px -6px;"><b>Minseok Kim</b><span style=" color: #90949C;"> updated his profile picture.<br><br>
<span style=" font-size: 12px; color: #90949C; float: left; margin: -15px 0px;">2 hrs &middot; &clubs;︎</span></span></span>

<div style=" color: #000; font-size: 14px; float: left; margin: 0px 0px;"><img src="https://68.media.tumblr.com/e77f7b14d73f756be44f663428a1ddb4/tumblr_olad33HS6l1v82mvqo5_250.jpg" style=" width: 250px; height: auto; margin: -2px 100px; float: left;"></div>
<div style=" width: 450px; height: 1px; background-color: #d2d2d2; margin: 325px 10px;">&nbsp;</div>
<div style=" color: #4B4F56; font-size: 12px; margin: -320px 14px; float: left;"><b>✌︎ Like &nbsp; &nbsp; ☗ Comment &nbsp;&nbsp;&rarr; Share</b></div>
</div>

<div style=" width: 450px; height: 105px; background-color: #F6F7F9; margin: 398px -11px; border: solid #d2d2d2; border-width: 0px 1px 1px 1px; border-radius: 0px 0px 3px 3px; padding: 10px;">
<span style=" font-size: 12px; color: #F0546A; float: left; margin: -7px 0px;">&hearts;︎ <span style=" font-size:12px; color:#3658AA;">User, User, and 5 others like this</span></span>
<div style=" width: 450px; height: 1px; background-color: #d2d2d2; margin: 25px 0px;">&nbsp;</div>

<div style=" margin: 0px 0px; float: left;">
<img src="https://68.media.tumblr.com/88eb107ded9660d9dada3fb7405bef60/tumblr_olad33HS6l1v82mvqo6_250.jpg" style=" width: 30px; height: 30px; margin: -15px 5px; float: left;">
<span style=" font-size: 12px; color: #3658AA; float: left; margin: -17px 40px; text-align: left; line-height: 150%"><b>Chanyeol Park</b><span style=" color: #000;"> hot</span><br>
Like &middot; Reply &middot; <span style="color: #90949C;"> Just now</span></span>
</div>

<div style=" margin: 25px 0px; float: left;">
<img src="https://68.media.tumblr.com/cda55ffa662a2fccc0b77ec108e813d3/tumblr_olad33HS6l1v82mvqo1_250.jpg" style=" width: 30px; height: 30px; margin: 0px 4px; float: left;">
<div style=" width: 400px; height: 28px; background-color: #fff; float: right; font-size: 12px; border: solid #d2d2d2 1px; color: #90949C; margin: 0px 5px;">
<span style=" margin: 6px 6px; float: left;">Write a comment...</span>
</div>

</div>
</div>

</div> <!----- main body ----- >
</div><!----- entire body ----- >