API tools faq
paste
Advertisement
Guest User

link page

a guest
Dec 20th, 2014
154
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 53.07 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400' rel='stylesheet' type='text/css'>
  6.  
  7. <!--
  8.  
  9. CHERI TAGS LIST PAGE THEME BY COCORINI (http://www.cocorini.com).
  10. PLEASE DON'T REMOVE THE CREDITS. THANK YOU!
  11.  
  12. PATTERNS: http://www.cocorini.com / http://www.subtlepatterns.com
  13. IMAGES: Shinzi Katoh designs
  14.  
  15. -->
  16.  
  17. <style type="text/css">
  18.  
  19. @font-face {font-family: "tinytots";src: url('https://dl.dropboxusercontent.com/s/68bdyrv4fsayhg8/04B_03__.TTF');}
  20.  
  21. /* BACKGROUND */
  22.  
  23. body {
  24. background-image: url('https://31.media.tumblr.com/9e2bc2fa8fa8a2fb86ba49aff2c59bac/tumblr_inline_ng30p1b7L71rnjuep.png');
  25. background-attachment: fixed;
  26. }
  27.  
  28. ::-webkit-scrollbar-thumb:vertical {
  29. background-color: #eed7bd;
  30. height: auto;
  31. }
  32.  
  33. ::-webkit-scrollbar-thumb:horizontal {
  34. background-color: #eed7bd;
  35. height: auto;
  36. }
  37.  
  38. ::-webkit-scrollbar {
  39. height: 3px;
  40. width: 3px;
  41. background-color: #fff;
  42. }
  43.  
  44. #bgimage {
  45. position: fixed;
  46. bottom: 0px;
  47. right: 0px;
  48. }
  49.  
  50. /* BACKGROUND LINKS */
  51.  
  52. a {
  53. color: #e4b49f;
  54. text-decoration: none;
  55. }
  56.  
  57. /* HIGHLIGHT TEXT */
  58.  
  59. ::selection {
  60. background: #e6f4ef;
  61. color: #95aaa3;
  62. }
  63.  
  64. ::-moz-selection {
  65. background: #e6f4ef;
  66. color: #95aaa3;
  67. }
  68.  
  69. p::selection {
  70. background: #e6f4ef;
  71. color: #95aaa3;
  72. }
  73.  
  74. p::-moz-selection {
  75. background: #e6f4ef;
  76. color: #95aaa3;
  77. }
  78.  
  79. /* MAIN CONTENT */
  80.  
  81. #placeholder {
  82. margin-top: 70px;
  83. }
  84.  
  85. #content { /* This is the main box */
  86. width: 580px;
  87. height: 395px;
  88. position: relative;
  89. background-color: #fff;
  90. padding: 5px;
  91. box-shadow: 0px 0px 5px 1px #ddd;
  92. }
  93.  
  94. .stepcarousel { /* This is the sliding function */
  95. position: relative;
  96. background: #fff;
  97. border: 1px solid #eee;
  98. width: 570px;
  99. height: 383px;
  100. margin-top: 5px;
  101. }
  102.  
  103. .stepcarousel .belt { /* This is the sliding function */
  104. position: absolute;
  105. left: 0px;
  106. top: 0px;
  107. }
  108.  
  109. .stepcarousel .panel { /* This is the sliding function */
  110. width: 570px;
  111. }
  112.  
  113. /* MAIN CONTENT - LEFT SIDE */
  114.  
  115. .stepcarousel .panel .info1 {
  116. position: absolute;
  117. width: 263px;
  118. padding: 10px;
  119. height: 363px;
  120. text-align: center;
  121. background-color: #fff;
  122. transition: 0.5s ease;
  123. -o-transition: 0.5s ease;
  124. -moz-transition: 0.5s ease;
  125. -webkit-transition: 0.5s ease;
  126. }
  127.  
  128. /* There are 3 styles of the left side design in which it has different colours - every 3 slides it repeats the order */
  129.  
  130. /* MAIN CONTENT (LEFT SIDE -- STYLE 1) */
  131.  
  132. #info1a { /* This is the top half of the left side */
  133. margin: -10px 0 0 -10px;
  134. width: 263px;
  135. padding: 10px;
  136. height: 363px;
  137. text-align: center;
  138. border-right: 1px dashed #ddd;
  139. background-image: url('https://31.media.tumblr.com/5a3103833b482d67ce40f779bbeacb0b/tumblr_inline_ng27qiBVZx1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  140. }
  141.  
  142. #info1a img { /* This is the icon image */
  143. border-radius: 100px;
  144. border: 10px solid #fff;
  145. box-shadow: 0px 0px 3px 1px #c6e6db;
  146. margin: 60px 0 20px -10px;
  147. max-width: 100px;
  148. }
  149.  
  150. #info1b { /* This is the bottom half of the left side */
  151. margin-top: 10px;
  152. margin-left: -10px;
  153. text-align: center;
  154. font-family: 'Josefin Sans', sans-serif;
  155. font-size: 16px;
  156. letter-spacing: 10px;
  157. text-transform: uppercase;
  158. line-height: 32px;
  159. color: #8eb3a7;
  160. background-color: #fff;
  161. width: 283px;
  162. height: 142px;
  163. padding-top: 20px;
  164. border-top: 1px dashed #ddd;
  165. border-right: 1px dashed #ddd;
  166. background-image: url('https://31.media.tumblr.com/9eb738b63d13b3a841ea1d4aafafd78c/tumblr_inline_ng27w7muEO1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  167. }
  168.  
  169. /* MAIN CONTENT (LEFT SIDE -- STYLE 2) */
  170.  
  171. #info1c { /* This is the top half of the left side */
  172. margin: -10px 0 0 -10px;
  173. width: 263px;
  174. padding: 10px;
  175. height: 363px;
  176. text-align: center;
  177. border-right: 1px dashed #ddd;
  178. background-image: url('https://31.media.tumblr.com/199e5344b209e1798b73cc0d3c470525/tumblr_inline_ng2ik8e4yi1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  179. }
  180.  
  181. #info1c img { /* This is the icon image */
  182. border-radius: 100px;
  183. border: 10px solid #fff;
  184. box-shadow: 0px 0px 3px 1px #fad7d7;
  185. margin: 60px 0 20px -10px;
  186. max-width: 100px;
  187. }
  188.  
  189. #info1d { /* This is the bottom half of the left side */
  190. margin-top: 10px;
  191. margin-left: -10px;
  192. text-align: center;
  193. font-family: 'Josefin Sans', sans-serif;
  194. font-size: 16px;
  195. letter-spacing: 10px;
  196. text-transform: uppercase;
  197. line-height: 32px;
  198. color: #e497a6;
  199. background-color: #fff;
  200. width: 283px;
  201. height: 142px;
  202. padding-top: 20px;
  203. border-top: 1px dashed #ddd;
  204. border-right: 1px dashed #ddd;
  205. background-image: url('https://31.media.tumblr.com/c6400e59282529850ff397e1210197b0/tumblr_inline_ng2i6v0ql51rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  206. }
  207.  
  208. /* MAIN CONTENT (LEFT SIDE -- STYLE 3) */
  209.  
  210. #info1e { /* This is the top half of the left side */
  211. margin: -10px 0 0 -10px;
  212. width: 263px;
  213. padding: 10px;
  214. height: 363px;
  215. text-align: center;
  216. border-right: 1px dashed #ddd;
  217. background-image: url('https://31.media.tumblr.com/2d929d1a1a5f125116e8e6171cd57854/tumblr_inline_ng2j82VfBy1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  218. }
  219.  
  220. #info1e img { /* This is the icon image */
  221. border-radius: 100px;
  222. border: 10px solid #fff;
  223. box-shadow: 0px 0px 3px 1px #f7e1cb;
  224. margin: 60px 0 20px -10px;
  225. max-width: 100px;
  226. }
  227.  
  228. #info1f { /* This is the bottom half of the left side */
  229. margin-top: 10px;
  230. margin-left: -10px;
  231. text-align: center;
  232. font-family: 'Josefin Sans', sans-serif;
  233. font-size: 16px;
  234. letter-spacing: 10px;
  235. text-transform: uppercase;
  236. line-height: 32px;
  237. color: #d3aa74;
  238. background-color: #fff;
  239. width: 283px;
  240. height: 142px;
  241. padding-top: 20px;
  242. background-image: url('https://31.media.tumblr.com/934f76a97a64aa4ac31ba94b8f99c8ed/tumblr_inline_ng2j6vYbja1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  243. border-top: 1px dashed #ddd;
  244. border-right: 1px dashed #ddd;
  245. }
  246.  
  247.  
  248.  
  249.  
  250. /* MAIN CONTENT - RIGHT SIDE (Tags) */
  251.  
  252. .stepcarousel .panel .info2 {
  253. position: absolute;
  254. margin-left: 284px;
  255. width: 286px;
  256. height: 383px;
  257. background-color: #fff;
  258. transition: 0.5s ease;
  259. -o-transition: 0.5s ease;
  260. -moz-transition: 0.5s ease;
  261. -webkit-transition: 0.5s ease;
  262. }
  263.  
  264. /* There are 3 styles of the right side design in which it has different colours - every 3 slides it repeats the order */
  265.  
  266. /* MAIN CONTENT (RIGHT SIDE -- STYLE 1) */
  267.  
  268. #info2a {
  269. background-image: url('https://31.media.tumblr.com/890a91b32a10c95927633b8791eecc04/tumblr_inline_ng2kvorT0K1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  270. width: 246px;
  271. padding: 20px;
  272. height: 343px;
  273. text-align: left;
  274. background-color: #fff;
  275. overflow: auto;
  276. }
  277.  
  278. #info2a a { /* This is the tags links */
  279. display: inline-block;
  280. font-family: 'Josefin Sans', sans-serif;
  281. text-transform: uppercase;
  282. font-size: 10px;
  283. text-decoration: none;
  284. color: #e6bcd4;
  285. line-height: 20px;
  286. background-color: #f1faf7;
  287. padding: 5px 10px 5px 10px;
  288. margin-bottom: 5px;
  289. color: #7f9d93;
  290. letter-spacing: 1px;
  291. width: 190px;
  292. }
  293.  
  294. #info2a a:hover {
  295. text-decoration: none;
  296. color: #79aa84;
  297. background-color: #ecf9ef;
  298. }
  299.  
  300. span.info2a { /* This is the symbol before the tags links */
  301. background-color: #ebfbe9;
  302. color: #9bdcbe;
  303. padding: 5px 0 10px 1px;
  304. font-size: 13px;
  305. }
  306.  
  307. /* MAIN CONTENT (RIGHT SIDE -- STYLE 2) */
  308.  
  309. #info2b {
  310. background-image: url('https://31.media.tumblr.com/890a91b32a10c95927633b8791eecc04/tumblr_inline_ng2kvorT0K1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  311. width: 246px;
  312. padding: 20px;
  313. height: 343px;
  314. text-align: left;
  315. background-color: #fff;
  316. overflow: auto;
  317. }
  318.  
  319. #info2b a { /* This is the tags links */
  320. display: inline-block;
  321. font-family: 'Josefin Sans', sans-serif;
  322. text-transform: uppercase;
  323. font-size: 10px;
  324. text-decoration: none;
  325. color: #e6bcd4;
  326. line-height: 20px;
  327. background-color: #feefef;
  328. padding: 5px 10px 5px 10px;
  329. margin-bottom: 5px;
  330. color: #d98081;
  331. letter-spacing: 1px;
  332. width: 190px;
  333. }
  334.  
  335. #info2b a:hover {
  336. text-decoration: none;
  337. color: #c3618d;
  338. background-color: #f9eef3;
  339. }
  340.  
  341. span.info2b { /* This is the symbol before the tags links */
  342. background-color: #fadce3;
  343. color: #fb97ae;
  344. padding: 5px 0 10px 1px;
  345. font-size: 13px;
  346. }
  347.  
  348. /* MAIN CONTENT (RIGHT SIDE -- STYLE 3) */
  349.  
  350. #info2c {
  351. background-image: url('https://31.media.tumblr.com/890a91b32a10c95927633b8791eecc04/tumblr_inline_ng2kvorT0K1rnjuep.png'); /* Change the background pattern by changing this image URL -- or you can remove it */
  352. width: 246px;
  353. padding: 20px;
  354. height: 343px;
  355. text-align: left;
  356. background-color: #fff;
  357. overflow: auto;
  358. }
  359.  
  360. #info2c a { /* This is the tags links */
  361. display: inline-block;
  362. font-family: 'Josefin Sans', sans-serif;
  363. text-transform: uppercase;
  364. font-size: 10px;
  365. text-decoration: none;
  366. color: #e6bcd4;
  367. line-height: 20px;
  368. background-color: #fcf6ed;
  369. padding: 5px 10px 5px 10px;
  370. margin-bottom: 5px;
  371. color: #ba955c;
  372. letter-spacing: 1px;
  373. width: 190px;
  374. }
  375.  
  376. #info2c a:hover {
  377. text-decoration: none;
  378. color: #ada45a;
  379. background-color: #f7f5e6;
  380. }
  381.  
  382. span.info2c { /* This is the symbol before the tags links */
  383. background-color: #faefd3;
  384. color: #d8b75c;
  385. padding: 5px 0 10px 1px;
  386. font-size: 13px;
  387. }
  388.  
  389. /* NAVIGATION */
  390.  
  391. #navigation {
  392. position: fixed;
  393. margin-left: 585px;
  394. margin-top: 8px;
  395. }
  396.  
  397. #slidebuttons {
  398. position: absolute;
  399. margin-top: -16px;
  400. z-index: 9999;
  401. }
  402.  
  403. #slidebuttons img {
  404. margin-bottom: 8px;
  405. }
  406.  
  407. #navibuttons1 { /* (Frequently Used Tags navigation button */
  408. position: fixed;
  409. width: 22px;
  410. height: 22px;
  411. padding: 4px 5px 3px 5px;
  412. font-size: 18px;
  413. background-color: #f1faf7;
  414. border-top: 3px double #c6e6db;
  415. border-right: 3px double #c6e6db;
  416. border-bottom: 3px double #c6e6db;
  417. color: #a5c9bd;
  418. border-top-right-radius: 10px;
  419. border-bottom-right-radius: 10px;
  420. }
  421.  
  422. #navibuttons2 { /* 123,✿ navigation button */
  423. position: fixed;
  424. width: 22px;
  425. height: 22px;
  426. padding: 4px 5px 3px 5px;
  427. margin-top: 43px;
  428. font-family: tinytots;
  429. font-size: 8px;
  430. text-transform: uppercase;
  431. line-height: 12px;
  432. text-align: center;
  433. letter-spacing: 1px;
  434. background-color: #faebeb;
  435. border-top: 3px double #fbcece;
  436. border-right: 3px double #fbcece;
  437. border-bottom: 3px double #fbcece;
  438. color: #e39595;
  439. border-top-right-radius: 10px;
  440. border-bottom-right-radius: 10px;
  441. }
  442.  
  443. #navibuttons3 { /* A,B,C,D navigation button */
  444. position: fixed;
  445. width: 22px;
  446. height: 22px;
  447. padding: 4px 5px 3px 5px;
  448. margin-top: 86px;
  449. font-family: tinytots;
  450. font-size: 8px;
  451. text-transform: uppercase;
  452. line-height: 12px;
  453. text-align: center;
  454. letter-spacing: 1px;
  455. background-color: #fcf3e9;
  456. border-top: 3px double #fcd9b7;
  457. border-right: 3px double #fcd9b7;
  458. border-bottom: 3px double #fcd9b7;
  459. color: #daa16a;
  460. border-top-right-radius: 10px;
  461. border-bottom-right-radius: 10px;
  462. }
  463.  
  464. #navibuttons4 { /* E,F,G,H navigation button */
  465. position: fixed;
  466. width: 22px;
  467. height: 22px;
  468. padding: 4px 5px 3px 5px;
  469. margin-top: 129px;
  470. font-family: tinytots;
  471. font-size: 8px;
  472. text-transform: uppercase;
  473. line-height: 12px;
  474. text-align: center;
  475. letter-spacing: 1px;
  476. background-color: #f1faf7;
  477. border-top: 3px double #c6e6db;
  478. border-right: 3px double #c6e6db;
  479. border-bottom: 3px double #c6e6db;
  480. color: #a5c9bd;
  481. border-top-right-radius: 10px;
  482. border-bottom-right-radius: 10px;
  483. }
  484.  
  485. #navibuttons5 { /* I,J,K,L navigation button */
  486. position: fixed;
  487. width: 22px;
  488. height: 22px;
  489. padding: 4px 5px 3px 5px;
  490. margin-top: 172px;
  491. font-family: tinytots;
  492. font-size: 8px;
  493. text-transform: uppercase;
  494. line-height: 12px;
  495. text-align: center;
  496. letter-spacing: 1px;
  497. background-color: #faebeb;
  498. border-top: 3px double #fbcece;
  499. border-right: 3px double #fbcece;
  500. border-bottom: 3px double #fbcece;
  501. color: #e39595;
  502. border-top-right-radius: 10px;
  503. border-bottom-right-radius: 10px;
  504. }
  505.  
  506. #navibuttons6 { /* M,N,O,P navigation button */
  507. position: fixed;
  508. width: 22px;
  509. height: 22px;
  510. padding: 4px 5px 3px 5px;
  511. margin-top: 215px;
  512. font-family: tinytots;
  513. font-size: 8px;
  514. text-transform: uppercase;
  515. line-height: 12px;
  516. text-align: center;
  517. letter-spacing: 1px;
  518. background-color: #fcf3e9;
  519. border-top: 3px double #fcd9b7;
  520. border-right: 3px double #fcd9b7;
  521. border-bottom: 3px double #fcd9b7;
  522. color: #daa16a;
  523. border-top-right-radius: 10px;
  524. border-bottom-right-radius: 10px;
  525. }
  526.  
  527. #navibuttons7 { /* Q,R,S,T navigation button */
  528. position: fixed;
  529. width: 22px;
  530. height: 22px;
  531. padding: 4px 5px 3px 5px;
  532. margin-top: 258px;
  533. font-family: tinytots;
  534. font-size: 8px;
  535. text-transform: uppercase;
  536. line-height: 12px;
  537. text-align: center;
  538. letter-spacing: 1px;
  539. background-color: #f1faf7;
  540. border-top: 3px double #c6e6db;
  541. border-right: 3px double #c6e6db;
  542. border-bottom: 3px double #c6e6db;
  543. color: #a5c9bd;
  544. border-top-right-radius: 10px;
  545. border-bottom-right-radius: 10px;
  546. }
  547.  
  548. #navibuttons8 { /* U,V,W navigation button */
  549. position: fixed;
  550. width: 22px;
  551. height: 22px;
  552. padding: 4px 5px 3px 5px;
  553. margin-top: 301px;
  554. font-family: tinytots;
  555. font-size: 8px;
  556. text-transform: uppercase;
  557. line-height: 12px;
  558. text-align: center;
  559. letter-spacing: 1px;
  560. background-color: #faebeb;
  561. border-top: 3px double #fbcece;
  562. border-right: 3px double #fbcece;
  563. border-bottom: 3px double #fbcece;
  564. color: #e39595;
  565. border-top-right-radius: 10px;
  566. border-bottom-right-radius: 10px;
  567. }
  568.  
  569. #navibuttons9 { /* X,Y,Z navigation button */
  570. position: fixed;
  571. width: 22px;
  572. height: 22px;
  573. padding: 4px 5px 3px 5px;
  574. margin-top: 344px;
  575. font-family: tinytots;
  576. font-size: 8px;
  577. text-transform: uppercase;
  578. line-height: 12px;
  579. text-align: center;
  580. letter-spacing: 1px;
  581. background-color: #fcf3e9;
  582. border-top: 3px double #fcd9b7;
  583. border-right: 3px double #fcd9b7;
  584. border-bottom: 3px double #fcd9b7;
  585. color: #daa16a;
  586. border-top-right-radius: 10px;
  587. border-bottom-right-radius: 10px;
  588. }
  589.  
  590. #credit {
  591. position: fixed;
  592. bottom: 8px;
  593. right: 10px;
  594. font-size: 10px;
  595. color: #e4b49f;
  596. z-index: 9999;
  597. }
  598.  
  599. </style>
  600.  
  601. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  602. <script type="text/javascript" src="http://static.tumblr.com/lv6casp/aCNm74ixy/stepcarousel.js">
  603. /***********************************************
  604. * Step Carousel Viewer script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
  605. * Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
  606. * This notice must stay intact for legal use
  607. ***********************************************/
  608. </script>
  609.  
  610. <script type="text/javascript">
  611. stepcarousel.setup({
  612. galleryid: 'mygallery', //id of carousel DIV
  613. beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
  614. panelclass: 'panel', //class of panel DIVs each holding content
  615. autostep: {enable:false, moveby:1, pause:3000},
  616. panelbehavior: {speed:500, wraparound:false, wrapbehavior:'slide', persist:true},
  617. defaultbuttons: {enable: false, moveby: 1, leftnav: ['http://i48.tinypic.com/357klf6.png', -40, 120], rightnav: ['http://i45.tinypic.com/2w1tp5l.png', 10, 120]},
  618. statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
  619. contenttype: ['inline'] //content setting ['inline'] or ['ajax', 'path_to_external_file']
  620. })
  621. </script>
  622.  
  623. </head>
  624. <body>
  625.  
  626. <div id="bgimage">
  627.  
  628. <!-- This is the bottom-right background image
  629. (You can remove it or change the image URL) -->
  630. <img src="https://31.media.tumblr.com/c6522147bdee1251cebca64e1b0072f6/tumblr_inline_ng2omilVEs1rnjuep.png">
  631.  
  632. </div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  633.  
  634. <div align="center">
  635. <div id="placeholder">
  636.  
  637. <!-- This is the top banner image
  638. (You can remove it or change the image URL) -->
  639. <img src="https://31.media.tumblr.com/65739c0c6e704f9023b999a66e7a43f4/tumblr_inline_ng2pasLU071rnjuep.png">
  640.  
  641. <div id="content">
  642. <div id="navigation">
  643. <div id="slidebuttons"><p id="mygallery-paginate">
  644. <img src="https://31.media.tumblr.com/9e02f1cf8a735eb52c9a358496bb7d1a/tumblr_inline_ng0vjfuUDI1rnjuep.png" data-over="https://31.media.tumblr.com/9e02f1cf8a735eb52c9a358496bb7d1a/tumblr_inline_ng0vjfuUDI1rnjuep.png" data-select="https://31.media.tumblr.com/9e02f1cf8a735eb52c9a358496bb7d1a/tumblr_inline_ng0vjfuUDI1rnjuep.png" data-moveby="1" /></p></div>
  645.  
  646. <div id="navibuttons1">✭</div>
  647. <div id="navibuttons2">1 2 3 ✿</div>
  648. <div id="navibuttons3">A B C D</div>
  649. <div id="navibuttons4">E F G H</div>
  650. <div id="navibuttons5">I J K L</div>
  651. <div id="navibuttons6">M N O P</div>
  652. <div id="navibuttons7">Q R S T</div>
  653. <div id="navibuttons8">U V W</div>
  654. <div id="navibuttons9">X Y Z</div>
  655. </div>
  656.  
  657. <div id="mygallery" class="stepcarousel">
  658.  
  659.  
  660.  
  661. <!-- // FREQUENTLY USED TAGS SLIDE (LEFT SIDE) // -->
  662.  
  663. <div class="belt"><div class="panel"><div class="info1"><div id="info1a">
  664.  
  665. <!-- You can change the icon image by changing the icon URL below
  666. Recommended size 100px x 100px -->
  667. <img src="https://31.media.tumblr.com/e37b107c4290e754da83f95dc18fa83c/tumblr_inline_ng2mqi3kTN1rnjuep.png">
  668.  
  669. <div id="info1b">
  670. <div style="font-size: 22px; opacity: 0.5;">✭</div>
  671. Frequently<br>Used Tags
  672. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  673.  
  674. <div class="info2"><div id="info2a">
  675.  
  676.  
  677. <!-- // FREQUENTLY USED TAGS SLIDE (RIGHT SIDE) // -->
  678.  
  679. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  680. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  681. <br>
  682.  
  683. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  684. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  685. <br>
  686.  
  687. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  688. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  689. <br>
  690.  
  691. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  692. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  693. <br>
  694.  
  695. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  696. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  697. <br>
  698.  
  699. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  700. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  701. <br>
  702.  
  703. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  704. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  705. <br>
  706.  
  707. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  708. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  709. <br>
  710.  
  711. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  712. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for frequently used tags -->
  713. <br>
  714.  
  715. <!-- To add more tags copy this section and paste it directly under the other tags above:
  716.  
  717. <span class="info2a">&nbsp;&nbsp;✭&nbsp;&nbsp;</span>
  718. <a href="/tagged/YOURTAGNAME">tag name</a>
  719. <br>
  720.  
  721. -->
  722.  
  723. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  724.  
  725.  
  726.  
  727.  
  728. <!-- // 1,2,3,✿ SLIDE (LEFT SIDE) // -->
  729.  
  730. <div class="belt"><div class="panel"><div class="info1"><div id="info1c">
  731.  
  732. <!-- You can change the icon image by changing the icon URL below
  733. Recommended size 100px x 100px -->
  734. <img src="https://31.media.tumblr.com/cb4b7b1e00f6c69cdacc87643361fff8/tumblr_inline_ng2mq4uwUf1rnjuep.png">
  735.  
  736. <div id="info1d">
  737. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  738. 1 2 3, ✿
  739. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  740.  
  741. <div class="info2"><div id="info2b">
  742.  
  743. <!-- // 1,2,3,✿ SLIDE (RIGHT SIDE) // -->
  744.  
  745. <!-- Section 123 -->
  746.  
  747. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  748. 123</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  749.  
  750. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  751. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with numbers -->
  752. <br>
  753.  
  754. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  755. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with numbers -->
  756. <br>
  757.  
  758. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  759. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with numbers -->
  760. <br>
  761.  
  762. <!-- To add more tags copy this section and paste it directly under the other tags above:
  763.  
  764. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  765. <a href="/tagged/YOURTAGNAME">tag name</a>
  766. <br>
  767.  
  768. -->
  769.  
  770. <!-- Section ✿ (symbols) -->
  771.  
  772. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  773. ✿</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  774.  
  775. <!-- // 1,2,3,✿ SLIDE (RIGHT SIDE) //
  776. Edit your tags URLs below this line for tags starting with symbols -->
  777.  
  778. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  779. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with symbols -->
  780. <br>
  781.  
  782. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  783. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with symbols -->
  784. <br>
  785.  
  786. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  787. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with symbols -->
  788. <br>
  789.  
  790. <!-- To add more tags copy this section and paste it directly under the other tags above:
  791.  
  792. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  793. <a href="/tagged/YOURTAGNAME">tag name</a>
  794. <br>
  795.  
  796. -->
  797.  
  798. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  799.  
  800.  
  801.  
  802.  
  803. <!-- // A,B,C,D SLIDE (LEFT SIDE) // -->
  804.  
  805. <div class="belt"><div class="panel"><div class="info1"><div id="info1e">
  806.  
  807. <!-- You can change the icon image by changing the icon URL below
  808. Recommended size 100px x 100px -->
  809. <img src="https://31.media.tumblr.com/818394aaefa91e35feba829c8b6874ed/tumblr_inline_ng2mpn3mEt1rnjuep.png">
  810.  
  811. <div id="info1f">
  812. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  813. A, B, C, D
  814. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  815.  
  816. <div class="info2"><div id="info2c">
  817.  
  818.  
  819. <!-- // A,B,C,D SLIDE (RIGHT SIDE) // -->
  820.  
  821. <!-- Section A -->
  822.  
  823. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  824. A</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  825.  
  826. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  827. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with A -->
  828. <br>
  829.  
  830. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  831. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with A -->
  832. <br>
  833.  
  834. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  835. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with A -->
  836. <br>
  837.  
  838. <!-- To add more tags copy this section and paste it directly under the other tags above:
  839.  
  840. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  841. <a href="/tagged/YOURTAGNAME">tag name</a>
  842. <br>
  843.  
  844. -->
  845.  
  846. <!-- Section B -->
  847.  
  848. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  849. B</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  850.  
  851. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  852. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with B -->
  853. <br>
  854.  
  855. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  856. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with B -->
  857. <br>
  858.  
  859. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  860. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with B -->
  861. <br>
  862.  
  863. <!-- To add more tags copy this section and paste it directly under the other tags above:
  864.  
  865. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  866. <a href="/tagged/YOURTAGNAME">tag name</a>
  867. <br>
  868.  
  869. -->
  870.  
  871. <!-- Section C -->
  872.  
  873. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  874. C</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  875.  
  876. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  877. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with C -->
  878. <br>
  879.  
  880. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  881. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with C -->
  882. <br>
  883.  
  884. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  885. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with C -->
  886. <br>
  887.  
  888. <!-- To add more tags copy this section and paste it directly under the other tags above:
  889.  
  890. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  891. <a href="/tagged/YOURTAGNAME">tag name</a>
  892. <br>
  893.  
  894. -->
  895.  
  896. <!-- Section D -->
  897.  
  898. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  899. D</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  900.  
  901. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  902. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with D -->
  903. <br>
  904.  
  905. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  906. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with D -->
  907. <br>
  908.  
  909. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  910. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with D -->
  911. <br>
  912.  
  913. <!-- To add more tags copy this section and paste it directly under the other tags above:
  914.  
  915. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  916. <a href="/tagged/YOURTAGNAME">tag name</a>
  917. <br>
  918.  
  919. -->
  920.  
  921. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  922.  
  923.  
  924.  
  925.  
  926. <!-- // E,F,G,H SLIDE SLIDE (LEFT SIDE) // -->
  927.  
  928. <div class="belt"><div class="panel"><div class="info1"><div id="info1a">
  929.  
  930. <!-- You can change the icon image by changing the icon URL below
  931. Recommended size 100px x 100px -->
  932. <img src="https://31.media.tumblr.com/ac895b034b80a1b49c5958c9b181fb63/tumblr_inline_ng2mpyfdtI1rnjuep.png">
  933.  
  934. <div id="info1b">
  935. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  936. E, F, G, H
  937. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  938.  
  939. <div class="info2"><div id="info2a">
  940.  
  941.  
  942. <!-- // E,F,G,H SLIDE SLIDE (RIGHT SIDE) // -->
  943.  
  944. <!-- Section E -->
  945.  
  946. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  947. E</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  948.  
  949. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  950. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with E -->
  951. <br>
  952.  
  953. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  954. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with E -->
  955. <br>
  956.  
  957. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  958. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with E -->
  959. <br>
  960.  
  961. <!-- To add more tags copy this section and paste it directly under the other tags above:
  962.  
  963. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  964. <a href="/tagged/YOURTAGNAME">tag name</a>
  965. <br>
  966.  
  967. -->
  968.  
  969. <!-- Section F -->
  970.  
  971. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  972. F</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  973.  
  974. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  975. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with F -->
  976. <br>
  977.  
  978. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  979. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with F -->
  980. <br>
  981.  
  982. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  983. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with F -->
  984. <br>
  985.  
  986. <!-- To add more tags copy this section and paste it directly under the other tags above:
  987.  
  988. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  989. <a href="/tagged/YOURTAGNAME">tag name</a>
  990. <br>
  991.  
  992. -->
  993.  
  994. <!-- Section G -->
  995.  
  996. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  997. G</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  998.  
  999. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1000. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with G -->
  1001. <br>
  1002.  
  1003. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1004. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with G -->
  1005. <br>
  1006.  
  1007. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1008. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with G -->
  1009. <br>
  1010.  
  1011. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1012.  
  1013. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1014. <a href="/tagged/YOURTAGNAME">tag name</a>
  1015. <br>
  1016.  
  1017. -->
  1018.  
  1019. <!-- Section H -->
  1020.  
  1021. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1022. H</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1023.  
  1024. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1025. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with H -->
  1026. <br>
  1027.  
  1028. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1029. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with H -->
  1030. <br>
  1031.  
  1032. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1033. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with H -->
  1034. <br>
  1035.  
  1036. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1037.  
  1038. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1039. <a href="/tagged/YOURTAGNAME">tag name</a>
  1040. <br>
  1041.  
  1042. -->
  1043.  
  1044. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1045.  
  1046.  
  1047.  
  1048.  
  1049. <!-- // I,J,K,L SLIDE (LEFT SIDE) // -->
  1050.  
  1051. <div class="belt"><div class="panel"><div class="info1"><div id="info1c">
  1052.  
  1053. <!-- You can change the icon image by changing the icon URL below
  1054. Recommended size 100px x 100px -->
  1055. <img src="https://31.media.tumblr.com/391d20b5d9f0d73599987738d0d3f207/tumblr_inline_ng2mpjgs471rnjuep.png">
  1056.  
  1057. <div id="info1d">
  1058. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1059. I, J, K, L
  1060. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1061.  
  1062. <div class="info2"><div id="info2b">
  1063.  
  1064.  
  1065. <!-- // I,J,K,L SLIDE (RIGHT SIDE) // -->
  1066.  
  1067. <!-- Section I -->
  1068.  
  1069. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1070. I</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1071.  
  1072. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1073. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with I -->
  1074. <br>
  1075.  
  1076. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1077. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with I -->
  1078. <br>
  1079.  
  1080. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1081. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with I -->
  1082. <br>
  1083.  
  1084. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1085.  
  1086. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1087. <a href="/tagged/YOURTAGNAME">tag name</a>
  1088. <br>
  1089.  
  1090. -->
  1091.  
  1092. <!-- Section J -->
  1093.  
  1094. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1095. J</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1096.  
  1097. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1098. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with J -->
  1099. <br>
  1100.  
  1101. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1102. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with J -->
  1103. <br>
  1104.  
  1105. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1106. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with J -->
  1107. <br>
  1108.  
  1109. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1110.  
  1111. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1112. <a href="/tagged/YOURTAGNAME">tag name</a>
  1113. <br>
  1114.  
  1115. -->
  1116.  
  1117. <!-- Section K -->
  1118.  
  1119. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1120. K</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1121.  
  1122. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1123. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with K -->
  1124. <br>
  1125.  
  1126. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1127. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with K -->
  1128. <br>
  1129.  
  1130. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1131. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with K -->
  1132. <br>
  1133.  
  1134. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1135.  
  1136. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1137. <a href="/tagged/YOURTAGNAME">tag name</a>
  1138. <br>
  1139.  
  1140. -->
  1141.  
  1142. <!-- Section L -->
  1143.  
  1144. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1145. L</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1146.  
  1147. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1148. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with L -->
  1149. <br>
  1150.  
  1151. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1152. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with L -->
  1153. <br>
  1154.  
  1155. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1156. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with L -->
  1157. <br>
  1158.  
  1159. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1160.  
  1161. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1162. <a href="/tagged/YOURTAGNAME">tag name</a>
  1163. <br>
  1164.  
  1165. -->
  1166.  
  1167. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1168.  
  1169.  
  1170.  
  1171.  
  1172. <!-- // M,N,O,P SLIDE (LEFT SIDE) // -->
  1173.  
  1174. <div class="belt"><div class="panel"><div class="info1"><div id="info1e">
  1175.  
  1176. <!-- You can change the icon image by changing the icon URL below
  1177. Recommended size 100px x 100px -->
  1178. <img src="https://31.media.tumblr.com/7ecf45e195c6bbab2c923cb2321525ac/tumblr_inline_ng2mqnPTp31rnjuep.png">
  1179.  
  1180. <div id="info1f">
  1181. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1182. M, N, O, P
  1183. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1184.  
  1185. <div class="info2"><div id="info2c">
  1186.  
  1187.  
  1188. <!-- // M,N,O,P SLIDE (RIGHT SIDE) // -->
  1189.  
  1190. <!-- Section M -->
  1191.  
  1192. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1193. M</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1194.  
  1195. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1196. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with M -->
  1197. <br>
  1198.  
  1199. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1200. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with M -->
  1201. <br>
  1202.  
  1203. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1204. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with M -->
  1205. <br>
  1206.  
  1207. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1208.  
  1209. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1210. <a href="/tagged/YOURTAGNAME">tag name</a>
  1211. <br>
  1212.  
  1213. -->
  1214.  
  1215. <!-- Section N -->
  1216.  
  1217. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1218. N</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1219.  
  1220. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1221. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with N -->
  1222. <br>
  1223.  
  1224. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1225. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with N -->
  1226. <br>
  1227.  
  1228. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1229. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with N -->
  1230. <br>
  1231.  
  1232. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1233.  
  1234. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1235. <a href="/tagged/YOURTAGNAME">tag name</a>
  1236. <br>
  1237.  
  1238. -->
  1239.  
  1240. <!-- Section O -->
  1241.  
  1242. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1243. O</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1244.  
  1245. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1246. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with O -->
  1247. <br>
  1248.  
  1249. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1250. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with O -->
  1251. <br>
  1252.  
  1253. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1254. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with O -->
  1255. <br>
  1256.  
  1257. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1258.  
  1259. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1260. <a href="/tagged/YOURTAGNAME">tag name</a>
  1261. <br>
  1262.  
  1263. -->
  1264.  
  1265. <!-- Section P -->
  1266.  
  1267. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1268. P</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1269.  
  1270. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1271. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with P -->
  1272. <br>
  1273.  
  1274. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1275. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with P -->
  1276. <br>
  1277.  
  1278. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1279. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with P -->
  1280. <br>
  1281.  
  1282. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1283.  
  1284. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1285. <a href="/tagged/YOURTAGNAME">tag name</a>
  1286. <br>
  1287.  
  1288. -->
  1289.  
  1290. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1291.  
  1292.  
  1293.  
  1294. <!-- // Q,R,S,T SLIDE (LEFT SIDE) // -->
  1295.  
  1296. <div class="belt"><div class="panel"><div class="info1"><div id="info1a">
  1297.  
  1298. <!-- You can change the icon image by changing the icon URL below
  1299. Recommended size 100px x 100px -->
  1300. <img src="https://31.media.tumblr.com/0bc3ebc4dfdeae0ba989abd74a0a50c5/tumblr_inline_ng2mqdLGFz1rnjuep.png">
  1301.  
  1302. <div id="info1b">
  1303. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1304. <div style="font-size: 16px;">Q, R, S, T</div></div>
  1305. </div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1306.  
  1307. <div class="info2"><div id="info2a">
  1308.  
  1309.  
  1310. <!-- // Q,R,S,T SLIDE (RIGHT SIDE) // -->
  1311.  
  1312. <!-- Section Q -->
  1313.  
  1314. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1315. Q</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1316.  
  1317. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1318. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Q -->
  1319. <br>
  1320.  
  1321. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1322. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Q -->
  1323. <br>
  1324.  
  1325. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1326. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Q -->
  1327. <br>
  1328.  
  1329. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1330.  
  1331. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1332. <a href="/tagged/YOURTAGNAME">tag name</a>
  1333. <br>
  1334.  
  1335. -->
  1336.  
  1337. <!-- Section R -->
  1338.  
  1339. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1340. R</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1341.  
  1342. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1343. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with R -->
  1344. <br>
  1345.  
  1346. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1347. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with R -->
  1348. <br>
  1349.  
  1350. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1351. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with R -->
  1352. <br>
  1353.  
  1354. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1355.  
  1356. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1357. <a href="/tagged/YOURTAGNAME">tag name</a>
  1358. <br>
  1359.  
  1360. -->
  1361.  
  1362. <!-- Section S -->
  1363.  
  1364. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1365. S</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1366.  
  1367. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1368. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with S -->
  1369. <br>
  1370.  
  1371. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1372. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with S -->
  1373. <br>
  1374.  
  1375. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1376. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with S -->
  1377. <br>
  1378.  
  1379. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1380.  
  1381. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1382. <a href="/tagged/YOURTAGNAME">tag name</a>
  1383. <br>
  1384.  
  1385. -->
  1386.  
  1387. <!-- Section T -->
  1388.  
  1389. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #a8ded3; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1390. T</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1391.  
  1392. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1393. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with T -->
  1394. <br>
  1395.  
  1396. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1397. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with T -->
  1398. <br>
  1399.  
  1400. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1401. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with T -->
  1402. <br>
  1403.  
  1404. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1405.  
  1406. <span class="info2a">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1407. <a href="/tagged/YOURTAGNAME">tag name</a>
  1408. <br>
  1409.  
  1410. -->
  1411.  
  1412. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1413.  
  1414.  
  1415.  
  1416. <!-- U,V,W SLIDE -->
  1417.  
  1418. <!-- // U,V,W SLIDE (LEFT SIDE) // -->
  1419.  
  1420. <div class="belt"><div class="panel"><div class="info1"><div id="info1c">
  1421.  
  1422. <!-- You can change the icon image by changing the icon URL below
  1423. Recommended size 100px x 100px -->
  1424. <img src="https://31.media.tumblr.com/a989c25d51bcf63ad4806402ccebd811/tumblr_inline_ng2mpt5pwM1rnjuep.png">
  1425.  
  1426. <div id="info1d">
  1427. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1428. U, V, W
  1429. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1430.  
  1431. <div class="info2"><div id="info2b">
  1432.  
  1433.  
  1434. <!-- // U,V,W SLIDE (RIGHT SIDE) // -->
  1435.  
  1436. <!-- Section U -->
  1437.  
  1438. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1439. U</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1440.  
  1441. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1442. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with U -->
  1443. <br>
  1444.  
  1445. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1446. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with U -->
  1447. <br>
  1448.  
  1449. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1450. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with U -->
  1451. <br>
  1452.  
  1453. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1454.  
  1455. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1456. <a href="/tagged/YOURTAGNAME">tag name</a>
  1457. <br>
  1458.  
  1459. -->
  1460.  
  1461. <!-- Section V -->
  1462.  
  1463. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1464. V</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1465.  
  1466. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1467. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with V -->
  1468. <br>
  1469.  
  1470. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1471. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with V -->
  1472. <br>
  1473.  
  1474. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1475. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with V -->
  1476. <br>
  1477.  
  1478. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1479.  
  1480. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1481. <a href="/tagged/YOURTAGNAME">tag name</a>
  1482. <br>
  1483.  
  1484. -->
  1485.  
  1486. <!-- Section W -->
  1487.  
  1488. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f5a1a1; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1489. W</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1490.  
  1491. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1492. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with W -->
  1493. <br>
  1494.  
  1495. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1496. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with W -->
  1497. <br>
  1498.  
  1499. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1500. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with W -->
  1501. <br>
  1502.  
  1503. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1504.  
  1505. <span class="info2b">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1506. <a href="/tagged/YOURTAGNAME">tag name</a>
  1507. <br>
  1508.  
  1509. -->
  1510.  
  1511. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1512.  
  1513.  
  1514.  
  1515.  
  1516. <!-- // X,Y,Z SLIDE (LEFT SIDE) // -->
  1517.  
  1518. <div class="belt"><div class="panel"><div class="info1"><div id="info1e">
  1519.  
  1520. <!-- You can change the icon image by changing the icon URL below
  1521. Recommended size 100px x 100px -->
  1522. <img src="https://31.media.tumblr.com/cd9af49097bc5b412723cf46460d3098/tumblr_inline_ng2mq9Exta1rnjuep.png">
  1523.  
  1524. <div id="info1f">
  1525. <div style="font-size: 22px; opacity: 0.5;">✿</div>
  1526. X, Y, Z
  1527. </div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1528.  
  1529. <div class="info2"><div id="info2c">
  1530.  
  1531.  
  1532. <!-- // X,Y,Z SLIDE (RIGHT SIDE) // -->
  1533.  
  1534. <!-- Section X -->
  1535.  
  1536. <div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1537. X</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1538.  
  1539. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1540. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with X -->
  1541. <br>
  1542.  
  1543. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1544. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with X -->
  1545. <br>
  1546.  
  1547. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1548. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with X -->
  1549. <br>
  1550.  
  1551. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1552.  
  1553. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1554. <a href="/tagged/YOURTAGNAME">tag name</a>
  1555. <br>
  1556.  
  1557. -->
  1558.  
  1559. <!-- Section Y -->
  1560.  
  1561. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1562. Y</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1563.  
  1564. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1565. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Y -->
  1566. <br>
  1567.  
  1568. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1569. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Y -->
  1570. <br>
  1571.  
  1572. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1573. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Y -->
  1574. <br>
  1575.  
  1576. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1577.  
  1578. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1579. <a href="/tagged/YOURTAGNAME">tag name</a>
  1580. <br>
  1581.  
  1582. -->
  1583.  
  1584. <!-- Section Z -->
  1585.  
  1586. <br><div style="width: 20px; height 20px; padding: 5px; border: 3px double #fff; background-color: #f2c58a; color: #fff; font-family: 'Josefin Sans', sans-serif; text-align: center; margin-bottom: 5px; margin-left: -1px;">
  1587. Z</div> <!-- IT'S IMPORTANT THAT THIS </div> REMAINS HERE. -->
  1588.  
  1589. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1590. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Z -->
  1591. <br>
  1592.  
  1593. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1594. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Z -->
  1595. <br>
  1596.  
  1597. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1598. <a href="/tagged/YOURTAGNAME">tag name</a> <!-- Edit this URL and name for tags starting with Z -->
  1599. <br>
  1600.  
  1601. <!-- To add more tags copy this section and paste it directly under the other tags above:
  1602.  
  1603. <span class="info2c">&nbsp;&nbsp;✿&nbsp;&nbsp;</span>
  1604. <a href="/tagged/YOURTAGNAME">tag name</a>
  1605. <br>
  1606.  
  1607. -->
  1608.  
  1609. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1610.  
  1611.  
  1612.  
  1613. </div></div></div></div> <!-- IT'S IMPORTANT THAT THESE </div>'S REMAIN HERE. -->
  1614.  
  1615. <div id="credit"><a href="http://www.cocorini.com/" target="_blank">☂</a></div> <!-- PLEASE LEAVE THIS HERE. THANK YOU! -->
  1616.  
  1617. </body>
  1618. </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!