API tools faq
paste
6THEMES

ALL NIGHT — THEME BY SIX.

6THEMES
Jul 29th, 2018
2,622
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 45.16 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3.  
  4.  
  5.  
  6. ✱ internetsmom.tumblr.com -- codes by six. ✱
  7.  
  8. - do not redistribute
  9. - do not copy any parts of the following code
  10.  
  11. ✱ thank you for using my themes! ✱
  12.  
  13.  
  14.  
  15.  
  16. -->
  17. <!DOCTYPE html>
  18. <head>
  19.  
  20. <title>all night.</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23.  
  24. <!-- tabs -->
  25.  
  26. <script>
  27. function openCity(evt, cityName) {
  28. var i, tabcontent, tablinks;
  29. tabcontent = document.getElementsByClassName("tabcontent");
  30. for (i = 0; i < tabcontent.length; i++) {
  31. tabcontent[i].style.display = "none";
  32. }
  33. tablinks = document.getElementsByClassName("tablinks");
  34. for (i = 0; i < tablinks.length; i++) {
  35. tablinks[i].className = tablinks[i].className.replace(" active", "");
  36. }
  37. document.getElementById(cityName).style.display = "block";
  38. evt.currentTarget.className += " active";
  39. }
  40. </script>
  41.  
  42. <script type="text/javascript">
  43. $(document).ready(function(){
  44.  
  45. $('ul.tabs li').click(function(){
  46. var tab_id = $(this).attr('data-tab');
  47.  
  48. $('ul.tabs li').removeClass('current');
  49. $('.tab-content').removeClass('current');
  50.  
  51. $(this).addClass('current');
  52. $("#"+tab_id).addClass('current');
  53. })
  54.  
  55. })
  56. </script>
  57.  
  58. <!-- CSS ICONS, SCRIPTS & GOOGLE FONTS -->
  59.  
  60. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  61. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  62.  
  63. <script>
  64. (function($){
  65. $(document).ready(function() {
  66. $("a[title]").style_my_tooltips({
  67. tip_follows_cursor:true,
  68. tip_delay_time:90,
  69. tip_fade_speed:600,
  70. attribute:"title"
  71. });
  72. });
  73. })(jQuery);
  74. </script>
  75.  
  76. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  77.  
  78. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  79.  
  80. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  81.  
  82. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  83.  
  84. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/simple-line-icons/2.4.1/css/simple-line-icons.css">
  85.  
  86. <link href='https://fonts.googleapis.com/css?family=Montserrat:700' rel='stylesheet' type='text/css'>
  87.  
  88. <link href="https://fonts.googleapis.com/css?family=ABeeZee:400,400italic|Lato:400,400italic,700,700italic" rel="stylesheet">
  89.  
  90. <style type="text/css">
  91.  
  92. .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop{ position:fixed; white-space:nowrap; -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%); opacity:.2;transition: .8s ease-in-out; -webkit-transition: .8s ease-in-out;-moz-transition: .8s ease-in-out;-o-transition: .8s ease-in-out; margin-top:2px; z-index:999999999999999;}
  93.  
  94. #s-m-t-tooltip { max-width:300px; border-radius: 8px; padding:0px 5px; margin:25px 20px 5px 0px; color:#f8f8f8; background:#181818; border:1px solid #181818; z-index:99999; font-size:7px; text-transform:uppercase; font-family:'robold'; letter-spacing:2px; font-weight:bold; z-index:999999999999999; }
  95.  
  96. ::-webkit-scrollbar { width: 1px; height:3px; background: transparent;}
  97. ::-webkit-scrollbar-thumb { background-color: transparent; -webkit-border-radius: 1ex; }
  98.  
  99. /* ---- TEXTS & CUSTOM FONTS ----*/
  100.  
  101. a:link, a:active, a:visited { text-decoration:none; }
  102.  
  103. a:hover { color:#fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; }
  104.  
  105. h1 { font-size:9px; font-style:italic; letter-spacing:5px; text-align:right; margin-bottom:15px; opacity:.6;}
  106.  
  107. @font-face{ font-family:"nouvelle"; src: url('https://dl.dropboxusercontent.com/s/ag5vx5qla7mrqg9/nouvelle_vague_final.ttf’)'); }
  108.  
  109. @font-face{ font-family:"signerica"; src: url('https://dl.dropboxusercontent.com/s/exj78lvoc594ylo/Signerica_Medium.ttf’)'); }
  110.  
  111. @font-face{ font-family:"primetime"; src: url('https://dl.dropboxusercontent.com/s/2b4vrdix7lxxfsw/PRIMETIME%20%E2%95%95%20PERSONAL%20USE%20ONLY.ttf’)'); }
  112.  
  113. @font-face{ font-family:"roboto"; src: url('https://dl.dropboxusercontent.com/s/i5x37kqbtb40s0b/Roboto-Light.ttf’)'); }
  114.  
  115. @font-face{ font-family:"robold"; src: url('https://dl.dropboxusercontent.com/s/qynix3bz0j8ppva/Roboto-BoldCondensed.ttf’)'); }
  116.  
  117. @font-face{ font-family:"hermes"; src: url('https://dl.dropboxusercontent.com/s/rhje42nhg8bamiq/Herrmes.otf’)'); }
  118.  
  119. @font-face{ font-family:"astronout"; src: url('https://dl.dropboxusercontent.com/s/v6587r3a6m8y5eh/Astronout.ttf’)'); }
  120.  
  121.  
  122. /* ---- BODY & CONTAINER ---- */
  123.  
  124. body { font-family:helvetica; font-weight:100; font-size:11px; text-align:justify; margin:0; line-height:18px; background:#202020; background-image:url('https://static.tumblr.com/1ab382d3bdc92ece4fecc5e0f07f83f8/lrp7gdv/8xwpbiwct/tumblr_static_op7vqtfj1i8k40cw80og0w4w.png'); }
  125.  
  126. #holder { position:absolute; width:620px; height:500px; margin: auto; left:0; top:0; bottom:0; right:0; background-color:#1d1d1d; overflow:hidden; }
  127.  
  128. #muses { position: absolute; width:320px; height:480px; left:0px; top:0px; background-color:#f1ede9; }
  129.  
  130. #tabspace { position: absolute; width:440px; height:480px; right:0px; top:0px; }
  131.  
  132. #graphic { position: absolute; width:450px; height:299px; left:30px; top: 30px; background:#202020; overflow:hidden;}
  133.  
  134. #box { position: absolute; width:220px; height:80px; right:50px; bottom: 150px; background:#33302f; opacity:.5; }
  135.  
  136. #title { position:absolute; width:240px; height:30px; right:40px; bottom:215px; text-align:left; font-family:ABeeZee, arial, sans-serif; font-size:35px; line-height:30px; letter-spacing:4px; color:#f8f8f8; }
  137.  
  138. #subtitle { position:absolute; width:220px; height:30px; right:40px; bottom:140px; font-family:ABeeZee, arial, sans-serif; font-size:8px; color:#f8f8f8; letter-spacing:5px; line-height:20px; text-align:right;}
  139.  
  140.  
  141. #bottombar { position: absolute; width:620px; height:120px; left:0px; bottom:0px; background-color:#33302f; }
  142.  
  143. #subtitle2 { position: absolute; top:25px; left:20px; width:320px; height:15px; font-family:ABeeZee, arial, sans-serif; font-size:11px; text-transform:lowercase; text-align:left; letter-spacing:3px; color:#f8f8f8; }
  144.  
  145. #desc { position: absolute; bottom:20px; left:20px; width:170px; height:50px; font-family:ABeeZee, arial, sans-serif; font-size:7px; text-transform:lowercase; text-align:justify; letter-spacing:2px; color:#f8f8f8; overflow:auto;}
  146.  
  147. /* ---- credit, do not delete unless you want these hands ---- */
  148.  
  149. #credit { position:fixed; bottom:10px; left:10px; font-size:7px; width:80px; height:12px; font-family:robold; font-weight:bold; text-transform:uppercase; letter-spacing: 0px; font-style:normal; background:#202020; border-radius:5px; padding:5px 0px; text-align:center;letter-spacing:2px; line-height:12px; }
  150.  
  151. #credit a { color:#f8f8f8; font-weight:bold; }
  152.  
  153.  
  154. /* ---- t a b s ---- */
  155.  
  156. #links { position:absolute; width:420px; height:300px; top:0px; right:0px; overflow:hidden; }
  157.  
  158. ul.tab { position:absolute; overflow:hidden; list-style-type: none; margin: 0; padding: 0; background-color: transparent; right:5px; top:5px; z-index:999999999; }
  159.  
  160. ul.tab li { float:left; width:40px; height:40px; list-style:none; text-align:center; line-height:5px; background-color:#4c4744; border-radius:100px; margin-left:10px; margin-top:10px; overflow:hidden;}
  161.  
  162. ul.tab li a { font-weight:bold; text-transform:lowercase; font-family: 'eloquent', sans-serif; font-size:17px; line-height:17px; color:#dfa06c; }
  163.  
  164. ul.tab li i { color:#dfa06c; }
  165.  
  166. .close { position:absolute; width:11px; height:11px; padding:20px; top:0px; right:0px; font-size:11px; line-height:11px; text-align:center; font-weight:bold; color:#4c4744; z-index:9999999; background-color:#33302f; }
  167. .close:hover { cursor: pointer; }
  168.  
  169. .tabcontent { display: none; height:375; width:360px; padding:0px; margin-left:292px; margin-top:0px; background-color:transparent; z-index:9999; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }
  170.  
  171. .tabcontent.current{ display: inherit; }
  172.  
  173. @-webkit-keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  174.  
  175. @keyframes fadeEffect { from {opacity: 0;} to {opacity: 1;} }
  176.  
  177.  
  178. /* ---- stats tab ---- */
  179.  
  180. #tabone { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  181.  
  182.  
  183. #avail { position:absolute; right:-145px; bottom:130px; width:320px; height:11px; padding:20px 10px; background-color:#4c4744; overflow:hidden; font-family:'robold'; font-size:7px; text-transform:uppercase; letter-spacing:5px; color:#f8f8f8; line-height:12px; text-align:center; transform: rotate(-90deg); }
  184.  
  185. #avail b { font-size:9px; font-style:italic; letter-spacing:5px; color:#33302f;}
  186.  
  187. #stats { position:absolute; left:0px; top:0px; width:205px; height:175px; padding:15px; background-color:#4c4744; overflow:hidden; font-family:'robold'; font-size:7px; text-transform:uppercase; letter-spacing:5px; color:#f8f8f8; text-align:center; }
  188.  
  189. .statstit { position:absolute; width:205px; height:25px; top:30px; font-family:ABeeZee, arial, sans-serif; font-size:12px; text-transform:lowercase; text-align:left; letter-spacing:3px; color:#f8f8f8; overflow:auto; line-height:17px; }
  190.  
  191. .stats { position:absolute; width:205px; height:145px; bottom:0px; font-family:ABeeZee, arial, sans-serif; font-size:8px; text-transform:lowercase; text-align:justify; letter-spacing:2px; color:#f8f8f8; overflow:auto; line-height:17px; }
  192.  
  193. .stats tt { font-family:'robold'; text-transform:uppercase; box-shadow: 0px -6px 0px #33302f inset; font-size:10px; letter-spacing:3px; word-spacing:8px; }
  194.  
  195. #aesthetic { position:absolute; left:0px; bottom:0px; width:205px; height:105px; padding:15px; background-color:#33302f; overflow:hidden; font-family:'robold'; font-size:7px; text-transform:uppercase; letter-spacing:5px; color:#f8f8f8; line-height:12px; text-align:center; }
  196.  
  197. .aestit { position:absolute; width:205px; height:25px; top:20px; font-family:ABeeZee, arial, sans-serif; font-size:12px; text-transform:lowercase; text-align:left; letter-spacing:3px; color:#f8f8f8; overflow:auto; line-height:17px; }
  198.  
  199. .aesthetic { position:absolute; width:205px; height:65px; bottom:20px; font-family:ABeeZee, arial, sans-serif; font-size:8px; text-transform:lowercase; text-align:justify; letter-spacing:2px; color:#f8f8f8; overflow:auto; line-height:17px; }
  200.  
  201. #quote { position:absolute; left:235px; top:90px; width:244px; height:125px; padding:25px; background-color:#181818; font-family:'robold'; font-size:7px; text-transform:uppercase; letter-spacing:5px; color:#f8f8f8; line-height:12px; text-align:right; }
  202.  
  203. .moniker { position:absolute; width:175px; height:45px; top:55px; right:30px; font-family:ABeeZee, arial, sans-serif; font-size:15px; text-transform:lowercase; text-align:right; letter-spacing:5px; color:#f8f8f8; overflow:auto; line-height:17px; }
  204.  
  205. .quote { position:absolute; width:240px; height:65px; top:80px; right:25px; font-family:ABeeZee, arial, sans-serif; font-size:8px; text-transform:lowercase; text-align:justify; letter-spacing:3px; color:#f8f8f8; overflow:auto; line-height:15px; }
  206.  
  207. #icon { position:absolute; left:15px; top:-30px; width:50px; height:50px; border:10px solid #181818; background-color:#181818; overflow:hidden; font-family:'robold'; font-size:7px; text-transform:uppercase; letter-spacing:5px; color:#f8f8f8; line-height:12px; text-align:center; border-radius:100px; }
  208.  
  209. #song { position:absolute; left:235px; bottom:0px; width:244px; height:25px; padding:25px; background-color:#282525; }
  210.  
  211. .music { position:absolute; left:25px; bottom:20px; width:35px; height:35px; line-height:40px; font-family:ABeeZee, arial, sans-serif; font-size:18px; text-transform:lowercase; color:#4c4744; border-right:1px solid #4c4744; }
  212.  
  213. .songtit { position:absolute; width:205px; height:25px; top:22px; left:75px; font-family:ABeeZee, arial, sans-serif; font-size:12px; text-transform:lowercase; text-align:left; letter-spacing:5px; color:#f8f8f8; overflow:auto; line-height:17px; }
  214.  
  215. .artist { position:absolute; width:205px; height:25px; top:37px; left:75px; font-family:ABeeZee, arial, sans-serif; font-size:8px; text-transform:lowercase; text-align:left; letter-spacing:4px; color:#f8f8f8; overflow:auto; line-height:17px; }
  216.  
  217. #header { position:absolute; left:235px; top:0px; width:294px; height:90px; background-color:#282525; }
  218.  
  219. #nav { position:absolute; right:51px; bottom:0px; width:25px; height:66px; padding:4px 15px; background-color:#33302f; overflow:hidden; font-family:'robold'; color:#f8f8f8; line-height:11px; text-align:center; list-style-type: none; }
  220.  
  221. #nav li { width: 30px; float:left; margin-left:-2px; margin-bottom:7px; }
  222.  
  223. #nav li a{ display:inline-block; color:#f8f8f8; text-shadow:0 0 0.05em #f8f8f8; font-size:9px; width:9px; height:9px; padding:10px; border-radius:100px; background-color:#282525; }
  224.  
  225. #tabtwo { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  226.  
  227. #tabthree { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  228.  
  229. #tabfour { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  230.  
  231. #tabfive { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  232.  
  233. #tabsix { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  234.  
  235. #tabseven { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  236.  
  237. #tabeight { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  238.  
  239. #tabnine { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  240.  
  241. #tabten { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  242.  
  243. #tabeleven { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  244.  
  245. #tabtwelve { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  246.  
  247. #tabthirteen { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  248.  
  249. #tabfourteen { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  250.  
  251. #tabfifteen { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  252.  
  253. #tabsixteen { position:absolute; right:20px; top:20px; width: 580px; height:340px; background-color:#202020; overflow:hidden; }
  254.  
  255. </style>
  256. </head>
  257.  
  258.  
  259.  
  260. <body>
  261.  
  262.  
  263.  
  264. <div id="holder">
  265.  
  266. <div id="graphic"> <img src="https://78.media.tumblr.com/9d5f4fdbd5828c5755d3c3aecf57ee40/tumblr_inline_pbiy1gq3uX1srid4g_500.png"></div>
  267.  
  268. <div id="box"> </div>
  269.  
  270.  
  271. <div id="title"> your title goes here. </div>
  272. <div id="subtitle"><i>subtitle goes here.</i></div>
  273.  
  274. <div id="bottombar">
  275.  
  276. <div id="subtitle2"><i class="fas fa-plus"></i> meet the muses. </div>
  277. <div id="desc"> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div>
  278.  
  279. <div id="links"> <ul class="tab">
  280. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabone')" title="title."> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"> </a></li>
  281.  
  282. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabtwo')" title="title."> <!--image goes in this space here --> </a></li>
  283.  
  284. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabthree')" title="title."> <!--image goes in this space here --> </a></li>
  285.  
  286. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabfour')" title="title."> <!--image goes in this space here --> </a></li>
  287.  
  288. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabfive')" title="title."> <!--image goes in this space here --> </a></li>
  289.  
  290. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabsix')" title="title."> <!--image goes in this space here --> </a></li>
  291.  
  292. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabseven')" title="title."> <!--image goes in this space here --> </a></li>
  293.  
  294. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabeight')" title="title."> <!--image goes in this space here --> </a></li>
  295.  
  296. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabnine')" title="title."> <!--image goes in this space here --> </a></li>
  297.  
  298. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabten')" title="title."> <!--image goes in this space here --> </a></li>
  299.  
  300. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabeleven)" title="title."> <!--image goes in this space here --> </a></li>
  301.  
  302. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabtwelve')" title="title."> </a></li>
  303.  
  304. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabthirteen')" title="title."> <!--image goes in this space here --></a></li>
  305.  
  306. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabfourteen')" title="title."> <!--image goes in this space here --> </a></li>
  307.  
  308. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabfifteen')" title="title."> <!--image goes in this space here --> </a></li>
  309.  
  310. <li><a href="#" class="tablinks" onclick="openCity(event, 'tabsixteen')" title="title."> <!--image goes in this space here --> </a></li>
  311.  
  312. </ul>
  313. </div>
  314. </div>
  315.  
  316. <!-- BEGIN MUSE TAB -->
  317.  
  318. <div id="tabone" class="tabcontent">
  319. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  320.  
  321. <div id="avail"> this skeleton is <b>available.</b></div>
  322.  
  323. <div id="stats">
  324. <div class="statstit">summary.</div>
  325. <div class="stats">
  326. <tt>name:</tt> first last. <br>
  327. <tt>age:</tt> age. <br>
  328. <tt>gender:</tt> gender. <br>
  329. <tt>pronouns:</tt> pronouns. <br>
  330. <tt>occupation:</tt> job. <br>
  331. <tt>astrological:</tt> star sign. <br>
  332. <tt>faceclaim:</tt> first last. <br>
  333. </div>
  334. </div>
  335.  
  336. <div id="aesthetic">
  337. <div class="aestit">views.</div>
  338.  
  339. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  340. </div>
  341.  
  342. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  343.  
  344. <div id="quote">
  345.  
  346. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  347.  
  348. <div class="moniker">name/label.</div>
  349.  
  350. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  351. </div>
  352.  
  353. <div id="song">
  354. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  355. <di class="songtit">song title</di>
  356. <div class="artist">by artist</div>
  357. </div>
  358.  
  359. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  360.  
  361. </div>
  362.  
  363. <!-- END MUSE TAB -->
  364.  
  365. <div id="tabtwo" class="tabcontent">
  366. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  367.  
  368. <div id="avail"> this skeleton is <b>available.</b></div>
  369.  
  370. <div id="stats">
  371. <div class="statstit">summary.</div>
  372. <div class="stats">
  373. <tt>name:</tt> first last. <br>
  374. <tt>age:</tt> age. <br>
  375. <tt>gender:</tt> gender. <br>
  376. <tt>pronouns:</tt> pronouns. <br>
  377. <tt>occupation:</tt> job. <br>
  378. <tt>astrological:</tt> star sign. <br>
  379. <tt>faceclaim:</tt> first last. <br>
  380. </div>
  381. </div>
  382.  
  383. <div id="aesthetic">
  384. <div class="aestit">views.</div>
  385.  
  386. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  387. </div>
  388.  
  389. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  390.  
  391. <div id="quote">
  392.  
  393. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  394.  
  395. <div class="moniker">name/label.</div>
  396.  
  397. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  398. </div>
  399.  
  400. <div id="song">
  401. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  402. <di class="songtit">song title</di>
  403. <div class="artist">by artist</div>
  404. </div>
  405.  
  406. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  407.  
  408. </div>
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415. <div id="tabthree" class="tabcontent">
  416. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  417.  
  418. <div id="avail"> this skeleton is <b>available.</b></div>
  419.  
  420. <div id="stats">
  421. <div class="statstit">summary.</div>
  422. <div class="stats">
  423. <tt>name:</tt> first last. <br>
  424. <tt>age:</tt> age. <br>
  425. <tt>gender:</tt> gender. <br>
  426. <tt>pronouns:</tt> pronouns. <br>
  427. <tt>occupation:</tt> job. <br>
  428. <tt>astrological:</tt> star sign. <br>
  429. <tt>faceclaim:</tt> first last. <br>
  430. </div>
  431. </div>
  432.  
  433. <div id="aesthetic">
  434. <div class="aestit">views.</div>
  435.  
  436. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  437. </div>
  438.  
  439. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  440.  
  441. <div id="quote">
  442.  
  443. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  444.  
  445. <div class="moniker">name/label.</div>
  446.  
  447. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  448. </div>
  449.  
  450. <div id="song">
  451. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  452. <di class="songtit">song title</di>
  453. <div class="artist">by artist</div>
  454. </div>
  455.  
  456. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  457.  
  458. </div>
  459.  
  460.  
  461.  
  462. <div id="tabfour" class="tabcontent">
  463. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  464.  
  465. <div id="avail"> this skeleton is <b>available.</b></div>
  466.  
  467. <div id="stats">
  468. <div class="statstit">summary.</div>
  469. <div class="stats">
  470. <tt>name:</tt> first last. <br>
  471. <tt>age:</tt> age. <br>
  472. <tt>gender:</tt> gender. <br>
  473. <tt>pronouns:</tt> pronouns. <br>
  474. <tt>occupation:</tt> job. <br>
  475. <tt>astrological:</tt> star sign. <br>
  476. <tt>faceclaim:</tt> first last. <br>
  477. </div>
  478. </div>
  479.  
  480. <div id="aesthetic">
  481. <div class="aestit">views.</div>
  482.  
  483. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  484. </div>
  485.  
  486. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  487.  
  488. <div id="quote">
  489.  
  490. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  491.  
  492. <div class="moniker">name/label.</div>
  493.  
  494. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  495. </div>
  496.  
  497. <div id="song">
  498. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  499. <di class="songtit">song title</di>
  500. <div class="artist">by artist</div>
  501. </div>
  502.  
  503. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  504.  
  505. </div>
  506.  
  507.  
  508.  
  509.  
  510.  
  511. <div id="tabfive" class="tabcontent">
  512. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  513.  
  514. <div id="avail"> this skeleton is <b>available.</b></div>
  515.  
  516. <div id="stats">
  517. <div class="statstit">summary.</div>
  518. <div class="stats">
  519. <tt>name:</tt> first last. <br>
  520. <tt>age:</tt> age. <br>
  521. <tt>gender:</tt> gender. <br>
  522. <tt>pronouns:</tt> pronouns. <br>
  523. <tt>occupation:</tt> job. <br>
  524. <tt>astrological:</tt> star sign. <br>
  525. <tt>faceclaim:</tt> first last. <br>
  526. </div>
  527. </div>
  528.  
  529. <div id="aesthetic">
  530. <div class="aestit">views.</div>
  531.  
  532. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  533. </div>
  534.  
  535. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  536.  
  537. <div id="quote">
  538.  
  539. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  540.  
  541. <div class="moniker">name/label.</div>
  542.  
  543. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  544. </div>
  545.  
  546. <div id="song">
  547. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  548. <di class="songtit">song title</di>
  549. <div class="artist">by artist</div>
  550. </div>
  551.  
  552. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  553.  
  554. </div>
  555.  
  556.  
  557.  
  558.  
  559. <div id="tabsix" class="tabcontent">
  560. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  561.  
  562. <div id="avail"> this skeleton is <b>available.</b></div>
  563.  
  564. <div id="stats">
  565. <div class="statstit">summary.</div>
  566. <div class="stats">
  567. <tt>name:</tt> first last. <br>
  568. <tt>age:</tt> age. <br>
  569. <tt>gender:</tt> gender. <br>
  570. <tt>pronouns:</tt> pronouns. <br>
  571. <tt>occupation:</tt> job. <br>
  572. <tt>astrological:</tt> star sign. <br>
  573. <tt>faceclaim:</tt> first last. <br>
  574. </div>
  575. </div>
  576.  
  577. <div id="aesthetic">
  578. <div class="aestit">views.</div>
  579.  
  580. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  581. </div>
  582.  
  583. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  584.  
  585. <div id="quote">
  586.  
  587. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  588.  
  589. <div class="moniker">name/label.</div>
  590.  
  591. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  592. </div>
  593.  
  594. <div id="song">
  595. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  596. <di class="songtit">song title</di>
  597. <div class="artist">by artist</div>
  598. </div>
  599.  
  600. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  601.  
  602. </div>
  603.  
  604.  
  605.  
  606.  
  607. <div id="tabseven" class="tabcontent">
  608. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  609.  
  610. <div id="avail"> this skeleton is <b>available.</b></div>
  611.  
  612. <div id="stats">
  613. <div class="statstit">summary.</div>
  614. <div class="stats">
  615. <tt>name:</tt> first last. <br>
  616. <tt>age:</tt> age. <br>
  617. <tt>gender:</tt> gender. <br>
  618. <tt>pronouns:</tt> pronouns. <br>
  619. <tt>occupation:</tt> job. <br>
  620. <tt>astrological:</tt> star sign. <br>
  621. <tt>faceclaim:</tt> first last. <br>
  622. </div>
  623. </div>
  624.  
  625. <div id="aesthetic">
  626. <div class="aestit">views.</div>
  627.  
  628. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  629. </div>
  630.  
  631. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  632.  
  633. <div id="quote">
  634.  
  635. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  636.  
  637. <div class="moniker">name/label.</div>
  638.  
  639. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  640. </div>
  641.  
  642. <div id="song">
  643. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  644. <di class="songtit">song title</di>
  645. <div class="artist">by artist</div>
  646. </div>
  647.  
  648. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  649.  
  650. </div>
  651.  
  652.  
  653.  
  654.  
  655. <div id="tabeight" class="tabcontent">
  656. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  657.  
  658. <div id="avail"> this skeleton is <b>available.</b></div>
  659.  
  660. <div id="stats">
  661. <div class="statstit">summary.</div>
  662. <div class="stats">
  663. <tt>name:</tt> first last. <br>
  664. <tt>age:</tt> age. <br>
  665. <tt>gender:</tt> gender. <br>
  666. <tt>pronouns:</tt> pronouns. <br>
  667. <tt>occupation:</tt> job. <br>
  668. <tt>astrological:</tt> star sign. <br>
  669. <tt>faceclaim:</tt> first last. <br>
  670. </div>
  671. </div>
  672.  
  673. <div id="aesthetic">
  674. <div class="aestit">views.</div>
  675.  
  676. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  677. </div>
  678.  
  679. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  680.  
  681. <div id="quote">
  682.  
  683. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  684.  
  685. <div class="moniker">name/label.</div>
  686.  
  687. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  688. </div>
  689.  
  690. <div id="song">
  691. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  692. <di class="songtit">song title</di>
  693. <div class="artist">by artist</div>
  694. </div>
  695.  
  696. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  697.  
  698. </div>
  699.  
  700.  
  701.  
  702.  
  703. <div id="tabnine" class="tabcontent">
  704. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  705.  
  706. <div id="avail"> this skeleton is <b>available.</b></div>
  707.  
  708. <div id="stats">
  709. <div class="statstit">summary.</div>
  710. <div class="stats">
  711. <tt>name:</tt> first last. <br>
  712. <tt>age:</tt> age. <br>
  713. <tt>gender:</tt> gender. <br>
  714. <tt>pronouns:</tt> pronouns. <br>
  715. <tt>occupation:</tt> job. <br>
  716. <tt>astrological:</tt> star sign. <br>
  717. <tt>faceclaim:</tt> first last. <br>
  718. </div>
  719. </div>
  720.  
  721. <div id="aesthetic">
  722. <div class="aestit">views.</div>
  723.  
  724. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  725. </div>
  726.  
  727. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  728.  
  729. <div id="quote">
  730.  
  731. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  732.  
  733. <div class="moniker">name/label.</div>
  734.  
  735. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  736. </div>
  737.  
  738. <div id="song">
  739. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  740. <di class="songtit">song title</di>
  741. <div class="artist">by artist</div>
  742. </div>
  743.  
  744. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  745.  
  746. </div>
  747.  
  748.  
  749.  
  750.  
  751. <div id="tabten" class="tabcontent">
  752. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  753.  
  754. <div id="avail"> this skeleton is <b>available.</b></div>
  755.  
  756. <div id="stats">
  757. <div class="statstit">summary.</div>
  758. <div class="stats">
  759. <tt>name:</tt> first last. <br>
  760. <tt>age:</tt> age. <br>
  761. <tt>gender:</tt> gender. <br>
  762. <tt>pronouns:</tt> pronouns. <br>
  763. <tt>occupation:</tt> job. <br>
  764. <tt>astrological:</tt> star sign. <br>
  765. <tt>faceclaim:</tt> first last. <br>
  766. </div>
  767. </div>
  768.  
  769. <div id="aesthetic">
  770. <div class="aestit">views.</div>
  771.  
  772. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  773. </div>
  774.  
  775. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  776.  
  777. <div id="quote">
  778.  
  779. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  780.  
  781. <div class="moniker">name/label.</div>
  782.  
  783. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  784. </div>
  785.  
  786. <div id="song">
  787. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  788. <di class="songtit">song title</di>
  789. <div class="artist">by artist</div>
  790. </div>
  791.  
  792. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  793.  
  794. </div>
  795.  
  796.  
  797.  
  798.  
  799. <div id="tabeleven" class="tabcontent">
  800. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  801.  
  802. <div id="avail"> this skeleton is <b>available.</b></div>
  803.  
  804. <div id="stats">
  805. <div class="statstit">summary.</div>
  806. <div class="stats">
  807. <tt>name:</tt> first last. <br>
  808. <tt>age:</tt> age. <br>
  809. <tt>gender:</tt> gender. <br>
  810. <tt>pronouns:</tt> pronouns. <br>
  811. <tt>occupation:</tt> job. <br>
  812. <tt>astrological:</tt> star sign. <br>
  813. <tt>faceclaim:</tt> first last. <br>
  814. </div>
  815. </div>
  816.  
  817. <div id="aesthetic">
  818. <div class="aestit">views.</div>
  819.  
  820. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  821. </div>
  822.  
  823. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  824.  
  825. <div id="quote">
  826.  
  827. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  828.  
  829. <div class="moniker">name/label.</div>
  830.  
  831. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  832. </div>
  833.  
  834. <div id="song">
  835. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  836. <di class="songtit">song title</di>
  837. <div class="artist">by artist</div>
  838. </div>
  839.  
  840. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  841.  
  842. </div>
  843.  
  844.  
  845.  
  846.  
  847.  
  848. <div id="tabtwelve" class="tabcontent">
  849. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  850.  
  851. <div id="avail"> this skeleton is <b>available.</b></div>
  852.  
  853. <div id="stats">
  854. <div class="statstit">summary.</div>
  855. <div class="stats">
  856. <tt>name:</tt> first last. <br>
  857. <tt>age:</tt> age. <br>
  858. <tt>gender:</tt> gender. <br>
  859. <tt>pronouns:</tt> pronouns. <br>
  860. <tt>occupation:</tt> job. <br>
  861. <tt>astrological:</tt> star sign. <br>
  862. <tt>faceclaim:</tt> first last. <br>
  863. </div>
  864. </div>
  865.  
  866. <div id="aesthetic">
  867. <div class="aestit">views.</div>
  868.  
  869. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  870. </div>
  871.  
  872. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  873.  
  874. <div id="quote">
  875.  
  876. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  877.  
  878. <div class="moniker">name/label.</div>
  879.  
  880. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  881. </div>
  882.  
  883. <div id="song">
  884. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  885. <di class="songtit">song title</di>
  886. <div class="artist">by artist</div>
  887. </div>
  888.  
  889. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  890.  
  891. </div>
  892.  
  893.  
  894.  
  895.  
  896.  
  897. <div id="tabthirteen" class="tabcontent">
  898. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  899.  
  900. <div id="avail"> this skeleton is <b>available.</b></div>
  901.  
  902. <div id="stats">
  903. <div class="statstit">summary.</div>
  904. <div class="stats">
  905. <tt>name:</tt> first last. <br>
  906. <tt>age:</tt> age. <br>
  907. <tt>gender:</tt> gender. <br>
  908. <tt>pronouns:</tt> pronouns. <br>
  909. <tt>occupation:</tt> job. <br>
  910. <tt>astrological:</tt> star sign. <br>
  911. <tt>faceclaim:</tt> first last. <br>
  912. </div>
  913. </div>
  914.  
  915. <div id="aesthetic">
  916. <div class="aestit">views.</div>
  917.  
  918. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  919. </div>
  920.  
  921. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  922.  
  923. <div id="quote">
  924.  
  925. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  926.  
  927. <div class="moniker">name/label.</div>
  928.  
  929. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  930. </div>
  931.  
  932. <div id="song">
  933. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  934. <di class="songtit">song title</di>
  935. <div class="artist">by artist</div>
  936. </div>
  937.  
  938. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  939.  
  940. </div>
  941.  
  942.  
  943.  
  944.  
  945.  
  946.  
  947. <div id="tabfourteen" class="tabcontent">
  948. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  949.  
  950. <div id="avail"> this skeleton is <b>available.</b></div>
  951.  
  952. <div id="stats">
  953. <div class="statstit">summary.</div>
  954. <div class="stats">
  955. <tt>name:</tt> first last. <br>
  956. <tt>age:</tt> age. <br>
  957. <tt>gender:</tt> gender. <br>
  958. <tt>pronouns:</tt> pronouns. <br>
  959. <tt>occupation:</tt> job. <br>
  960. <tt>astrological:</tt> star sign. <br>
  961. <tt>faceclaim:</tt> first last. <br>
  962. </div>
  963. </div>
  964.  
  965. <div id="aesthetic">
  966. <div class="aestit">views.</div>
  967.  
  968. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  969. </div>
  970.  
  971. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  972.  
  973. <div id="quote">
  974.  
  975. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  976.  
  977. <div class="moniker">name/label.</div>
  978.  
  979. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  980. </div>
  981.  
  982. <div id="song">
  983. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  984. <di class="songtit">song title</di>
  985. <div class="artist">by artist</div>
  986. </div>
  987.  
  988. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  989.  
  990. </div>
  991.  
  992.  
  993. <div id="tabfifteen" class="tabcontent">
  994. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  995.  
  996. <div id="avail"> this skeleton is <b>available.</b></div>
  997.  
  998. <div id="stats">
  999. <div class="statstit">summary.</div>
  1000. <div class="stats">
  1001. <tt>name:</tt> first last. <br>
  1002. <tt>age:</tt> age. <br>
  1003. <tt>gender:</tt> gender. <br>
  1004. <tt>pronouns:</tt> pronouns. <br>
  1005. <tt>occupation:</tt> job. <br>
  1006. <tt>astrological:</tt> star sign. <br>
  1007. <tt>faceclaim:</tt> first last. <br>
  1008. </div>
  1009. </div>
  1010.  
  1011. <div id="aesthetic">
  1012. <div class="aestit">views.</div>
  1013.  
  1014. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  1015. </div>
  1016.  
  1017. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  1018.  
  1019. <div id="quote">
  1020.  
  1021. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  1022.  
  1023. <div class="moniker">name/label.</div>
  1024.  
  1025. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  1026. </div>
  1027.  
  1028. <div id="song">
  1029. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  1030. <di class="songtit">song title</di>
  1031. <div class="artist">by artist</div>
  1032. </div>
  1033.  
  1034. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  1035.  
  1036. </div>
  1037.  
  1038.  
  1039.  
  1040.  
  1041. <div id="tabsixteen" class="tabcontent">
  1042. <span onclick="this.parentElement.style.display='none'" class="close"> x </span>
  1043.  
  1044. <div id="avail"> this skeleton is <b>available.</b></div>
  1045.  
  1046. <div id="stats">
  1047. <div class="statstit">summary.</div>
  1048. <div class="stats">
  1049. <tt>name:</tt> first last. <br>
  1050. <tt>age:</tt> age. <br>
  1051. <tt>gender:</tt> gender. <br>
  1052. <tt>pronouns:</tt> pronouns. <br>
  1053. <tt>occupation:</tt> job. <br>
  1054. <tt>astrological:</tt> star sign. <br>
  1055. <tt>faceclaim:</tt> first last. <br>
  1056. </div>
  1057. </div>
  1058.  
  1059. <div id="aesthetic">
  1060. <div class="aestit">views.</div>
  1061.  
  1062. <div class="aesthetic">aesthetics or smth here. lorem ipsum dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua.</div>
  1063. </div>
  1064.  
  1065. <div id="header"> <img src="https://78.media.tumblr.com/b0f6f3f312cadc7d4ac66ff91431cc01/tumblr_inline_pbd4i6RxhB1srid4g_500.png"></div>
  1066.  
  1067. <div id="quote">
  1068.  
  1069. <div id="icon"> <img src="https://78.media.tumblr.com/b3c0d5372f54f72a2c63456be268fd1a/tumblr_inline_pbd4lo0aHw1srid4g_500.png"></div>
  1070.  
  1071. <div class="moniker">name/label.</div>
  1072.  
  1073. <div class="quote">" a quote here. dolor sit amet consec tetur adip iscing elit sed do eiusmod tempor inci didunt ut labore et dolore magna aliqua. "</div>
  1074. </div>
  1075.  
  1076. <div id="song">
  1077. <div class="music"> <i class="icon-music-tone-alt"> </i></div>
  1078. <di class="songtit">song title</di>
  1079. <div class="artist">by artist</div>
  1080. </div>
  1081.  
  1082. <div id="nav"><li><a href="/" title="inquiry tag."><i class="icon-tag"></i></a></li> <li><a href="/" title="inspo board."><i class="icon-grid"></i></a></i> </div>
  1083.  
  1084. </div>
  1085.  
  1086.  
  1087. <!-- PLEASE DO NOT REMOVE MY CREDIT -->
  1088.  
  1089. <div id="credit"><a href="http://internetsmom.tumblr.com/" title="credit"> code by six.</span></a></div>
  1090.  
  1091. </body>
  1092. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!