API tools faq
paste
Advertisement
seiph

page three

seiph
Nov 14th, 2017
413
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.17 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. page three by vcnilla ♢ carter
  4.  
  5. ♢ do not copy any parts of the coding or use them in your codes
  6. ♢ do not edit for the sole purpose of redistributing the coding under your own name ( feel free to edit for personal use though ! )
  7. ♢ do not take inspiration from the coding
  8. ♢ do not remove or alter the credit
  9.  
  10. -->
  11.  
  12. <html>
  13. <head>
  14. <!-- tabs -->
  15. <script> function openCity(evt, cityName) { var i, tabcontent, tablinks; tabcontent = document.getElementsByClassName("tabcontent"); for (i = 0; i < tabcontent.length; i++) { tabcontent[i].style.display = "none";
  16. } tablinks = document.getElementsByClassName("tablinks"); for (i = 0; i < tabcontent.length; i++) { tablinks[i].className = tablinks[i].className.replace(" active", ""); } document.getElementById(cityName).style.display = "block"; evt.currentTarget.className += " active"; } </script>
  17.  
  18. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
  19. <script type="text/javascript">
  20. $(document).ready(function(){
  21. $(".slidingDiv").hide();
  22. $(".show_hide").show();
  23. $('.show_hide').click(function(){
  24. $(".slidingDiv").slideToggle();
  25. });
  26. });
  27. </script>
  28.  
  29.  
  30. <!-- ✦ fonts and stylesheets ✦ -->
  31. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  32. <link href="https://fonts.googleapis.com/css?family=Raleway:100,300,600" rel="stylesheet">
  33. <link href="https://fonts.googleapis.com/css?family=Heebo:100,300|Work+Sans:100,300" rel="stylesheet">
  34. <link rel="stylesheet" href="hint.css">
  35. </head><style type="text/css">
  36.  
  37. /* IMESSAGE CHAT POST BY ANIMALITES */
  38. .answer span,.convo li{margin:0 0 5px;border-radius:1em;padding:.5em 10px;max-width:75%;clear:both;position:relative}.answer .them,.user_1,.user_3,.user_5,.user_7,.user_9,.user_11{float:left;background:#eee;color:#aaa;left:3px}.me::after,.user_1::after,.user_3::after,.user_5::after,.user_7::after,.user_9::after,.user_11::after{content:"";position:absolute;left:-.5em;bottom:0;width:.5em;height:1em;border-right:.5em solid #eee;border-bottom-right-radius:1em .5em}.answer .me,.user_2,.user_4,.user_6,.user_8,.user_10,.user_12{right:3px;float:right;background-color:#aaa;color:#eee}.them::after,.user_2::after,.user_4::after,.user_6::after,.user_8::after,.user_10::after,.user_12::after{content:"";position:absolute;right:-.5em;bottom:0;width:.5em;height:1em;border-left:.5em solid #aaa;border-bottom-left-radius:1em .5em}.me p,.answer,.asked span{padding:0;margin:0}.answer{overflow:hidden} .asked p { text-align: left; margin: 0 0px 10px 0px; padding: 0; color: #666666; font-size: 12px; line-height: 0px; }.footerright .viasrc {float: left;}.asked a {margin:0;padding:0;} .user_4{background-color:#55caff;color:#fff}.user_4::after{border-color:#55caff}.user_6{background-color:#60f246;color:#fff}.user_6::after{border-color:#60f246}.user_5{background-color:#9ff3fc;color:#000}.user_5::after{border-color:#9ff3fc}.user_3{background-color:#25c413;color:#fff}.user_3::after{border-color:#25c413}.user_7{background-color:#9b9b9b;color:#fff}.user_7::after{border-color:#9b9b9b}.user_8{background-color:#0d9321;color:#fff}.user_8::after{border-color:#0d9321}.user_9{background-color:#606060;color:#fff}.user_9::after{border-color:#606060} .convo { overflow: hidden;list-style-type: none;padding: 0; margin: 0; }
  39.  
  40. /* ✦ scrollbar and track ✦ */
  41. ::-webkit-scrollbar { width: 0px; visibility:hidden; } ::-webkit-scrollbar-track { background:; visibility:hidden; } ::-webkit-scrollbar-thumb { background:; visibility:hidden; } ::-webkit-scrollbar-thumb:window-inactive { background: transparent; visibility:hidden; }
  42.  
  43. /* ✦ hovertooltips ✦ */
  44. #s-m-t-tooltip { max-width:300px; border-radius: 4px; padding:1px; color:#aaa; padding-left:4px; padding-right:4px; margin:25px 20px 5px 0px; font-family: 'Montserrat', sans-serif; background: #f2f2f2; border:1px solid #ededed; z-index:99999; font-size:7px; text-transform:uppercase; letter-spacing:1px; font-weight:bold; }
  45.  
  46.  
  47. /* ✦ body begins ✦ */
  48.  
  49. body { color:#949494; background-color:#e0e0e0; line-height:14px; text-align:justify; font-family: 'arial'; font-size: 10px; letter-spacing:0.5px; }
  50.  
  51. #harambe { width:400px; height:400px; position: absolute; top:0; bottom:0; left:0; right:0; margin:auto; background:#f4f4f4; }
  52.  
  53. a:link, a:active, a:visited { color:#949494; text-decoration:none; }
  54.  
  55. /* ✦ tabs ✦ */
  56. ul.tab { list-style-type: none; margin: 0; padding: 0; width:400px; position:absolute; bottom:382px; overflow: hidden; text-transform:Uppercase; background-color: #e8e8e8; }
  57. ul.tab li {float: right;}
  58. ul.tab li a { display: inline-block; color: #949494; text-align: center; padding: 4px; text-decoration: none; transition: 0.3s; font-family:calibri; font-weight:bold; letter-spacing:0px; font-size: 12px; width:20px; }
  59. ul.tab li a:hover {background-color: #d3d3d3;}
  60. ul.tab li a:focus, .active {background-color: #f2f2f2; color:#cfa1a1; }
  61. .tabcontent { display: none; padding: 6px 5px; border-top: none; position:absolute; z-index:99999; background:#f2f2f2; width:400px; height:382px; margin:0px; top:18px; padding:0px; overflow:auto; text-transform:none; text-align:left;}
  62.  
  63.  
  64.  
  65. /* ✦ about tab ✦ */
  66.  
  67. .topimg img { width:90px; height:90px; margin-left:40px; border-radius:0px; border:7px solid #e3e3e3
  68. }
  69. .abtname { position:absolute; width:340px; top:30px; height:12px; right:15px; text-transform:lowercase; font-weight:none; color:#949494; padding:15px; padding-left:20px; background:#e3e3e3; letter-spacing:1px; list-style-type:None; font-size:15px; text-transform:lowercase; text-align:center; }
  70.  
  71. .abttxts { position:absolute; width:173px; text-align:center; top:194px; left:185px; height:163px; font-family:arial; font-size:8.5px; padding:14px; background:#e3e3e3; font-weight:none; text-transform:lowercase; letter-spacing:1px;}
  72.  
  73. .abtquote { position:absolute; width:230px; text-align:center; bottom:218px; left:11px; color:#949494; font-size:9px; height:72px; padding:14px; background:#e3e3e3; text-transform:lowercase; letter-spacing:1px; line-height:14px;}
  74.  
  75. .abtcon { position:absolute; width:150px; bottom:15px; height:177px; left:11px; text-transform:uppercase; color:#949494; padding:7px; background:#e3e3e3; list-style-type:None; font-size:9px; text-transform:none; text-align:left; overflow:auto; }
  76.  
  77. .abtcon img { width:40px; height:40px; border-radius:80px; border:5px solid #c5c5c5; }
  78.  
  79. .acon { width:150px; border-bottom:1px solid #c9c9c9; height:auto; text-align:justify; padding-bottom:9px; padding-top:9px; }
  80.  
  81. .abtconimg { padding-right:6px; padding-bottom:5px; width:50px; height:50px; float:left; }
  82.  
  83.  
  84. /* ✦ google tab ✦ */
  85.  
  86. .gs { width:310px;background-color:#ffffff;border:1px solid #aaaaaa;padding:5px;font-size:12px;float:left;margin-left:10px;margin-top:12px; }
  87. #gresults { width:365px; bottom:8px; left:0px; overflow:auto; text-align:left; }
  88. #gresults img { float:left; }
  89. .aresult { width:365px; height:79px; border-top:5px solid #f3f3f3; background:#fff; padding:5px;}
  90. .gtitle { font-size:12px; letter-spacing:0px; font-weight:bold; margin-top:0px; margin-left:80px; color:#4a4a4a; }
  91. .gsubtitle { font-size:9px; letter-spacing:0px; margin-top:0px; margin-left:80px; color:#626262;}
  92. .gdesc { margin-top:1px; overflow:auto; height:44px; margin-left:80px; font-size:9px; width:278px; }
  93.  
  94.  
  95. /* ✦ ig tab ✦ */
  96.  
  97. .igbox { background-color: #f6f6f6; position: absolute; margin-left: 0px; overflow:auto; margin-top: 0px; opacity: 0.7; width: 460px; height: 455px; z-index: 2; }
  98. .hoverinfo{ -webkit-filter: blur(7px); filter: blur(7px); position:fixed; z-index:9999; color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
  99. .hoverinfo:hover{ -webkit-filter: blur(0px); filter: blur(0px); -webkit-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; -ms-transition: all .3s; transition: all .3s; }
  100.  
  101.  
  102.  
  103. /* ✦ twitter tab ✦ */
  104.  
  105. #icon { position:absolute; top:93px; left:5px; z-index:999;}
  106. #icon img { margin:14px; width:90px; border-radius:9px; border:3px solid #dfdfdf; box-shadow:1px 1px 0px #d4d4d4; }
  107. #twitstats { position:absolute; background:#dfdfdf; font-size:7px; left:0px; top:130px; width:378px; padding:11px; text-align:center; height:23px; }
  108. #twitstats b { font-size:13px; }
  109. #header { position:absolute; left:0px; top:0px; }
  110. #header img { border-radius:0px; margin:0px; margin-bottom:0px; z-index:9; }
  111. #tweets { position:absolute; width:55px; margin-left:131px; text-align:center; top:9px; }
  112. #following {position:absolute;width:55px; margin-left:181px; text-align:center; top:9px; }
  113. #followers {position:absolute;width:55px; margin-left:241px; text-align:center; top:9px; }
  114. #likes {position:absolute;width:55px; margin-left:291px; text-align:center; top:9px; }
  115. .twitname { position:absolute;top:210px; font-size:13px; left:32px; color:#545454; font-weight:bold; }
  116. .twituser { position:absolute;top:226px; font-size:9px; left:32px; color:#b8b8b8; text-transform:lowercase; }
  117. .twitbio { position:absolute;top:242px; font-size:9px; left:32px; color:#8b8b8b; text-transform:lowercase; width:95px; text-align:justify; line-height:13px;height:50px; }
  118. .twitlinks { position:absolute;top:274px; font-size:9px; left:32px; color:#8b8b8b; text-transform:lowercase; width:110px; text-align:justify; line-height:13px; }
  119. #twitfeed { position:absolute; overflow:auto; width:249px; height:208px; bottom:0px; right:0px;}
  120. .atweet { background:#fff; width:225px; padding:8px; margin-top:7px; margin-bottom:0px; }
  121. .atweet img { width:30px; border:2px solid #dfdfdf; border-radius:4px; float:left;}
  122. .atweetname { color:#545454; font-weight:bold; margin-left:40px; margin-top:3px; width:100px; font-size:12px; }
  123. .atweetuser { color:#b8b8b8; text-transform:lowercase; margin-left:40px; width:100px; font-size:9px; }
  124. .tweetcontent { width:207px; }
  125.  
  126. #socialmedia {
  127. position:absolute;
  128. left:20px;
  129. width:369px;
  130. top:50px;
  131. text-align:center;
  132. }
  133.  
  134. .slidingDiv { width:390px; height:auto; margin:0px; margin-top:10px; }
  135. .show_hide { display:none; }
  136. #socialmedia a { color:#949494; text-transform:uppercase; font-weight:bold; text-decoration:none; }
  137.  
  138. /* CREDIT CODING - DO NOT REMOVE, OR TAKE ANY PARTS OF THIS CODE */
  139. #credit { position:fixed; bottom:10px; left:10px; }
  140. #credit a { font-size:9px; color:#9b9b9b; font-weight:bold; }
  141. #credit i {border-radius:80px; color:#9b9b9b; text-transform:uppercase; letter-spacing: 0px; padding:4px; width:10px; height:10px; background:#f6f6f6; opacity:1; text-align:center; }
  142.  
  143. </style>
  144.  
  145.  
  146. <body>
  147. <!-- ✦ css begins ✦ -->
  148.  
  149. <div id="harambe">
  150.  
  151. <!-- ✦ about tab ✦ -->
  152. <div style="margin-top:18px;">
  153.  
  154.  
  155. <div class="abtname">
  156. maeum kang - the dramatic princess
  157. </div>
  158. <div class="topimg"><img src="https://68.media.tumblr.com/b81fc9b542ed892f3ef02891a4ef37a7/tumblr_og8kx1KS481vtonroo2_250.png" style="margin-top:62px; margin-left:281px;"></div>
  159.  
  160. <div class="abttxts">
  161. <p align="center" style="margin-top:0px; font-size:12px; text-transform:uppercase;"><b> <i class="fa fa-envelope-o" aria-hidden="true"></i> eunwoo </b></p>
  162.  
  163.  
  164.  
  165. <ul class="convo" style="color:#fff;"><li class="line_odd user_1">
  166. new phone who dis </li><li class="line_even user_2">
  167. i'm gonna punch you in the throat </li><li class="line_odd user_1">
  168. oh, hi maeum </li> <li class="line_even user_2">
  169. damn right. now get over here, i made you cupcakes
  170. </li></ul>
  171.  
  172. </div></div>
  173.  
  174. <div class="abtquote"> maeum kang. age 24. bi-curious. she/her. korean. esfp. leo. secretary. aspiring actress. <b>likes</b>: wine, netflix binges, theater/musicals, dancing, raccoons. <b>face claim</b>: kim seolhyun </div>
  175.  
  176. <div class="abtcon">
  177. <div class="acon">
  178. <div class="abtconimg"><img src="http://i.imgur.com/fdXaRpN.png"></div>
  179. <b>eunwoo</b> - ❝ falling in love wasn't part of my plan ❞
  180. <br><br><center>i miss screaming and fighting and kissing in the rain, now it's 2am and i'm cursing your name. i'm so in love that i act insane and that's the way i love you.
  181.  
  182. <br><br>
  183. <a href="/tagged/maeum&eunwoo.">threads</a> | <a href="/tagged/v | maeum&eunwoo">musings</a></center>
  184. </div>
  185.  
  186. <div class="acon">
  187. <div class="abtconimg"><img src="http://i.imgur.com/UfSBCTG.png"></div>
  188. <b>youngjin jung</b> - ❝ all that you are is all i'll ever need ❞
  189. <br><br>
  190. <center>be your lover, your friend, you'll find it all in me. stay by your side, i'll never leave you. and i ain't going nowhere cuz you're a keeper. <br><br><a href="/tagged/maeum&youngjin.">threads</a> | <a href="/tagged/v | maeum&youngjin">musings</a></center>
  191. </div>
  192.  
  193.  
  194.  
  195. </div>
  196.  
  197.  
  198.  
  199.  
  200. <!-- ✦ tabs ✦ -->
  201. <ul class="tab">
  202. <li><a href="#" class="tablinks" onclick="openCity(event, 'Google')"><i class="fa fa-google" aria-hidden="true"></i></a></li>
  203. <li><a href="#" class="tablinks" onclick="openCity(event, 'Insta')"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
  204. <li><a href="#" class="tablinks" onclick="openCity(event, 'Twitter')"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
  205. <li><a href="#" class="tablinks" onclick="openCity(event, 'Home')"><i class="fa fa-home" aria-hidden="true"></i></a></li>
  206. </ul>
  207.  
  208.  
  209. <!-- ✦ instagram tab ✦ -->
  210. <div id="Insta" class="tabcontent">
  211. <div class="box">
  212.  
  213. <img style="border-radius:100%;width:90px;height:90px; margin-left:20px; margin-top:30px;margin-left:26px;" src="http://i.imgur.com/ryMn4Ur.png">
  214. <div style="margin-left:135px;margin-top:-85px;font-size:15px;"><b>92maeum <a class="fa fa-check" aria-hidden="true"></i></a></b></div>
  215.  
  216. <div style="margin-left:135px;margin-top:26px;font-size:11px;width:270px"><div id="yoyo"></div><b>maeum kang</b> aspiring actress in seoul. for business inquiries: [email protected]</div>
  217. <div style="margin-left:135px;margin-top:-45px;font-size:10px;width:260px"><div id="yo"></div> <b>355 </b> POSTS <B>4,372</B> FOLLOWERS <B>450</B> FOLLOWING</div>
  218. <div class="hoverinfo"style="margin-top:117px;padding-right:5px;width:95px;text-align:right;margin-left:45px;height:20px;overflow:hidden"><i class="fa fa-heart" aria-hidden="true"></i> 3782 &nbsp; <i class="fa fa-comments" aria-hidden="true"></i> 25</div><img style="width:100px;height:100px;margin-top:70px;margin-left:43px;" src="http://i.imgur.com/5dR0zq4.png">
  219.  
  220. <div class="hoverinfo"style="margin-top:-55px;padding-right:5px;width:95px;text-align:right;margin-left:158px;height:20px;overflow:hidden"><i class="fa fa-heart" aria-hidden="true"></i> 2265 &nbsp; <i class="fa fa-comments" aria-hidden="true"></i> 10</div><img style="width:100px;height:100px;margin-top:70px;margin-left:11px;" src="http://i.imgur.com/cDecFzQ.png">
  221.  
  222. <div class="hoverinfo"style="margin-top:-55px;padding-right:5px;width:95px;text-align:right;margin-left:270px;height:20px;overflow:hidden"><i class="fa fa-heart" aria-hidden="true"></i> 4012 &nbsp; <i class="fa fa-comments" aria-hidden="true"></i> 33</div><img style="width:100px;height:100px;margin-top:70px;margin-left:13px;" src="http://i.imgur.com/pmvFacS.png">
  223.  
  224. <div class="hoverinfo"style="margin-top:50px;padding-right:5px;width:95px;text-align:right;margin-left:45px;height:20px;overflow:hidden"><i class="fa fa-heart" aria-hidden="true"></i> 3123 &nbsp; <i class="fa fa-comments" aria-hidden="true"></i> 11</div><img style="width:100px;height:100px;margin-top:3px;margin-left:42px;" src="http://i.imgur.com/dxmpc46.png">
  225.  
  226. <div class="hoverinfo"style="margin-top:-55px;padding-right:5px;width:95px;text-align:right;margin-left:160px;height:20px;overflow:hidden"><i class="fa fa-heart" aria-hidden="true"></i> 2306 &nbsp; <i class="fa fa-comments" aria-hidden="true"></i> 18</div><img style="width:100px;height:100px;margin-top:3px;margin-left:15px;" src="http://i.imgur.com/v1NjUSJ.png">
  227.  
  228. <div class="hoverinfo"style="margin-top:-55px;padding-right:0px;width:95px;text-align:right;margin-left:270px;height:20px;overflow:hidden"><i class="fa fa-heart" aria-hidden="true"></i> 997 &nbsp; <i class="fa fa-comments" aria-hidden="true"></i> 6</div><img style="width:100px;height:100px;margin-top:3px;margin-left:8px;" src="http://i.imgur.com/nduA22o.png">
  229.  
  230. </div></td>
  231.  
  232.  
  233. </div>
  234.  
  235.  
  236.  
  237.  
  238. <!-- ✦ google tab ✦ -->
  239. <div id="Google" class="tabcontent">
  240. <div class="gs">Maeum Kang</div>
  241.  
  242. <div id="socialmedia">
  243. <a href="#" class="show_hide"><div style="background-color:#ddd;padding:5px 20px 5px 23px; height:16px; width:20px; font-size:14px; margin-left:305px; margin-top:-38px;"><i class="fa fa-search" aria-hidden="true"></i></div></a>
  244. <div class="slidingDiv">
  245.  
  246. <div id="gresults">
  247. <!-- for another search result copy from here -->
  248. <div class="aresult"><img src="http://i.imgur.com/ni8Ox09.png">
  249. <div class="gtitle">Random Facts</div>
  250. <div class="gsubtitle">Learn more about Maeum ( scroll! )</div>
  251. <div class="gdesc">
  252. virtues: hard working, good sense of humor, genuine, loyal.
  253. <br>
  254. vices: doubtful, needy for attention, stubborn, easily jealous.
  255. <br>
  256. height: 5'3"
  257. <br>
  258. eye color: brown
  259. <br>
  260. hair color: dark brown
  261. <br>
  262. family: mother, 48, estranged. father, 49, estranged. oldest brother, deceased. older brother, 25, estranged.
  263. <br>
  264. piercings: ears, nose
  265. <br>
  266. tattoos: none (yet)
  267. <br>
  268. &bull; is trained in ballet, jazz, hip hop and lyrical
  269. <br>
  270. &bull; less confident in her singing than dancing and acting ablities
  271. <br>
  272. &bull; lives with her dog, peanut, in a two story house that belonged to her grandmother before she passed away
  273. <br>
  274. &bull; has been diagnosed with general anxiety disorder
  275. <br>
  276.  
  277.  
  278.  
  279. </div>
  280. </div>
  281. <!-- to here !! -->
  282.  
  283. <!-- for another search result copy from here -->
  284. <div class="aresult"><img src="http://i.imgur.com/ni8Ox09.png">
  285. <div class="gtitle">Extensive Biography</div>
  286. <div class="gsubtitle">Maeum's backstory ( scroll! )</div>
  287. <div class="gdesc">born into a family of scholars, maeum was always a little different than her parents and older brothers. after spending her evenings slaving away at her school work, the girl would secretly spend hours watching musicals with the kang's live-in nanny in her room. the first musical she ever watched was the sound of music and ever since that moment, maeum has been in love with theater and performing.
  288. </div>
  289. </div>
  290. <!-- to here !! -->
  291.  
  292. <!-- for another search result copy from here -->
  293. <div class="aresult"><img src="http://i.imgur.com/ni8Ox09.png">
  294. <div class="gtitle">Regarding Maeum</div>
  295. <div class="gsubtitle">Linkage</div>
  296. <div class="gdesc">| <a href="/tagged/maeum visuals.">snapshots</a> | <a href="/tagged/maeum musings.">musings</a> | <a href="/tagged/maeum mobile.">mobile</a> | <a href="/tagged/maeum aesthetic.">aesthetic</a> |
  297. <br>
  298. | <a href="/tagged/attraction | maeum">attractions</a> | <a href="/tagged/affection | maeum">affections</a> | <a href="/tagged/maeum headcanon.">headcanons</a> |
  299. <br>| <a href="/tagged/maeum starters.">starters</a> | <a href="/tagged/maeum replies.">replies</a> | <a href="/tagged/maeum memes.">memes</a> |
  300. </div>
  301. <!-- to here !! -->
  302.  
  303. <!-- for another search result copy from here -->
  304. <div class="aresult"><img src="http://i.imgur.com/ni8Ox09.png">
  305. <div class="gtitle">Jeju native to appear in Beauty & The Beast</div>
  306. <div class="gsubtitle">January 3rd, 2017</div>
  307. <div class="gdesc">Maeum Kang, Jeju native who graduated from Hywon High School has been cast as the supporting role of Babette in the Seoul production of Beauty and the Beast. Babette is the maid of the castle and Lumiere's love interest who is turned into feather duster at the hands of the evil enchantress' spell. The star-studded cast includes actor Kim Soo Hyun as The Beast/Prince Adam, Bae Suzy of APink as Belle and Byun Baekhyun of EXO as Lumiere. The production is set to premiere on April 14th and run for two weeks. You can get your tickets now at seoulonstage.com
  308. </div>
  309. <!-- to here !! -->
  310. </div>
  311. </div></div></div></div>
  312.  
  313.  
  314.  
  315.  
  316. <!-- ✦ twitter tab ✦ -->
  317. <div id="Twitter" class="tabcontent">
  318. <!-- ✦ header and icon ✦ -->
  319. <div id="header"><img src="http://i.imgur.com/Lnv6G5z.jpg"></div>
  320. <div id="icon"><img src="https://68.media.tumblr.com/e44d276c1ed725cee50a0a4f2d82d2fb/tumblr_oge7uxH6AL1v9zsroo9_400.png"></div>
  321. <div class="twitname">Maeum Kang<i class="fa fa-check" aria-hidden="true"></i> </div>
  322. <div class="twituser">92maeum</div>
  323. <div class="twitbio">all the world's a stage for me. </div>
  324. <div class="twitlinks">
  325. <i class="fa fa-map-marker" aria-hidden="true"></i> seoul<br>
  326. <i class="fa fa-link" aria-hidden="true"></i> fncent.com<br>
  327. <i class="fa fa-calendar" aria-hidden="true"></i> Joined Mar 2013
  328. <br><i class="fa fa-birthday-cake" aria-hidden="true"></i> Born on 5 Aug
  329. </div>
  330.  
  331. <!-- ✦ the twitter stats bar thingy ?? lmao ✦ -->
  332. <div id="twitstats">
  333. <div id="tweets">TWEETS<br><b> 2,302 </b></div>
  334. <div id="following">FOLLOWING<br><b> 310 </b></div>
  335. <div id="followers">FOLLOWERS<br><b> 3,224 </b></div>
  336. <div id="likes">LIKES<br><b> 276 </b></div></div>
  337.  
  338. <!-- ✦ and the tweetin starts here lmao ✦ -->
  339. <div id="twitfeed">
  340.  
  341. <!--- for a tweet copy from here ---->
  342. <div class="atweet">
  343. <img src="https://68.media.tumblr.com/e44d276c1ed725cee50a0a4f2d82d2fb/tumblr_oge7uxH6AL1v9zsroo9_400.png">
  344. <div class="atweetname">Maeum Kang</div>
  345. <div class="atweetuser">@92maeum</div>
  346. <p>
  347. <div class="atweetconent">big audition today. nervous. excited. wanting a donut. #tooearly </div>
  348. </div>
  349. <!--- to here ---->
  350.  
  351. <!--- for a tweet copy from here ---->
  352. <div class="atweet">
  353. <img src="https://68.media.tumblr.com/e44d276c1ed725cee50a0a4f2d82d2fb/tumblr_oge7uxH6AL1v9zsroo9_400.png">
  354. <div class="atweetname">Maeum Kang</div>
  355. <div class="atweetuser">@92maeum</div>
  356. <p>
  357. <div class="atweetconent">peanut fell asleep on my lap. guess that means i'll watch more netflix since i can't move.</div>
  358. </div>
  359. <!--- to here ---->
  360.  
  361. <!--- for a tweet copy from here ---->
  362. <div class="atweet">
  363. <img src="https://68.media.tumblr.com/e44d276c1ed725cee50a0a4f2d82d2fb/tumblr_oge7uxH6AL1v9zsroo9_400.png">
  364. <div class="atweetname">Maeum Kang</div>
  365. <div class="atweetuser">@92maeum</div>
  366. <p>
  367. <div class="atweetconent">katsuya's home from touring :)
  368. </div>
  369. <!--- to here ---->
  370.  
  371. </div></div></div>
  372.  
  373. <a href="http://vcnilla.tumblr.com/" title="vcnilla"><div id="credit"><i class="fa fa-asterisk" aria-hidden="true"></i></div></a>
  374.  
  375. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!