API tools faq
paste
Advertisement
alicescreed

xxj0kerxx muse page

alicescreed
Feb 28th, 2020
2,232
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 54.91 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <!---------------------------------------------------------------------
  4.  
  5.  
  6.  
  7. ╭ ╮
  8.  
  9. glcssiers PAGE 002: ANGUS v.2
  10.  
  11. • • •
  12.  
  13. you may edit this page as you
  14. see fit, but please do not erase
  15. the credit. DO NOT use this as a
  16. base, lift any coding/fonts from
  17. this theme, or take any part of
  18. this code and claim it as your
  19. own or use it elsewhere.
  20.  
  21. ┄ pop-up tabs code: ncighbourhood
  22.  
  23. ╰ ╯
  24.  
  25.  
  26.  
  27.  
  28. ---------------------------------------------------------------------->
  29.  
  30. <head>
  31.  
  32.  
  33.  
  34. <title>{title}</title>
  35.  
  36. <!-- scripts -->
  37.  
  38. <link rel="shortcut icon" href="{Favicon}">
  39. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><meta name="viewport" content="width=820" />
  40.  
  41. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  42. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  43. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  44. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  45. <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet">
  46. <link href="https://fonts.googleapis.com/css?family=Inconsolata" rel="stylesheet">
  47. <link href="css/hover-min.css" rel="stylesheet">
  48.  
  49. <script>
  50. (function($){
  51. $(document).ready(function() {
  52. $("a[title]").style_my_tooltips({
  53. tip_follows_cursor:true,
  54. tip_delay_time:90,
  55. tip_fade_speed:600,
  56. attribute:"title"
  57. });
  58. });
  59. })(jQuery);
  60. </script>
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65.  
  66. /* ◜ SCROLL ◞ */
  67.  
  68. ::-webkit-scrollbar { width:0px; height: 4px; }
  69. ::-webkit-scrollbar-thumb { background-color: #eaeaea;
  70. -webkit-border-radius: 5px; }
  71.  
  72.  
  73. /* ◜ HOVER EFFECTS ◞ */
  74.  
  75.  
  76. /* Bounce In */
  77. .hvr-bounce-in {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;
  78. }
  79. .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  80. }
  81.  
  82. /* Pop */
  83. @-webkit-keyframes hvr-pop {
  84. 50% {-webkit-transform: scale(1.2);transform: scale(1.2);}}
  85.  
  86. @keyframes hvr-pop {
  87. 50% {-webkit-transform: scale(1.2);transform: scale(1.2);}}
  88.  
  89. .hvr-pop {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;
  90. }
  91. .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {-webkit-animation-name: hvr-pop;animation-name: hvr-pop;-webkit-animation-duration: 0.3s;animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;
  92. }
  93.  
  94.  
  95.  
  96. /* ------- fonts ------ */
  97.  
  98. @font-face{
  99. font-family:"chaennie8";
  100. src: url('https://dl.dropboxusercontent.com/s/9jhv2y3v1ky37yp/so.otf');
  101. }
  102.  
  103. @font-face{
  104. font-family:"chaennie9";
  105. src: url('https://dl.dropboxusercontent.com/s/kz3iqc070yg0sxs/bj.otf');
  106. }
  107.  
  108. @font-face{
  109. font-family:"chaennie10";
  110. src: url('https://dl.dropboxusercontent.com/s/ppob0yhtg6w6odf/vst.ttf');
  111. }
  112.  
  113.  
  114. b, strong {
  115. font-weight:bold;
  116. color:#6c4b45; /* BOLD/STRONG COLOR */
  117. }
  118.  
  119. a {
  120. color:#ad9991; /* LINK COLOR */
  121. }
  122.  
  123. /* ------- general ------ */
  124.  
  125. body{
  126. background: url('https://i.imgur.com/yJo8Sgo.png') no-repeat center center fixed;
  127. background-color: #000;
  128. font-family:'inconsolata';
  129. font-size:9px;
  130. line-height:13px;
  131. color:#55473c; /* FONT COLOR */
  132. letter-spacing:.5px;
  133.  
  134. }
  135.  
  136. #s-m-t-tooltip {
  137. max-width:300px;
  138. border-radius: 8px;
  139. padding:0px 5px;
  140. margin:25px 20px 5px 0px;
  141. color:#000;
  142. background: #fff;
  143. z-index:99999;
  144. font-size:8px;
  145. font-family:'arial';
  146. letter-spacing:1px;
  147. text-transform:uppercase;
  148. z-index:999999999999999;
  149. }
  150.  
  151.  
  152. #container {
  153. background:#6a9cbf; /* CONTAINER COLOR */
  154. width:450px;
  155. height:500px;
  156. padding:12px;
  157. position:absolute;
  158. top:0px;
  159. bottom:0;
  160. right:0;
  161. left:-400px;
  162. margin:auto;
  163. border-radius:10px;
  164. opacity:0.95;
  165. }
  166.  
  167.  
  168. #contcolor {
  169. background:#eb1a00; /* MIDDLE DIAGONAL COLOR */
  170. width:451px;
  171. height:210px;
  172. padding:12px;
  173. position:absolute;
  174. bottom:140px;
  175. left:0px;
  176. z-index:-999;
  177. opacity:0.85;
  178. -webkit-clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  179. clip-path: polygon(0 25%, 100% 0, 100% 100%, 0% 100%);
  180. }
  181.  
  182. #contcolor2 {
  183. background:#000; /* BOTTOM DIAGONAL COLOR */
  184. width:451px;
  185. height:160px;
  186. padding:12px;
  187. position:absolute;
  188. bottom:0;
  189. left:0px;
  190. border-radius:0px 0px 10px 10px;
  191. -webkit-clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
  192. clip-path: polygon(0 0, 100% 25%, 100% 100%, 0% 100%);
  193. }
  194.  
  195. #pagetitle {
  196. font-family:"chaennie8";
  197. color:#72833a; /* TITLE FONT COLOR */
  198. font-size:50px;
  199. position:absolute;
  200. top:-10px;
  201. right:100px;
  202. text-shadow: 2px 2px 0px #3d281f;/* TITLE FONT SHADOW COLOR */
  203. -webkit-transform: rotate(-3deg);
  204. transform: rotate(-3deg);
  205. z-index:99999999;
  206. }
  207.  
  208. #pagelabel {
  209. width:175px;
  210. padding:1px 4px 0px 4px;
  211. background-color:#000; /* SUBTITLE BACKGROUND COLOR */
  212. color:white;
  213. -webkit-transform: rotate(-3deg);
  214. transform: rotate(-3deg);
  215. position:absolute;
  216. top:15px;
  217. right:140px;
  218. text-align:center;
  219. z-index:-9999;
  220. font-family:'chaennie9';
  221. text-transform:uppercase;
  222. letter-spacing:1.5px;
  223. font-size:6px;
  224. z-index:9999999;
  225. opacity:0.85;
  226. }
  227.  
  228.  
  229. /* ------- tabs base code by alyofrp ------ */
  230.  
  231. .tabz {
  232. margin-top:45px;
  233. margin-left:-12px;
  234. padding:10px;
  235. position:fixed;
  236. width:500px;
  237. height:420px;
  238. overflow:auto;
  239.  
  240. }
  241.  
  242. .tabz a {
  243. padding:12px 10px 8px 10px;
  244. width:180px;
  245. height:90px;
  246. margin:12px 5px 20px 15px;
  247. border-radius:10px;
  248. text-align:center;
  249. text-decoration:none;
  250. background-color:#9bc2dc; /* tablinks bg color */
  251. font-size:16px;
  252. display:inline-block;
  253. box-shadow:inset 0px 0px #bfad99; /* tablinks bg color */
  254. -webkit-transition: all .3s;
  255. -moz-transition: all .3s;
  256. -o-transition: all .3s;
  257. -ms-transition: all .3s;
  258. transition: all .3s;
  259. }
  260.  
  261.  
  262. .tabz h1 {
  263. text-align:center;
  264. margin-top:-58px;
  265. font-weight:400;
  266. font-family:"chaennie8";
  267. color:#60884c; /* tablinks hover color */
  268. font-size:36px;
  269. text-decoration:none;
  270. display:block;
  271. opacity:0;
  272. -webkit-transition: all .6s;
  273. -moz-transition: all .6s;
  274. -o-transition: all .6s;
  275. -ms-transition: all .6s;
  276. transition: all .6s;
  277. }
  278. .tabz h2 {
  279. text-align:center;
  280. margin-top:-18px;
  281. font-weight:400;
  282. font-family:"chaennie9";
  283. text-transform:uppercase;
  284. letter-spacing:1px;
  285. text-decoration:none;
  286. color:#fff; /* tablinks hover subtitle color */
  287. font-size:10px;
  288. display:block;
  289. opacity:0;
  290. -webkit-transition: all .6s;
  291. -moz-transition: all .6s;
  292. -o-transition: all .6s;
  293. -ms-transition: all .6s;
  294. transition: all .6s;
  295. }
  296.  
  297. .tabz a:hover h1, .tabz a:hover h2 {
  298. opacity:1;
  299. }
  300.  
  301. .tabz a:hover {
  302. box-shadow:inset -200px 0px #020202; /* tablinks hover bg color */
  303. -webkit-transition: all .3s;
  304. -moz-transition: all .3s;
  305. -o-transition: all .3s;
  306. -ms-transition: all .3s;
  307. transition: all .3s;
  308. }
  309.  
  310. .tabz a:focus, .active {
  311. background-color: #000; /* tablinks clicked bg color */
  312. color:#dddcdc; /* tablinks clicked color */
  313. }
  314.  
  315. .tabz img {
  316. border-radius:7px;
  317. margin-top:-2px;
  318. width:180px;
  319. height:90px;
  320. }
  321.  
  322. .tabzcon { /* tablinks content aka the box under the tablinks */
  323. margin-top:30px;
  324. margin-left:500px;
  325. padding:10px;
  326. position:absolute;
  327. width:350px;
  328. height:400px;
  329. background-color:#000;/* active tab bg color */
  330. border-radius:10px;
  331. overflow:auto;
  332. border:20px solid #9bc2dc;/* active tab border color */
  333. }
  334.  
  335. #base { /* the box when no tabs are selected */
  336. margin-top:45px;
  337. margin-left:0px;
  338. position:fixed;
  339. padding:10px;
  340. width:205px;
  341. height:250px;
  342. background-color:#e1c9bf;
  343. }
  344.  
  345. .tabzclose { /* the close button, u prob dont need to touch this */
  346. text-transform:uppercase;
  347. font-weight:bold;
  348. font-size:8px;
  349. padding:3px;
  350. margin-top:-8px;
  351. margin-right:-5px;
  352. float:right;
  353. }
  354.  
  355. .tabzclose:hover {
  356. cursor:pointer;
  357. }
  358.  
  359. /* ------- profile ------ */
  360.  
  361. #profile {
  362. width:400px;
  363. height:190px;
  364. overflow-x:hidden;
  365. }
  366.  
  367. #name {
  368. font-family:"chaennie8";
  369. color:#72833a; /* TITLE FONT COLOR */
  370. font-size:50px;
  371. position:absolute;
  372. top:40px;
  373. right:20px;
  374. text-shadow: 1px 1px 0px white;
  375. -webkit-transform: rotate(-3deg);
  376. transform: rotate(-3deg);
  377. text-shadow:2px 2px rgba(255,255,255,0.8);
  378. z-index:99999999;
  379. }
  380.  
  381. #subtext {
  382. width:175px;
  383. padding:1px 4px 0px 4px;
  384. background-color:#000; /* SUBTITLE BACKGROUND COLOR */
  385. color:white;
  386. -webkit-transform: rotate(-3deg);
  387. transform: rotate(-3deg);
  388. position:absolute;
  389. top:65px;
  390. right:30px;
  391. text-align:center;
  392. z-index:-9999;
  393. font-family:'chaennie9';
  394. text-transform:uppercase;
  395. letter-spacing:1.5px;
  396. font-size:6px;
  397. z-index:9999999;
  398. opacity:0.85;
  399. }
  400.  
  401. /* ------- images ------ */
  402.  
  403. #lilicons {
  404. width:100px;
  405. height:100px;
  406. display:block;
  407. border-radius:5px;
  408. margin-right:10px;
  409. margin-left:-10px;
  410. margin-top:25px;
  411. position:relative;
  412. }
  413.  
  414. #lilicons img {
  415. border:2px solid #9bc2dc;
  416. border-radius:5px;
  417. width:100px;
  418. height:100px;
  419. border-radius:5px;
  420. margin-left:20px;
  421. margin-top:10px;
  422. margin-bottom:10px;
  423. }
  424.  
  425. /* ------- desc ------ */
  426.  
  427. #minicon {
  428. width:340px;
  429. height:295px;
  430. margin-top:-30px;
  431. margin-left:5px;
  432. overflow-y:auto;
  433. overflow-x:hidden;
  434. }
  435.  
  436. .ic {
  437. color:white;
  438. margin-right:5px;
  439. font-size:10px;
  440. }
  441.  
  442. /* ------- stats ------ */
  443.  
  444. #statstitle {
  445. background-color:#6a9cbf; /* STATS LABEL BACKGROUND COLOR */
  446. padding:5px;
  447. width:200px;
  448. height:10px;
  449. padding:5px;
  450. margin-top:0px;
  451. margin-left:130px;
  452. border-radius:5px 5px 0px 0px;
  453. color:#f0f0f0;
  454. font-family:'chaennie9';
  455. text-transform:uppercase;
  456. letter-spacing:2px;
  457. }
  458.  
  459.  
  460. #stats {
  461. width:198px;
  462. height:95px;
  463. margin-left:130px;
  464. border-top:none;
  465. padding:5px;
  466. margin-top:0px;
  467. background:#9bc2dc; /* STATS BACKGROUND COLOR */
  468. border-radius:5px;
  469. border-radius:0px 0px 5px 5px;
  470. overflow:auto;
  471. letter-spacing:1px;
  472. text-transform:uppercase;
  473. font-size:7.5px;
  474. text-align:justify;
  475. }
  476.  
  477.  
  478. /* ------- statistics ------ */
  479.  
  480. #statisticstitle {
  481. background-color:#eb1a00; /* statistics LABEL BACKGROUND COLOR */
  482. padding:5px;
  483. width:200px;
  484. margin-left:130px;
  485. height:10px;
  486. padding:5px;
  487. margin-top:10px;
  488. border-radius:5px 5px 0px 0px;
  489. color:#f0f0f0;
  490. font-family:'chaennie9';
  491. text-transform:uppercase;
  492. letter-spacing:2px;
  493. }
  494.  
  495. #statistics {
  496. width:198px;
  497. height:150px;
  498. background:#9bc2dc; /* STATS BACKGROUND COLOR */
  499. padding:2px 5px 2px 5px;
  500. margin-top:0px;
  501. margin-left:130px;
  502. border-radius:0px 0px 5px 5px;
  503. overflow:auto;
  504. letter-spacing:1px;
  505. text-transform:uppercase;
  506. font-size:7.5px;
  507. }
  508.  
  509. #statistics img {
  510. border-radius:5px;
  511. width:50px;
  512. height:50px;
  513. }
  514.  
  515. #statistics b {
  516. color:white;
  517. padding:2px;
  518. margin-right:2px;
  519. box-shadow: inset 0px -20px #000;/* NAME BACKGROUND COLOR */
  520. }
  521.  
  522. #statistics p {
  523. border-bottom:1px dashed #7a7a7a;
  524. padding-bottom:5px;
  525. }
  526.  
  527. z {
  528. font-size:24px;
  529. padding:8px 5px 2px 5px;
  530. float:right;
  531. }
  532. y {
  533. font-size:24px;
  534. padding:8px 5px 2px 5px;
  535. float:left;
  536. }
  537.  
  538. /* ------- spotify ------ */
  539.  
  540. #spotifytitle {
  541. background-color:#000; /* SPOTIFY LABEL BACKGROUND COLOR */
  542. padding:5px;
  543. width:200px;
  544. margin-top:10px;
  545. height:10px;
  546. padding:5px;
  547. border-radius:5px 5px 0px 0px;
  548. color:#f0f0f0;
  549. font-family:'chaennie9';
  550. text-transform:uppercase;
  551. letter-spacing:2px;
  552. margin-left:130px;
  553. }
  554.  
  555.  
  556. #spotify {
  557. width:198px;
  558. height:130px;
  559. background:#9bc2dc; /* STATS BACKGROUND COLOR */
  560. margin-left:130px;
  561. padding:5px;
  562. margin-top:0px;
  563. border-radius:0px 0px 5px 5px;
  564. overflow:auto;
  565. }
  566.  
  567. #song {
  568. padding:5px;
  569. font-size:10px;
  570. font-weight:bold;
  571. }
  572.  
  573. #artist {
  574. color:#291b14; /* ARTIST FONT COLOR */
  575. font-size:8px;
  576. padding:5px;
  577. margin-top:-8px;
  578. font-style:italic;
  579. border-bottom:1px dashed #7a7a7a;
  580.  
  581. }
  582.  
  583.  
  584. /* ------- credit; DO NOT TOUCH ------ */
  585.  
  586. .credit, .credit a {
  587. position:fixed;
  588. left:10px;
  589. bottom:20px;
  590. width:11px;
  591. height:11px;
  592. border-radius:50%;
  593. background-color:transparent;
  594. font-size:20px;
  595. color:#c6a29a;
  596. letter-spacing:1px;
  597. padding:5px;
  598. line-height:0%;
  599. opacity:0.75;
  600. z-index:9999999999999;
  601. -webkit-transition: all 0.5s ease;
  602. -moz-transition: all 0.5s ease;
  603. transition: all 0.5s ease;
  604. }
  605. .credit i{
  606. padding:4px 4px 4px 6px;
  607. font-style:normal;
  608. color:#333;
  609. font-size:17px;
  610. background-color:#eee;
  611. border:2px solid #eee;
  612. border-radius:50%;
  613. -webkit-transition: all 0.5s ease;
  614. -moz-transition: all 0.5s ease;
  615. transition: all 0.5s ease;
  616. }
  617.  
  618. .credit a:hover i{
  619. color:black;
  620. background-color:#eee;
  621. border:2px solid #eee;
  622. box-shadow: 0px 0px 0px 1px #333 inset;
  623. text-shadow:none;
  624. -webkit-transition: all 0.5s ease;
  625. -moz-transition: all 0.5s ease;
  626. transition: all 0.5s ease;
  627. }
  628.  
  629. .credit a:hover {
  630. opacity:1;
  631. background:none;
  632. color:#333;
  633. }
  634.  
  635. .credit:hover {
  636. opacity:1;
  637. background:none;
  638. color:#fff;
  639. }
  640. .credit a span{
  641. width: 75px;
  642. height: auto;
  643. padding: 3px;
  644. left: 0%;
  645. line-height:150%;
  646. margin-left: 15px;
  647. font-weight: 600;
  648. font-size:7px;
  649. text-align: center;
  650. border: 4px solid white;
  651. background-color:white;
  652. text-indent: 0px;
  653. text-transform:uppercase;
  654. border-radius: 0px;
  655. position: absolute;
  656. color:{color:text};
  657. pointer-events: none;
  658. opacity: 0;
  659. text-shadow:none;
  660. transition: all 0.3s ease-in-out;
  661. -webkit-transform: translate3d(20px,20px,0px) rotate(45deg);
  662. transform: translate3d(20px,20px,0px) rotate(45deg);
  663. }
  664. .credit a span:before,
  665. .credit a span:after{
  666. content: '';
  667. position: absolute;
  668. bottom: -10px;
  669. left: 50%;
  670. margin-left: -21px;
  671. width: 0;
  672. height: 0;
  673. border-left: 6px solid transparent;
  674. border-right: 6px solid transparent;
  675. border-top: 6px solid #fff;
  676. }
  677.  
  678. .credit a:hover span{
  679. opacity: 0.9;
  680. -webkit-transform: translate3d(-15px,-50px,0px) rotate(0deg);
  681. transform: translate3d(-15px,-50px,0px) rotate(0deg);
  682. }
  683.  
  684. .credit span b{
  685. font-style:none;
  686. font-family:'chaennie10';
  687. font-weight:800;
  688. text-transform:lowercase;
  689. letter-spacing:0.5px;
  690. font-size:11px;
  691. }
  692.  
  693. </style>
  694.  
  695. </head>
  696.  
  697. <body>
  698.  
  699. <!--------------- CREDIT — DO NOT REMOVE ------------->
  700.  
  701. <div class="credit"><a href="https://glcssiers.tumblr.com"><span>code by <b>glcssiers</b></span><br><i class="ion-ios-game-controller-b-outline"></i></a></div>
  702.  
  703.  
  704.  
  705. <div id="container">
  706.  
  707. <div id="contcolor"></div><div id="contcolor2"></div>
  708. <div id="pagelabel">XXJ0KERXX’S CHARACTER ROASTER</div>
  709. <div id="pagetitle">mad house</div>
  710.  
  711. <!-- TAB LINKS -->
  712. <div class="tabz">
  713.  
  714. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzOne');"><img src="https://78.media.tumblr.com/2447beae09b88701b6569840b3e47209/tumblr_inline_p3ikxwZKAa1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  715.  
  716. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzTwo');"><img src="https://78.media.tumblr.com/d4f73de0d780822fe243953ac41c38f7/tumblr_inline_p3ikxyorSV1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  717.  
  718. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzThree');"><img src="https://78.media.tumblr.com/a766e8c9766eb0e3557fe00818f79663/tumblr_inline_p3ikxzAiKm1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  719.  
  720. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzFour');"><img src="https://78.media.tumblr.com/50733886ba0c87c8c8c1cc7ce0486655/tumblr_inline_p3ikxxBkpo1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  721.  
  722. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzFive');"><img src="https://78.media.tumblr.com/fbe416f81c2eba9c291e5c6322ea3722/tumblr_inline_p3ikxwdsWr1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  723.  
  724. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzSix');"><img src="https://78.media.tumblr.com/d618295399a6fb61cc501f9ea43b531c/tumblr_inline_p3iky1xpOj1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  725.  
  726. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzSeven');"><img src="https://78.media.tumblr.com/2447beae09b88701b6569840b3e47209/tumblr_inline_p3ikxwZKAa1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  727.  
  728. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzEight');"><img src="https://78.media.tumblr.com/d4f73de0d780822fe243953ac41c38f7/tumblr_inline_p3ikxyorSV1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  729.  
  730. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzNine');"><img src="https://78.media.tumblr.com/a766e8c9766eb0e3557fe00818f79663/tumblr_inline_p3ikxzAiKm1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  731.  
  732. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzTen');"><img src="https://78.media.tumblr.com/50733886ba0c87c8c8c1cc7ce0486655/tumblr_inline_p3ikxxBkpo1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  733.  
  734. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzEleven');"><img src="https://78.media.tumblr.com/fbe416f81c2eba9c291e5c6322ea3722/tumblr_inline_p3ikxwdsWr1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  735.  
  736. <a href="javascript:void(0)" class="tablink tabzact hvr-pop" onclick="openAlytut(event, 'TabzTwelve');"><img src="https://78.media.tumblr.com/d618295399a6fb61cc501f9ea43b531c/tumblr_inline_p3iky1xpOj1ucngpl_400.png"><h1>name.</h1><h2>20. faceclaim.</h2></a>
  737.  
  738.  
  739.  
  740.  
  741. </div>
  742.  
  743. <!-- TABS START -->
  744.  
  745. <!--------------------- TAB1 -------------------->
  746.  
  747.  
  748. <div id="TabzOne" class="tabzcon alytut" style="display:none">
  749. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  750.  
  751. <div class="profile">
  752.  
  753. <div id="subtext">age | occupation | status</div>
  754. <div id="name">character</div>
  755.  
  756. <div id="lilicons">
  757. <img src="https://78.media.tumblr.com/7d9971881b7f61116ce694e73bda10f9/tumblr_inline_p3il4uvkmn1ucngpl_400.png" class="hvr-bounce-in">
  758. <img src="https://78.media.tumblr.com/032ed2f75367f7bf52a87e5478e98a33/tumblr_inline_p3il4wURuT1ucngpl_400.png" class="hvr-bounce-in">
  759. <img src="https://78.media.tumblr.com/7d9971881b7f61116ce694e73bda10f9/tumblr_inline_p3il4uvkmn1ucngpl_400.png" class="hvr-bounce-in">
  760. </div>
  761.  
  762. <div id="minicon">
  763.  
  764. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  765.  
  766. <div id="stats">
  767.  
  768. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  769.  
  770. </div>
  771.  
  772. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  773.  
  774. <div id="statistics">
  775.  
  776. <!-- COPY + PASTE THIS TO ADD MORE -->
  777. <!-- START -->
  778. <p><y><img src="https://78.media.tumblr.com/7d9971881b7f61116ce694e73bda10f9/tumblr_inline_p3il4uvkmn1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  779.  
  780. <p><z><img src="https://78.media.tumblr.com/032ed2f75367f7bf52a87e5478e98a33/tumblr_inline_p3il4wURuT1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  781. <!-- END -->
  782.  
  783. </div>
  784.  
  785.  
  786.  
  787. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  788.  
  789. <div id="spotify">
  790.  
  791. <!-- COPY + PASTE THIS TO ADD MORE -->
  792. <!-- START -->
  793. <div id="song"><b>01.</b> song</div>
  794. <div id="artist">artist</div>
  795. <!-- END -->
  796.  
  797. </div>
  798.  
  799. </div><!-- END OF SPOTIFY -->
  800.  
  801. </div><!-- END OF MINICON -->
  802.  
  803. </div><!-- END OF TAB-->
  804.  
  805.  
  806. <!------------------ TAB1 END ------------------->
  807.  
  808.  
  809. <!--------------------- TAB2 -------------------->
  810.  
  811.  
  812.  
  813. <div id="TabzTwo" class="tabzcon alytut" style="display:none">
  814. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  815.  
  816. <div class="profile">
  817.  
  818. <div id="subtext">age | occupation | status</div>
  819. <div id="name">character</div>
  820.  
  821. <div id="lilicons">
  822. <img src="https://78.media.tumblr.com/3222996e6d6f0e191bfed335fcd0bfc3/tumblr_inline_p3il4jFbEb1ucngpl_400.png" class="hvr-bounce-in">
  823. <img src="https://78.media.tumblr.com/0c659ec5b884003f5c5e8c1bc7cb2df1/tumblr_inline_p3il55S4CB1ucngpl_400.png" class="hvr-bounce-in">
  824. <img src="https://78.media.tumblr.com/3222996e6d6f0e191bfed335fcd0bfc3/tumblr_inline_p3il4jFbEb1ucngpl_400.png" class="hvr-bounce-in">
  825. </div>
  826.  
  827. <div id="minicon">
  828.  
  829. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  830.  
  831. <div id="stats">
  832.  
  833. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  834.  
  835. </div>
  836.  
  837. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  838.  
  839. <div id="statistics">
  840.  
  841. <!-- COPY + PASTE THIS TO ADD MORE -->
  842. <!-- START -->
  843. <p><y><img src="https://78.media.tumblr.com/3222996e6d6f0e191bfed335fcd0bfc3/tumblr_inline_p3il4jFbEb1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  844.  
  845. <p><z><img src="https://78.media.tumblr.com/0c659ec5b884003f5c5e8c1bc7cb2df1/tumblr_inline_p3il55S4CB1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  846. <!-- END -->
  847.  
  848. </div>
  849.  
  850.  
  851.  
  852. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  853.  
  854. <div id="spotify">
  855.  
  856. <!-- COPY + PASTE THIS TO ADD MORE -->
  857. <!-- START -->
  858. <div id="song"><b>01.</b> song</div>
  859. <div id="artist">artist</div>
  860. <!-- END -->
  861.  
  862. </div>
  863.  
  864. </div><!-- END OF SPOTIFY -->
  865.  
  866. </div><!-- END OF MINICON -->
  867.  
  868. </div><!-- END OF TAB-->
  869.  
  870. <!------------------ TAB2 END ------------------->
  871.  
  872.  
  873. <!--------------------- TAB3 -------------------->
  874.  
  875.  
  876. <div id="TabzThree" class="tabzcon alytut" style="display:none">
  877. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  878.  
  879.  
  880. <div class="profile">
  881.  
  882. <div id="subtext">age | occupation | status</div>
  883. <div id="name">character</div>
  884.  
  885. <div id="lilicons">
  886. <img src="https://78.media.tumblr.com/518dfd46a085ed08ebed37bf209a836d/tumblr_inline_p3il50F8Dy1ucngpl_400.png" class="hvr-bounce-in">
  887. <img src="https://78.media.tumblr.com/52c2be7fd1747cc56bc5133ae6d60407/tumblr_inline_p3il51aW0u1ucngpl_400.png" class="hvr-bounce-in">
  888. <img src="https://78.media.tumblr.com/518dfd46a085ed08ebed37bf209a836d/tumblr_inline_p3il50F8Dy1ucngpl_400.png" class="hvr-bounce-in">
  889. </div>
  890.  
  891. <div id="minicon">
  892.  
  893. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  894.  
  895. <div id="stats">
  896.  
  897. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  898.  
  899. </div>
  900.  
  901. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  902.  
  903. <div id="statistics">
  904.  
  905. <!-- COPY + PASTE THIS TO ADD MORE -->
  906. <!-- START -->
  907. <p><y><img src="https://78.media.tumblr.com/518dfd46a085ed08ebed37bf209a836d/tumblr_inline_p3il50F8Dy1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  908.  
  909. <p><z><img src="https://78.media.tumblr.com/52c2be7fd1747cc56bc5133ae6d60407/tumblr_inline_p3il51aW0u1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  910. <!-- END -->
  911.  
  912. </div>
  913.  
  914.  
  915.  
  916. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  917.  
  918. <div id="spotify">
  919.  
  920. <!-- COPY + PASTE THIS TO ADD MORE -->
  921. <!-- START -->
  922. <div id="song"><b>01.</b> song</div>
  923. <div id="artist">artist</div>
  924. <!-- END -->
  925.  
  926. </div>
  927.  
  928. </div><!-- END OF SPOTIFY -->
  929.  
  930. </div><!-- END OF MINICON -->
  931.  
  932. </div><!-- END OF TAB-->
  933.  
  934.  
  935.  
  936. <!------------------ TAB3 END ------------------->
  937.  
  938.  
  939. <!--------------------- TAB4 -------------------->
  940.  
  941.  
  942. <div id="TabzFour" class="tabzcon alytut" style="display:none">
  943. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  944.  
  945. <div class="profile">
  946.  
  947. <div id="subtext">age | occupation | status</div>
  948. <div id="name">character</div>
  949.  
  950. <div id="lilicons">
  951. <img src="https://78.media.tumblr.com/f28e8ca8a648c0d54e4a348de9650d7c/tumblr_inline_p3il4pCJ9q1ucngpl_400.png" class="hvr-bounce-in">
  952. <img src="https://78.media.tumblr.com/c1797039712542f4d73eccdf0777ffb0/tumblr_inline_p3il5aIhze1ucngpl_400.png" class="hvr-bounce-in">
  953. <img src="https://78.media.tumblr.com/f28e8ca8a648c0d54e4a348de9650d7c/tumblr_inline_p3il4pCJ9q1ucngpl_400.png" class="hvr-bounce-in">
  954. </div>
  955.  
  956. <div id="minicon">
  957.  
  958. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  959.  
  960. <div id="stats">
  961.  
  962. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  963.  
  964. </div>
  965.  
  966. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  967.  
  968. <div id="statistics">
  969.  
  970. <!-- COPY + PASTE THIS TO ADD MORE -->
  971. <!-- START -->
  972. <p><y><img src="https://78.media.tumblr.com/f28e8ca8a648c0d54e4a348de9650d7c/tumblr_inline_p3il4pCJ9q1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  973.  
  974. <p><z><img src="https://78.media.tumblr.com/c1797039712542f4d73eccdf0777ffb0/tumblr_inline_p3il5aIhze1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  975. <!-- END -->
  976.  
  977. </div>
  978.  
  979.  
  980.  
  981. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  982.  
  983. <div id="spotify">
  984.  
  985. <!-- COPY + PASTE THIS TO ADD MORE -->
  986. <!-- START -->
  987. <div id="song"><b>01.</b> song</div>
  988. <div id="artist">artist</div>
  989. <!-- END -->
  990.  
  991. </div>
  992.  
  993. </div><!-- END OF SPOTIFY -->
  994.  
  995. </div><!-- END OF MINICON -->
  996.  
  997. </div><!-- END OF TAB-->
  998.  
  999.  
  1000. <!------------------ TAB4 END ------------------->
  1001.  
  1002.  
  1003. <!--------------------- TAB5 -------------------->
  1004.  
  1005.  
  1006. <div id="TabzFive" class="tabzcon alytut" style="display:none">
  1007. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  1008.  
  1009. <div class="profile">
  1010.  
  1011. <div id="subtext">age | occupation | status</div>
  1012. <div id="name">character</div>
  1013.  
  1014. <div id="lilicons">
  1015. <img src="https://78.media.tumblr.com/5bd4ed35cd91e57ee947b3d7bc98fa4b/tumblr_inline_p3il5ytNyZ1ucngpl_400.png" class="hvr-bounce-in">
  1016. <img src="https://78.media.tumblr.com/4f80c241240d2212a5a463141730e729/tumblr_inline_p3il61FPRy1ucngpl_400.png" class="hvr-bounce-in">
  1017. <img src="https://78.media.tumblr.com/5bd4ed35cd91e57ee947b3d7bc98fa4b/tumblr_inline_p3il5ytNyZ1ucngpl_400.png" class="hvr-bounce-in">
  1018. </div>
  1019.  
  1020. <div id="minicon">
  1021.  
  1022. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  1023.  
  1024. <div id="stats">
  1025.  
  1026. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  1027.  
  1028. </div>
  1029.  
  1030. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  1031.  
  1032. <div id="statistics">
  1033.  
  1034. <!-- COPY + PASTE THIS TO ADD MORE -->
  1035. <!-- START -->
  1036. <p><y><img src="https://78.media.tumblr.com/5bd4ed35cd91e57ee947b3d7bc98fa4b/tumblr_inline_p3il5ytNyZ1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1037.  
  1038. <p><z><img src="https://78.media.tumblr.com/4f80c241240d2212a5a463141730e729/tumblr_inline_p3il61FPRy1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1039. <!-- END -->
  1040.  
  1041. </div>
  1042.  
  1043.  
  1044.  
  1045. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  1046.  
  1047. <div id="spotify">
  1048.  
  1049. <!-- COPY + PASTE THIS TO ADD MORE -->
  1050. <!-- START -->
  1051. <div id="song"><b>01.</b> song</div>
  1052. <div id="artist">artist</div>
  1053. <!-- END -->
  1054.  
  1055. </div>
  1056.  
  1057. </div><!-- END OF SPOTIFY -->
  1058.  
  1059. </div><!-- END OF MINICON -->
  1060.  
  1061. </div><!-- END OF TAB-->
  1062.  
  1063.  
  1064. <!------------------ TAB5 END ------------------->
  1065.  
  1066.  
  1067. <!--------------------- TAB6 -------------------->
  1068.  
  1069.  
  1070. <div id="TabzSix" class="tabzcon alytut" style="display:none">
  1071. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  1072.  
  1073. <div class="profile">
  1074.  
  1075. <div id="subtext">age | occupation | status</div>
  1076. <div id="name">character</div>
  1077.  
  1078. <div id="lilicons">
  1079. <img src="https://78.media.tumblr.com/67797e2a767f4242cce182390cbc978e/tumblr_inline_p3il64YA361ucngpl_400.png" class="hvr-bounce-in">
  1080. <img src="https://78.media.tumblr.com/b9631b0e0055053df295e3b0a06e2ceb/tumblr_inline_p3il57mdye1ucngpl_400.png" class="hvr-bounce-in">
  1081. <img src="https://78.media.tumblr.com/67797e2a767f4242cce182390cbc978e/tumblr_inline_p3il64YA361ucngpl_400.png" class="hvr-bounce-in">
  1082. </div>
  1083.  
  1084. <div id="minicon">
  1085.  
  1086. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  1087.  
  1088. <div id="stats">
  1089.  
  1090. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  1091.  
  1092. </div>
  1093.  
  1094. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  1095.  
  1096. <div id="statistics">
  1097.  
  1098. <!-- COPY + PASTE THIS TO ADD MORE -->
  1099. <!-- START -->
  1100. <p><y><img src="https://78.media.tumblr.com/67797e2a767f4242cce182390cbc978e/tumblr_inline_p3il64YA361ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1101.  
  1102. <p><z><img src="https://78.media.tumblr.com/b9631b0e0055053df295e3b0a06e2ceb/tumblr_inline_p3il57mdye1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1103. <!-- END -->
  1104.  
  1105. </div>
  1106.  
  1107.  
  1108.  
  1109. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  1110.  
  1111. <div id="spotify">
  1112.  
  1113. <!-- COPY + PASTE THIS TO ADD MORE -->
  1114. <!-- START -->
  1115. <div id="song"><b>01.</b> song</div>
  1116. <div id="artist">artist</div>
  1117. <!-- END -->
  1118.  
  1119. </div>
  1120.  
  1121. </div><!-- END OF SPOTIFY -->
  1122.  
  1123. </div><!-- END OF MINICON -->
  1124.  
  1125. </div><!-- END OF TAB-->
  1126.  
  1127.  
  1128. <!------------------ TAB6 END ------------------->
  1129.  
  1130.  
  1131.  
  1132.  
  1133. <!--------------------- TAB7 -------------------->
  1134.  
  1135.  
  1136. <div id="TabzSeven" class="tabzcon alytut" style="display:none">
  1137. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  1138.  
  1139. <div class="profile">
  1140.  
  1141. <div id="subtext">age | occupation | status</div>
  1142. <div id="name">character</div>
  1143.  
  1144. <div id="lilicons">
  1145. <img src="https://78.media.tumblr.com/7d9971881b7f61116ce694e73bda10f9/tumblr_inline_p3il4uvkmn1ucngpl_400.png" class="hvr-bounce-in">
  1146. <img src="https://78.media.tumblr.com/032ed2f75367f7bf52a87e5478e98a33/tumblr_inline_p3il4wURuT1ucngpl_400.png" class="hvr-bounce-in">
  1147. <img src="https://78.media.tumblr.com/7d9971881b7f61116ce694e73bda10f9/tumblr_inline_p3il4uvkmn1ucngpl_400.png" class="hvr-bounce-in">
  1148. </div>
  1149.  
  1150. <div id="minicon">
  1151.  
  1152. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  1153.  
  1154. <div id="stats">
  1155.  
  1156. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  1157.  
  1158. </div>
  1159.  
  1160. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  1161.  
  1162. <div id="statistics">
  1163.  
  1164. <!-- COPY + PASTE THIS TO ADD MORE -->
  1165. <!-- START -->
  1166. <p><y><img src="https://78.media.tumblr.com/7d9971881b7f61116ce694e73bda10f9/tumblr_inline_p3il4uvkmn1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1167.  
  1168. <p><z><img src="https://78.media.tumblr.com/032ed2f75367f7bf52a87e5478e98a33/tumblr_inline_p3il4wURuT1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1169. <!-- END -->
  1170.  
  1171. </div>
  1172.  
  1173.  
  1174.  
  1175. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  1176.  
  1177. <div id="spotify">
  1178.  
  1179. <!-- COPY + PASTE THIS TO ADD MORE -->
  1180. <!-- START -->
  1181. <div id="song"><b>01.</b> song</div>
  1182. <div id="artist">artist</div>
  1183. <!-- END -->
  1184.  
  1185. </div>
  1186.  
  1187. </div><!-- END OF SPOTIFY -->
  1188.  
  1189. </div><!-- END OF MINICON -->
  1190.  
  1191. </div><!-- END OF TAB-->
  1192.  
  1193.  
  1194. <!------------------ TAB7 END ------------------->
  1195.  
  1196.  
  1197. <!--------------------- TAB8 -------------------->
  1198.  
  1199.  
  1200.  
  1201. <div id="TabzEight" class="tabzcon alytut" style="display:none">
  1202. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  1203.  
  1204. <div class="profile">
  1205.  
  1206. <div id="subtext">age | occupation | status</div>
  1207. <div id="name">character</div>
  1208.  
  1209. <div id="lilicons">
  1210. <img src="https://78.media.tumblr.com/3222996e6d6f0e191bfed335fcd0bfc3/tumblr_inline_p3il4jFbEb1ucngpl_400.png" class="hvr-bounce-in">
  1211. <img src="https://78.media.tumblr.com/0c659ec5b884003f5c5e8c1bc7cb2df1/tumblr_inline_p3il55S4CB1ucngpl_400.png" class="hvr-bounce-in">
  1212. <img src="https://78.media.tumblr.com/3222996e6d6f0e191bfed335fcd0bfc3/tumblr_inline_p3il4jFbEb1ucngpl_400.png" class="hvr-bounce-in">
  1213. </div>
  1214.  
  1215. <div id="minicon">
  1216.  
  1217. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  1218.  
  1219. <div id="stats">
  1220.  
  1221. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  1222.  
  1223. </div>
  1224.  
  1225. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  1226.  
  1227. <div id="statistics">
  1228.  
  1229. <!-- COPY + PASTE THIS TO ADD MORE -->
  1230. <!-- START -->
  1231. <p><y><img src="https://78.media.tumblr.com/3222996e6d6f0e191bfed335fcd0bfc3/tumblr_inline_p3il4jFbEb1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1232.  
  1233. <p><z><img src="https://78.media.tumblr.com/0c659ec5b884003f5c5e8c1bc7cb2df1/tumblr_inline_p3il55S4CB1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1234. <!-- END -->
  1235.  
  1236. </div>
  1237.  
  1238.  
  1239.  
  1240. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  1241.  
  1242. <div id="spotify">
  1243.  
  1244. <!-- COPY + PASTE THIS TO ADD MORE -->
  1245. <!-- START -->
  1246. <div id="song"><b>01.</b> song</div>
  1247. <div id="artist">artist</div>
  1248. <!-- END -->
  1249.  
  1250. </div>
  1251.  
  1252. </div><!-- END OF SPOTIFY -->
  1253.  
  1254. </div><!-- END OF MINICON -->
  1255.  
  1256. </div><!-- END OF TAB-->
  1257.  
  1258. <!------------------ TAB8 END ------------------->
  1259.  
  1260.  
  1261. <!--------------------- TAB9 -------------------->
  1262.  
  1263.  
  1264. <div id="TabzNine" class="tabzcon alytut" style="display:none">
  1265. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  1266.  
  1267.  
  1268. <div class="profile">
  1269.  
  1270. <div id="subtext">age | occupation | status</div>
  1271. <div id="name">character</div>
  1272.  
  1273. <div id="lilicons">
  1274. <img src="https://78.media.tumblr.com/518dfd46a085ed08ebed37bf209a836d/tumblr_inline_p3il50F8Dy1ucngpl_400.png" class="hvr-bounce-in">
  1275. <img src="https://78.media.tumblr.com/52c2be7fd1747cc56bc5133ae6d60407/tumblr_inline_p3il51aW0u1ucngpl_400.png" class="hvr-bounce-in">
  1276. <img src="https://78.media.tumblr.com/518dfd46a085ed08ebed37bf209a836d/tumblr_inline_p3il50F8Dy1ucngpl_400.png" class="hvr-bounce-in">
  1277. </div>
  1278.  
  1279. <div id="minicon">
  1280.  
  1281. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  1282.  
  1283. <div id="stats">
  1284.  
  1285. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  1286.  
  1287. </div>
  1288.  
  1289. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  1290.  
  1291. <div id="statistics">
  1292.  
  1293. <!-- COPY + PASTE THIS TO ADD MORE -->
  1294. <!-- START -->
  1295. <p><y><img src="https://78.media.tumblr.com/518dfd46a085ed08ebed37bf209a836d/tumblr_inline_p3il50F8Dy1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1296.  
  1297. <p><z><img src="https://78.media.tumblr.com/52c2be7fd1747cc56bc5133ae6d60407/tumblr_inline_p3il51aW0u1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1298. <!-- END -->
  1299.  
  1300. </div>
  1301.  
  1302.  
  1303.  
  1304. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  1305.  
  1306. <div id="spotify">
  1307.  
  1308. <!-- COPY + PASTE THIS TO ADD MORE -->
  1309. <!-- START -->
  1310. <div id="song"><b>01.</b> song</div>
  1311. <div id="artist">artist</div>
  1312. <!-- END -->
  1313.  
  1314. </div>
  1315.  
  1316. </div><!-- END OF SPOTIFY -->
  1317.  
  1318. </div><!-- END OF MINICON -->
  1319.  
  1320. </div><!-- END OF TAB-->
  1321.  
  1322.  
  1323.  
  1324. <!------------------ TAB9 END ------------------->
  1325.  
  1326.  
  1327. <!--------------------- TAB10 -------------------->
  1328.  
  1329.  
  1330. <div id="TabzTen" class="tabzcon alytut" style="display:none">
  1331. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  1332.  
  1333. <div class="profile">
  1334.  
  1335. <div id="subtext">age | occupation | status</div>
  1336. <div id="name">character</div>
  1337.  
  1338. <div id="lilicons">
  1339. <img src="https://78.media.tumblr.com/f28e8ca8a648c0d54e4a348de9650d7c/tumblr_inline_p3il4pCJ9q1ucngpl_400.png" class="hvr-bounce-in">
  1340. <img src="https://78.media.tumblr.com/c1797039712542f4d73eccdf0777ffb0/tumblr_inline_p3il5aIhze1ucngpl_400.png" class="hvr-bounce-in">
  1341. <img src="https://78.media.tumblr.com/f28e8ca8a648c0d54e4a348de9650d7c/tumblr_inline_p3il4pCJ9q1ucngpl_400.png" class="hvr-bounce-in">
  1342. </div>
  1343.  
  1344. <div id="minicon">
  1345.  
  1346. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  1347.  
  1348. <div id="stats">
  1349.  
  1350. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  1351.  
  1352. </div>
  1353.  
  1354. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  1355.  
  1356. <div id="statistics">
  1357.  
  1358. <!-- COPY + PASTE THIS TO ADD MORE -->
  1359. <!-- START -->
  1360. <p><y><img src="https://78.media.tumblr.com/f28e8ca8a648c0d54e4a348de9650d7c/tumblr_inline_p3il4pCJ9q1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1361.  
  1362. <p><z><img src="https://78.media.tumblr.com/c1797039712542f4d73eccdf0777ffb0/tumblr_inline_p3il5aIhze1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1363. <!-- END -->
  1364.  
  1365. </div>
  1366.  
  1367.  
  1368.  
  1369. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  1370.  
  1371. <div id="spotify">
  1372.  
  1373. <!-- COPY + PASTE THIS TO ADD MORE -->
  1374. <!-- START -->
  1375. <div id="song"><b>01.</b> song</div>
  1376. <div id="artist">artist</div>
  1377. <!-- END -->
  1378.  
  1379. </div>
  1380.  
  1381. </div><!-- END OF SPOTIFY -->
  1382.  
  1383. </div><!-- END OF MINICON -->
  1384.  
  1385. </div><!-- END OF TAB-->
  1386.  
  1387.  
  1388. <!------------------ TAB10 END ------------------->
  1389.  
  1390.  
  1391. <!--------------------- TAB11 -------------------->
  1392.  
  1393.  
  1394. <div id="TabzEleven" class="tabzcon alytut" style="display:none">
  1395. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  1396.  
  1397. <div class="profile">
  1398.  
  1399. <div id="subtext">age | occupation | status</div>
  1400. <div id="name">character</div>
  1401.  
  1402. <div id="lilicons">
  1403. <img src="https://78.media.tumblr.com/5bd4ed35cd91e57ee947b3d7bc98fa4b/tumblr_inline_p3il5ytNyZ1ucngpl_400.png" class="hvr-bounce-in">
  1404. <img src="https://78.media.tumblr.com/4f80c241240d2212a5a463141730e729/tumblr_inline_p3il61FPRy1ucngpl_400.png" class="hvr-bounce-in">
  1405. <img src="https://78.media.tumblr.com/5bd4ed35cd91e57ee947b3d7bc98fa4b/tumblr_inline_p3il5ytNyZ1ucngpl_400.png" class="hvr-bounce-in">
  1406. </div>
  1407.  
  1408. <div id="minicon">
  1409.  
  1410. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  1411.  
  1412. <div id="stats">
  1413.  
  1414. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  1415.  
  1416. </div>
  1417.  
  1418. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  1419.  
  1420. <div id="statistics">
  1421.  
  1422. <!-- COPY + PASTE THIS TO ADD MORE -->
  1423. <!-- START -->
  1424. <p><y><img src="https://78.media.tumblr.com/5bd4ed35cd91e57ee947b3d7bc98fa4b/tumblr_inline_p3il5ytNyZ1ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1425.  
  1426. <p><z><img src="https://78.media.tumblr.com/4f80c241240d2212a5a463141730e729/tumblr_inline_p3il61FPRy1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1427. <!-- END -->
  1428.  
  1429. </div>
  1430.  
  1431.  
  1432.  
  1433. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  1434.  
  1435. <div id="spotify">
  1436.  
  1437. <!-- COPY + PASTE THIS TO ADD MORE -->
  1438. <!-- START -->
  1439. <div id="song"><b>01.</b> song</div>
  1440. <div id="artist">artist</div>
  1441. <!-- END -->
  1442.  
  1443. </div>
  1444.  
  1445. </div><!-- END OF SPOTIFY -->
  1446.  
  1447. </div><!-- END OF MINICON -->
  1448.  
  1449. </div><!-- END OF TAB-->
  1450.  
  1451.  
  1452. <!------------------ TAB11 END ------------------->
  1453.  
  1454.  
  1455. <!--------------------- TAB12 -------------------->
  1456.  
  1457.  
  1458. <div id="TabzTwelve" class="tabzcon alytut" style="display:none">
  1459. <span onclick="this.parentElement.style.display='none'" class="tabzclose">x</span>
  1460.  
  1461. <div class="profile">
  1462.  
  1463. <div id="subtext">age | occupation | status</div>
  1464. <div id="name">character</div>
  1465.  
  1466. <div id="lilicons">
  1467. <img src="https://78.media.tumblr.com/67797e2a767f4242cce182390cbc978e/tumblr_inline_p3il64YA361ucngpl_400.png" class="hvr-bounce-in">
  1468. <img src="https://78.media.tumblr.com/b9631b0e0055053df295e3b0a06e2ceb/tumblr_inline_p3il57mdye1ucngpl_400.png" class="hvr-bounce-in">
  1469. <img src="https://78.media.tumblr.com/67797e2a767f4242cce182390cbc978e/tumblr_inline_p3il64YA361ucngpl_400.png" class="hvr-bounce-in">
  1470. </div>
  1471.  
  1472. <div id="minicon">
  1473.  
  1474. <div id="statstitle"><i class="ion-android-options ic"></i> history</div>
  1475.  
  1476. <div id="stats">
  1477.  
  1478. lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum
  1479.  
  1480. </div>
  1481.  
  1482. <div id="statisticstitle"><i class="ion-android-contacts ic"></i> statistics</div>
  1483.  
  1484. <div id="statistics">
  1485.  
  1486. <!-- COPY + PASTE THIS TO ADD MORE -->
  1487. <!-- START -->
  1488. <p><y><img src="https://78.media.tumblr.com/67797e2a767f4242cce182390cbc978e/tumblr_inline_p3il64YA361ucngpl_400.png"></y> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1489.  
  1490. <p><z><img src="https://78.media.tumblr.com/b9631b0e0055053df295e3b0a06e2ceb/tumblr_inline_p3il57mdye1ucngpl_400.png"></z> <b>name:</b> lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum lorem ipsum </p>
  1491. <!-- END -->
  1492.  
  1493. </div>
  1494.  
  1495.  
  1496.  
  1497. <div id="spotifytitle"><i class="ion-ios-musical-notes ic"></i> fun facts</div>
  1498.  
  1499. <div id="spotify">
  1500.  
  1501. <!-- COPY + PASTE THIS TO ADD MORE -->
  1502. <!-- START -->
  1503. <div id="song"><b>01.</b> song</div>
  1504. <div id="artist">artist</div>
  1505. <!-- END -->
  1506.  
  1507. </div>
  1508.  
  1509. </div><!-- END OF SPOTIFY -->
  1510.  
  1511. </div><!-- END OF MINICON -->
  1512.  
  1513. </div><!-- END OF TAB-->
  1514.  
  1515.  
  1516. <!------------------ TAB12 END ------------------->
  1517.  
  1518.  
  1519.  
  1520.  
  1521.  
  1522.  
  1523.  
  1524.  
  1525.  
  1526. <!-- TABS END -->
  1527.  
  1528. </div>
  1529.  
  1530. <!-- TABS SCRIPT -->
  1531.  
  1532. <script>
  1533. function openAlytut(evt, alytutName) {
  1534. var i, x, tablinks;
  1535. x = document.getElementsByClassName("alytut");
  1536. for (i = 0; i < x.length; i++) {
  1537. x[i].style.display = "none";
  1538. }
  1539. tablinks = document.getElementsByClassName("tablink");
  1540. for (i = 0; i < x.length; i++) {
  1541. tablinks[i].className = tablinks[i].className.replace(" tabzact", "");
  1542. }
  1543. document.getElementById(alytutName).style.display = "block";
  1544. evt.currentTarget.className += " tabzact";
  1545. }
  1546. </script>
  1547.  
  1548. </body>
  1549.  
  1550. </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!