API tools faq
paste
Advertisement
ushiwaka

A Love Story

ushiwaka
May 26th, 2023 (edited)
695
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 56.48 KB | None | 0 0
raw download clone embed print report
  1. <!--[[ REPLACERS
  2.  
  3. COLOR: #71cadc
  4. CHAR ICON 1: fa-sun
  5. CHAR ICON 2: fa-moon
  6.  
  7. ]]-->
  8.  
  9. <div class="mx-auto" style="max-width: 900px;">
  10.  
  11. <!--[[ CONTENT ]]-->
  12. <div class="px-3 px-md-4" style="background:
  13. url(OPT_PATTERN) #71cadc; background-attachment: fixed;">
  14.  
  15. <!--[[ CARD ]]-->
  16. <div class="card border-0 rounded-0 p-1 p-lg-2">
  17. <div class="row no-gutters">
  18.  
  19. <!--[[ TITLE ]]-->
  20. <div class="col-md-12 p-1 p-lg-2 justify-content-between">
  21.  
  22. <!--[[ ICON ]]-->
  23. <div class="card border-0 rounded-0" style="background: #71cadc; height: 75px; width: 75px;">
  24.  
  25. <i class="fas fa-heart my-auto mx-auto" style="font-size: 40px; color: #ffffff"></i>
  26.  
  27. </div>
  28. <!--[[ ICON END ]]-->
  29.  
  30. <hr class="col my-auto mx-4">
  31.  
  32. <!--[[ SHIPNAME ]]-->
  33. <div class="my-auto font-italic text-right" style="color: #71cadc; font-size: 30px; font-family: 'Times New Roman', 'Arial'; font-weight: 900">
  34.  
  35. Ship Name
  36.  
  37. </div>
  38. <!--[[ SHIPNAME END ]]-->
  39.  
  40. </div>
  41. <!--[[ TITLE END ]]-->
  42.  
  43. <!--[[ TAGS ]]-->
  44. <div class="col-md-12 p-1 px-lg-2 text-center">
  45.  
  46. <!--////////////-->
  47. <span class="badge my-1 p-2 px-3 font-italic" style="background: #71cadc; color: #ffffff; border-radius: 50px;">
  48. #text
  49. </span>
  50.  
  51. <!--////////////-->
  52. <span class="badge my-1 p-2 px-3 font-italic" style="background: #71cadc; color: #ffffff; border-radius: 50px;">
  53. #text
  54. </span>
  55.  
  56. <!--////////////-->
  57. <span class="badge my-1 p-2 px-3 font-italic" style="background: #71cadc; color: #ffffff; border-radius: 50px;">
  58. #text
  59. </span>
  60.  
  61. </div>
  62. <!--[[ TAGS END ]]-->
  63.  
  64. <!--[[ PROFILES SECTION ]]-->
  65. <div class="col-md-12 row no-gutters">
  66.  
  67. <!--[[ BASIC INFO ONE ]]-->
  68. <div class="col-lg-4 col-md-6 order-1 order-lg-1">
  69.  
  70. <!--[[ AVATAR ]]-->
  71. <div class="p-1 p-lg-2">
  72. <div class="card border-0 rounded-0 mx-auto bg-transparent">
  73. <div class="row no-gutters">
  74.  
  75. <!--[[ ICON ]]-->
  76. <div class="card border-0 rounded-0" style="background: #71cadc; color: #ffffff; height: 50px; width: 50px; position: absolute; bottom: 0px; left: 0px; z-index: 9">
  77.  
  78. <i class="fas fa-sun my-auto mx-auto" style="font-size: 25px;"></i>
  79.  
  80. </div>
  81. <!--[[ ICON END ]]-->
  82.  
  83. <!--[[ DECORATIONS ]]-->
  84. <div style="position: absolute; bottom: 0px; right: 0px; border-right: 8px solid #71cadc; border-bottom: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  85. <div style="position: absolute; top: 0px; left: 0px; border-left: 8px solid #71cadc; border-top: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  86. <div style="position: absolute; bottom: 10px; right: 10px; border-right: 4px solid #ffffff; border-bottom: 4px solid #ffffff; height: 50%; width: 50%; z-index: 9"></div>
  87. <div style="position: absolute; top: 10px; left: 10px; border-left: 4px solid #ffffff; border-top: 4px solid #ffffff; height: 50%; width: 50%; z-index: 9"></div>
  88. <!--[[ DECORATIONS END ]]-->
  89.  
  90. <!--[[ IMAGE END ]]-->
  91. <div class="mx-auto my-auto col-md-12" style="height: 265px; background:
  92.  
  93. url(IMG_URL) center no-repeat; background-size: cover;">
  94.  
  95. </div>
  96. <!--[[ IMAGE END ]]-->
  97.  
  98. </div>
  99. </div>
  100. </div>
  101. <!--[[ AVATAR END ]]-->
  102.  
  103. <!--[[ ABOUT ]]-->
  104. <div class="p-1 p-lg-2">
  105.  
  106. <!--[[ ONE ]]-->
  107. <div class="justify-content-between">
  108. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Name </div>
  109. <div class="text-right my-auto">
  110.  
  111. Information
  112.  
  113. </div>
  114. </div><hr class="mt-0">
  115. <!--[[ ONE END ]]-->
  116.  
  117. <!--[[ TWO ]]-->
  118. <div class="justify-content-between">
  119. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Alias </div>
  120. <div class="text-right my-auto">
  121.  
  122. Information
  123.  
  124. </div>
  125. </div><hr class="mt-0">
  126. <!--[[ TWO END ]]-->
  127.  
  128. <!--[[ THREE ]]-->
  129. <div class="justify-content-between">
  130. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Age </div>
  131. <div class="text-right my-auto">
  132.  
  133. Information
  134.  
  135. </div>
  136. </div><hr class="mt-0">
  137. <!--[[ THREE END ]]-->
  138.  
  139. <!--[[ FOUR ]]-->
  140. <div class="justify-content-between">
  141. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Birthday </div>
  142. <div class="text-right my-auto">
  143.  
  144. Information
  145.  
  146. </div>
  147. </div><hr class="mt-0">
  148. <!--[[ FOUR END ]]-->
  149.  
  150. <!--[[ FIVE ]]-->
  151. <div class="justify-content-between">
  152. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Gender </div>
  153. <div class="text-right my-auto">
  154.  
  155. Information
  156.  
  157. </div>
  158. </div><hr class="mt-0">
  159. <!--[[ FIVE END ]]-->
  160.  
  161. <!--[[ SIX ]]-->
  162. <div class="justify-content-between">
  163. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Pronouns </div>
  164. <div class="text-right my-auto">
  165.  
  166. Information
  167.  
  168. </div>
  169. </div><hr class="mt-0">
  170. <!--[[ SIX END ]]-->
  171.  
  172. <!--[[ SEVEN ]]-->
  173. <div class="justify-content-between">
  174. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Orientation </div>
  175. <div class="text-right my-auto">
  176.  
  177. Information
  178.  
  179. </div>
  180. </div><hr class="mt-0">
  181. <!--[[ SEVEN END ]]-->
  182.  
  183. <!--[[ EIGHT ]]-->
  184. <div class="justify-content-between">
  185. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> MBTI </div>
  186. <div class="text-right my-auto">
  187.  
  188. Information
  189.  
  190. </div>
  191. </div><hr class="mt-0">
  192. <!--[[ EIGHT END ]]-->
  193.  
  194. <!--[[ NINE ]]-->
  195. <div class="justify-content-between">
  196. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Nationality </div>
  197. <div class="text-right my-auto">
  198.  
  199. Information
  200.  
  201. </div>
  202. </div><hr class="mt-0">
  203. <!--[[ NINE END ]]-->
  204.  
  205. </div>
  206. <!--[[ ABOUT END ]]-->
  207.  
  208. </div>
  209. <!--[[ BASIC INFO ONE END ]]-->
  210.  
  211. <!--[[ BASIC INFO TWO ]]-->
  212. <div class="col-lg-4 col-md-6 order-2 order-lg-3">
  213.  
  214. <!--[[ AVATAR ]]-->
  215. <div class="p-1 p-lg-2">
  216. <div class="card border-0 rounded-0 mx-auto bg-transparent">
  217. <div class="row no-gutters">
  218.  
  219. <!--[[ ICON ]]-->
  220. <div class="card border-0 rounded-0" style="background: #71cadc; color: #ffffff; height: 50px; width: 50px; position: absolute; bottom: 0px; left: 0px; z-index: 9">
  221.  
  222. <i class="fas fa-moon my-auto mx-auto" style="font-size: 25px;"></i>
  223.  
  224. </div>
  225. <!--[[ ICON END ]]-->
  226.  
  227. <!--[[ DECORATIONS ]]-->
  228. <div style="position: absolute; bottom: 0px; right: 0px; border-right: 8px solid #71cadc; border-bottom: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  229. <div style="position: absolute; top: 0px; left: 0px; border-left: 8px solid #71cadc; border-top: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  230. <div style="position: absolute; bottom: 10px; right: 10px; border-right: 4px solid #ffffff; border-bottom: 4px solid #ffffff; height: 50%; width: 50%; z-index: 9"></div>
  231. <div style="position: absolute; top: 10px; left: 10px; border-left: 4px solid #ffffff; border-top: 4px solid #ffffff; height: 50%; width: 50%; z-index: 9"></div>
  232. <!--[[ DECORATIONS END ]]-->
  233.  
  234. <!--[[ IMAGE END ]]-->
  235. <div class="mx-auto my-auto col-md-12" style="height: 265px; background:
  236.  
  237. url(IMG_URL) center no-repeat; background-size: cover;">
  238.  
  239. </div>
  240. <!--[[ IMAGE END ]]-->
  241.  
  242. </div>
  243. </div>
  244. </div>
  245. <!--[[ AVATAR END ]]-->
  246.  
  247. <!--[[ ABOUT ]]-->
  248. <div class="p-1 p-lg-2">
  249.  
  250. <!--[[ ONE ]]-->
  251. <div class="justify-content-between">
  252. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Name </div>
  253. <div class="text-right my-auto">
  254.  
  255. Information
  256.  
  257. </div>
  258. </div><hr class="mt-0">
  259. <!--[[ ONE END ]]-->
  260.  
  261. <!--[[ TWO ]]-->
  262. <div class="justify-content-between">
  263. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Alias </div>
  264. <div class="text-right my-auto">
  265.  
  266. Information
  267.  
  268. </div>
  269. </div><hr class="mt-0">
  270. <!--[[ TWO END ]]-->
  271.  
  272. <!--[[ THREE ]]-->
  273. <div class="justify-content-between">
  274. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Age </div>
  275. <div class="text-right my-auto">
  276.  
  277. Information
  278.  
  279. </div>
  280. </div><hr class="mt-0">
  281. <!--[[ THREE END ]]-->
  282.  
  283. <!--[[ FOUR ]]-->
  284. <div class="justify-content-between">
  285. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Birthday </div>
  286. <div class="text-right my-auto">
  287.  
  288. Information
  289.  
  290. </div>
  291. </div><hr class="mt-0">
  292. <!--[[ FOUR END ]]-->
  293.  
  294. <!--[[ FIVE ]]-->
  295. <div class="justify-content-between">
  296. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Gender </div>
  297. <div class="text-right my-auto">
  298.  
  299. Information
  300.  
  301. </div>
  302. </div><hr class="mt-0">
  303. <!--[[ FIVE END ]]-->
  304.  
  305. <!--[[ SIX ]]-->
  306. <div class="justify-content-between">
  307. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Pronouns </div>
  308. <div class="text-right my-auto">
  309.  
  310. Information
  311.  
  312. </div>
  313. </div><hr class="mt-0">
  314. <!--[[ SIX END ]]-->
  315.  
  316. <!--[[ SEVEN ]]-->
  317. <div class="justify-content-between">
  318. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Orientation </div>
  319. <div class="text-right my-auto">
  320.  
  321. Information
  322.  
  323. </div>
  324. </div><hr class="mt-0">
  325. <!--[[ SEVEN END ]]-->
  326.  
  327. <!--[[ EIGHT ]]-->
  328. <div class="justify-content-between">
  329. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> MBTI </div>
  330. <div class="text-right my-auto">
  331.  
  332. Information
  333.  
  334. </div>
  335. </div><hr class="mt-0">
  336. <!--[[ EIGHT END ]]-->
  337.  
  338. <!--[[ NINE ]]-->
  339. <div class="justify-content-between">
  340. <div class="my-auto text-uppercase mr-2" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;"> Nationality </div>
  341. <div class="text-right my-auto">
  342.  
  343. Information
  344.  
  345. </div>
  346. </div><hr class="mt-0">
  347. <!--[[ NINE END ]]-->
  348.  
  349. </div>
  350. <!--[[ ABOUT END ]]-->
  351.  
  352. </div>
  353. <!--[[ BASIC INFO TWO END ]]-->
  354.  
  355. <!--[[ COMPARISONS ]]-->
  356. <div class="col-lg-4 col-md-12 order-3 order-lg-2 my-auto text-center">
  357.  
  358. <!--[[ HEIGHT ]]-->
  359. <div class="row no-gutters p-1 p-lg-2">
  360.  
  361. <div class="col-12 text-uppercase" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;">Height Difference</div>
  362.  
  363. <!--[[ DIFFERENCE ]]-->
  364. <div class="col-12">
  365.  
  366. 000cm (0'0")
  367.  
  368. <hr class="col-3 mt-0 mb-2">
  369. </div>
  370. <!--[[ DIFFERENCE END ]]-->
  371.  
  372. <!--[[ ONE ]]-->
  373. <div class="col-6">
  374.  
  375. 000cm (0'0")
  376.  
  377. <hr class="col-6 my-0">
  378.  
  379. <i class="fas fa-sun" style="color: #71cadc;"></i>
  380.  
  381. </div>
  382. <!--[[ ONE END ]]-->
  383.  
  384. <!--[[ TWO ]]-->
  385. <div class="col-6">
  386.  
  387. 000cm (0'0")
  388.  
  389. <hr class="col-6 my-0">
  390.  
  391. <i class="fas fa-moon" style="color: #71cadc;"></i>
  392.  
  393. <!--[[ TWO END ]]-->
  394.  
  395. </div>
  396.  
  397. </div>
  398. <!--[[ HEIGHT END ]]-->
  399.  
  400. <!--[[ AGE ]]-->
  401. <div class="row no-gutters p-1 p-lg-2">
  402.  
  403. <div class="col-12 mt-2 text-uppercase" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 18px;">Age Difference</div>
  404.  
  405. <!--[[ DIFFERENCE ]]-->
  406. <div class="col-12">
  407.  
  408. 0
  409.  
  410. <hr class="col-3 mt-0 mb-2">
  411. </div>
  412. <!--[[ DIFFERENCE END ]]-->
  413.  
  414. <!--[[ ONE ]]-->
  415. <div class="col-6">
  416.  
  417. 0
  418.  
  419. <hr class="col-6 my-0">
  420.  
  421. <i class="fas fa-sun" style="color: #71cadc;"></i>
  422.  
  423. </div>
  424. <!--[[ ONE END ]]-->
  425.  
  426. <!--[[ TWO ]]-->
  427. <div class="col-6">
  428.  
  429. 0
  430.  
  431. <hr class="col-6 my-0">
  432.  
  433. <i class="fas fa-moon" style="color: #71cadc;"></i>
  434.  
  435. <!--[[ TWO END ]]-->
  436.  
  437. </div>
  438.  
  439. </div>
  440. <!--[[ AGE END ]]-->
  441.  
  442. <!--[[ DIVIDER ]]-->
  443. <div class="justify-content-between my-2 p-1 p-lg-2">
  444.  
  445. <hr class="col my-auto">
  446.  
  447. <div class="card rounded-0 mx-2" style="background: #71cadc; width: 40px; height: 40px;">
  448. <i class="fas fa-heart my-auto mx-auto" style="font-size: 22px; color: #ffffff"></i>
  449. </div>
  450.  
  451. <hr class="col my-auto">
  452.  
  453. </div>
  454. <!--[[ DIVIDER END ]]-->
  455.  
  456. <!--[[ ONE ]]-->
  457. <div class="p-1 p-lg-2">
  458.  
  459. <!--[[ TITLE ]]-->
  460. <div class="row no-gutters" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 15px;">
  461.  
  462. <div class="col-6 text-uppercase text-left">Extroverted</div>
  463. <div class="col-6 text-uppercase text-right">Introrverted</div>
  464.  
  465. </div>
  466. <!--[[ TITLE ]]-->
  467.  
  468. <!--[[ ICONS ]]-->
  469. <div style="color: rgba(128, 128, 128, 0.3); font-size: 17px;">
  470.  
  471. <!--[[ MAKE SURE TO CHANGE THE CHARACTER ICONS AROUND. THE CLOSER TO FIRST, THE CLOSER IT IS TO THE LEFT INFO, AND VICE VERSA ]-->
  472. <i class="fas fa-heart"></i>
  473. <i class="fas fa-heart"></i>
  474. <i class="fas fa-heart"></i>
  475. <i class="fas fa-heart"></i>
  476. <i class="fas fa-sun" style="color: #71cadc; font-size: 20px;"></i>
  477. <i class="fas fa-moon" style="color: #71cadc; font-size: 20px;"></i>
  478. <i class="fas fa-heart"></i>
  479. <i class="fas fa-heart"></i>
  480. <i class="fas fa-heart"></i>
  481. <i class="fas fa-heart"></i>
  482.  
  483. </div>
  484. <!--[[ ICONS END ]]-->
  485.  
  486. </div>
  487. <!--[[ ONE END ]]-->
  488.  
  489. <!--[[ TWO ]]-->
  490. <div class="p-1 p-lg-2 mt-1">
  491.  
  492. <!--[[ TITLE ]]-->
  493. <div class="row no-gutters" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 15px;">
  494.  
  495. <div class="col-6 text-uppercase text-left">Open</div>
  496. <div class="col-6 text-uppercase text-right">Secretive</div>
  497.  
  498. </div>
  499. <!--[[ TITLE ]]-->
  500.  
  501. <!--[[ ICONS ]]-->
  502. <div style="color: rgba(128, 128, 128, 0.3); font-size: 17px;">
  503.  
  504. <i class="fas fa-heart"></i>
  505. <i class="fas fa-heart"></i>
  506. <i class="fas fa-heart"></i>
  507. <i class="fas fa-heart"></i>
  508. <i class="fas fa-sun" style="color: #71cadc; font-size: 20px;"></i>
  509. <i class="fas fa-moon" style="color: #71cadc; font-size: 20px;"></i>
  510. <i class="fas fa-heart"></i>
  511. <i class="fas fa-heart"></i>
  512. <i class="fas fa-heart"></i>
  513. <i class="fas fa-heart"></i>
  514.  
  515. </div>
  516. <!--[[ ICONS END ]]-->
  517.  
  518. </div>
  519. <!--[[ TWO END ]]-->
  520.  
  521. <!--[[ THREE ]]-->
  522. <div class="p-1 p-lg-2 mt-1">
  523.  
  524. <!--[[ TITLE ]]-->
  525. <div class="row no-gutters" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 15px;">
  526.  
  527. <div class="col-6 text-uppercase text-left">Jealous</div>
  528. <div class="col-6 text-uppercase text-right">Relaxed</div>
  529.  
  530. </div>
  531. <!--[[ TITLE ]]-->
  532.  
  533. <!--[[ ICONS ]]-->
  534. <div style="color: rgba(128, 128, 128, 0.3); font-size: 17px;">
  535.  
  536. <i class="fas fa-heart"></i>
  537. <i class="fas fa-heart"></i>
  538. <i class="fas fa-heart"></i>
  539. <i class="fas fa-heart"></i>
  540. <i class="fas fa-sun" style="color: #71cadc; font-size: 20px;"></i>
  541. <i class="fas fa-moon" style="color: #71cadc; font-size: 20px;"></i>
  542. <i class="fas fa-heart"></i>
  543. <i class="fas fa-heart"></i>
  544. <i class="fas fa-heart"></i>
  545. <i class="fas fa-heart"></i>
  546.  
  547. </div>
  548. <!--[[ ICONS END ]]-->
  549.  
  550. </div>
  551. <!--[[ THREE END ]]-->
  552.  
  553. <!--[[ FOUR ]]-->
  554. <div class="p-1 p-lg-2 mt-1">
  555.  
  556. <!--[[ TITLE ]]-->
  557. <div class="row no-gutters" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 15px;">
  558.  
  559. <div class="col-6 text-uppercase text-left">Flirty</div>
  560. <div class="col-6 text-uppercase text-right">Reserved</div>
  561.  
  562. </div>
  563. <!--[[ TITLE ]]-->
  564.  
  565. <!--[[ ICONS ]]-->
  566. <div style="color: rgba(128, 128, 128, 0.3); font-size: 17px;">
  567.  
  568. <i class="fas fa-heart"></i>
  569. <i class="fas fa-heart"></i>
  570. <i class="fas fa-heart"></i>
  571. <i class="fas fa-heart"></i>
  572. <i class="fas fa-sun" style="color: #71cadc; font-size: 20px;"></i>
  573. <i class="fas fa-moon" style="color: #71cadc; font-size: 20px;"></i>
  574. <i class="fas fa-heart"></i>
  575. <i class="fas fa-heart"></i>
  576. <i class="fas fa-heart"></i>
  577. <i class="fas fa-heart"></i>
  578.  
  579. </div>
  580. <!--[[ ICONS END ]]-->
  581.  
  582. </div>
  583. <!--[[ FOUR END ]]-->
  584.  
  585. <!--[[ FIVE ]]-->
  586. <div class="p-1 p-lg-2 mt-1">
  587.  
  588. <!--[[ TITLE ]]-->
  589. <div class="row no-gutters" style="color: #71cadc; font-weight: 900; letter-spacing: 1px; font-size: 15px;">
  590.  
  591. <div class="col-6 text-uppercase text-left">Likes PDA</div>
  592. <div class="col-6 text-uppercase text-right">Dislikes PDA</div>
  593.  
  594. </div>
  595. <!--[[ TITLE ]]-->
  596.  
  597. <!--[[ ICONS ]]-->
  598. <div style="color: rgba(128, 128, 128, 0.3); font-size: 17px;">
  599.  
  600. <i class="fas fa-heart"></i>
  601. <i class="fas fa-heart"></i>
  602. <i class="fas fa-heart"></i>
  603. <i class="fas fa-heart"></i>
  604. <i class="fas fa-sun" style="color: #71cadc; font-size: 20px;"></i>
  605. <i class="fas fa-moon" style="color: #71cadc; font-size: 20px;"></i>
  606. <i class="fas fa-heart"></i>
  607. <i class="fas fa-heart"></i>
  608. <i class="fas fa-heart"></i>
  609. <i class="fas fa-heart"></i>
  610.  
  611. </div>
  612. <!--[[ ICONS END ]]-->
  613.  
  614. </div>
  615. <!--[[ FIVE END ]]-->
  616.  
  617. </div>
  618. <!--[[ COMPARISONS END ]]-->
  619.  
  620. </div>
  621. <!--[[ PROFILES SECTION END ]]-->
  622.  
  623. <!--[[ ABOUT ]]-->
  624. <div class="col-md-8 p-1 p-lg-2 mt-2 mt-md-0">
  625.  
  626. <!--[[ TITLE ]]-->
  627. <span class="p-2 text-uppercase" style="background: #71cadc; color: #ffffff; font-weight: 900; font-size: 20px; letter-spacing: 2px;">
  628. About
  629. </span>
  630. <!--[[ TITLE END ]]-->
  631.  
  632. <!--[[ CONTENT ]]-->
  633. <div class="card border-0 rounded-0 p-2" style="height: 233px;">
  634.  
  635. <!--[[ DECORATIONS ]]-->
  636. <div style="position: absolute; bottom: 0px; right: 0px; border-right: 8px solid #71cadc; border-bottom: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  637. <div style="position: absolute; top: 0px; left: 0px; border-left: 8px solid #71cadc; border-top: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  638. <!--[[ DECORATIONS END ]]-->
  639.  
  640. <!--[[ TEXT ]]-->
  641. <div class="p-2" style="height: 220px; overflow: auto; z-index: 9">
  642.  
  643. <p>Text</p>
  644.  
  645. </div>
  646. <!--[[ TEXT END ]]-->
  647.  
  648. </div>
  649. <!--[[ CONTENT END ]]-->
  650.  
  651. </div>
  652. <!--[[ ABOUT END ]]-->
  653.  
  654. <!--[[ ICON ]]-->
  655. <div class="col-md-4 p-1 p-lg-2 mt-2 mt-md-0 hidden-sm-down">
  656. <div class="mx-auto card border-0 rounded-0" style="background: #71cadc; height: 263px;">
  657.  
  658. <!--[[ DECORATIONS ]]-->
  659. <div style="position: absolute; bottom: 5px; right: 5px; border-right: 5px solid rgba(255,255,255,0.5); border-bottom: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  660. <div style="position: absolute; top: 5px; left: 5px; border-left: 5px solid rgba(255,255,255,0.5); border-top: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  661. <div style="position: absolute; bottom: 15px; right: 15px; border-right: 4px solid rgba(255,255,255,0.3); border-bottom: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  662. <div style="position: absolute; top: 15px; left: 15px; border-left: 4px solid rgba(255,255,255,0.3); border-top: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  663. <!--[[ DECORATIONS END ]]-->
  664.  
  665. <!--[[ ICON ]]-->
  666. <i class="far fa-star my-auto mx-auto" style="font-size: 70px; color: #ffffff"></i>
  667. <!--[[ ICON END ]]-->
  668.  
  669. </div>
  670. </div>
  671. <!--[[ ICON END ]]-->
  672.  
  673. <!--[[ STORY ]]-->
  674. <div class="col-md-12 p-1 p-lg-2 mt-2 mt-md-1">
  675.  
  676. <!--[[ TITLE ]]-->
  677. <span class="p-2 text-uppercase" style="background: #71cadc; color: #ffffff; font-weight: 900; font-size: 20px; letter-spacing: 2px;">
  678. Story
  679. </span>
  680. <!--[[ TITLE END ]]-->
  681.  
  682. <!--[[ CONTENT ]]-->
  683. <div class="card border-0 rounded-0 p-2" style="height: 233px;">
  684.  
  685. <!--[[ DECORATIONS ]]-->
  686. <div style="position: absolute; bottom: 0px; right: 0px; border-right: 8px solid #71cadc; border-bottom: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  687. <div style="position: absolute; top: 0px; left: 0px; border-left: 8px solid #71cadc; border-top: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  688. <!--[[ DECORATIONS END ]]-->
  689.  
  690. <!--[[ TEXT ]]-->
  691. <div class="text-center p-2" style="height: 220px; overflow: auto; z-index: 9">
  692.  
  693. <!--[[ SUBTITLE ]]-->
  694. <div class="my-auto text-uppercase" style="font-size: 17px; letter-spacing: 2px; font-weight: 900; color: #71cadc">
  695.  
  696. Ch. 1: Subtitle
  697.  
  698. </div>
  699. <!--[[ SUBTITLE END ]]-->
  700.  
  701. <!--[[ WRITTEN INFO ]]-->
  702. <p>Text</p>
  703. <!--[[ WRITTEN INFO END ]]-->
  704.  
  705. <!--[[ SUBTITLE ]]-->
  706. <div class="my-auto text-uppercase" style="font-size: 17px; letter-spacing: 2px; font-weight: 900; color: #71cadc">
  707.  
  708. Ch. 2: Subtitle
  709.  
  710. </div>
  711. <!--[[ SUBTITLE END ]]-->
  712.  
  713. <!--[[ WRITTEN INFO ]]-->
  714. <p>Text</p>
  715. <!--[[ WRITTEN INFO END ]]-->
  716.  
  717. </div>
  718. <!--[[ TEXT END ]]-->
  719.  
  720. </div>
  721. <!--[[ CONTENT END ]]-->
  722.  
  723. </div>
  724. <!--[[ STORY END ]]-->
  725.  
  726. <!--[[ MOODBOARD ]]-->
  727. <div class="col-md-12 row no-gutters">
  728.  
  729. <!--[[ IMG 1 ]]-->
  730. <div class="col-6 col-md-3 p-1 p-lg-2">
  731. <div class="mx-auto card border-0 rounded-0" style="height: 193px; background:
  732.  
  733. url(IMG_URL) #71cadc center no-repeat; background-size: cover;">
  734.  
  735. <!--[[ DECORATIONS ]]-->
  736. <div style="position: absolute; bottom: 5px; right: 5px; border-right: 5px solid rgba(255,255,255,0.5); border-bottom: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  737. <div style="position: absolute; top: 5px; left: 5px; border-left: 5px solid rgba(255,255,255,0.5); border-top: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  738. <div style="position: absolute; bottom: 15px; right: 15px; border-right: 4px solid rgba(255,255,255,0.3); border-bottom: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  739. <div style="position: absolute; top: 15px; left: 15px; border-left: 4px solid rgba(255,255,255,0.3); border-top: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  740. <!--[[ DECORATIONS END ]]-->
  741.  
  742. <!--[[ ICON ]]-->
  743. <i class="fas fa-mug-saucer my-auto mx-auto" style="font-size: 50px; color: #ffffff"></i>
  744. <!--[[ ICON END ]]-->
  745.  
  746. </div>
  747. </div>
  748. <!--[[ IMG 1 END ]]-->
  749.  
  750. <!--[[ IMG 2 ]]-->
  751. <div class="col-6 col-md-3 p-1 p-lg-2">
  752. <div class="mx-auto card border-0 rounded-0" style="height: 193px; background:
  753.  
  754. url(IMG_URL) #71cadc center no-repeat; background-size: cover;">
  755.  
  756. <!--[[ DECORATIONS ]]-->
  757. <div style="position: absolute; bottom: 5px; right: 5px; border-right: 5px solid rgba(255,255,255,0.5); border-bottom: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  758. <div style="position: absolute; top: 5px; left: 5px; border-left: 5px solid rgba(255,255,255,0.5); border-top: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  759. <div style="position: absolute; bottom: 15px; right: 15px; border-right: 4px solid rgba(255,255,255,0.3); border-bottom: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  760. <div style="position: absolute; top: 15px; left: 15px; border-left: 4px solid rgba(255,255,255,0.3); border-top: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  761. <!--[[ DECORATIONS END ]]-->
  762.  
  763. <!--[[ ICON ]]-->
  764. <i class="fas fa-thought-bubble my-auto mx-auto" style="font-size: 50px; color: #ffffff"></i>
  765. <!--[[ ICON END ]]-->
  766.  
  767. </div>
  768. </div>
  769. <!--[[ IMG 2 END ]]-->
  770.  
  771. <!--[[ IMG 3 ]]-->
  772. <div class="col-6 col-md-3 p-1 p-lg-2">
  773. <div class="mx-auto card border-0 rounded-0" style="height: 193px; background:
  774.  
  775. url(IMG_URL) #71cadc center no-repeat; background-size: cover;">
  776.  
  777. <!--[[ DECORATIONS ]]-->
  778. <div style="position: absolute; bottom: 5px; right: 5px; border-right: 5px solid rgba(255,255,255,0.5); border-bottom: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  779. <div style="position: absolute; top: 5px; left: 5px; border-left: 5px solid rgba(255,255,255,0.5); border-top: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  780. <div style="position: absolute; bottom: 15px; right: 15px; border-right: 4px solid rgba(255,255,255,0.3); border-bottom: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  781. <div style="position: absolute; top: 15px; left: 15px; border-left: 4px solid rgba(255,255,255,0.3); border-top: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  782. <!--[[ DECORATIONS END ]]-->
  783.  
  784. <!--[[ ICON ]]-->
  785. <i class="fas fa-trees my-auto mx-auto" style="font-size: 50px; color: #ffffff"></i>
  786. <!--[[ ICON END ]]-->
  787.  
  788. </div>
  789. </div>
  790. <!--[[ IMG 3 END ]]-->
  791.  
  792. <!--[[ IMG 4 ]]-->
  793. <div class="col-6 col-md-3 p-1 p-lg-2">
  794. <div class="mx-auto card border-0 rounded-0" style="height: 193px; background:
  795.  
  796. url(IMG_URL) #71cadc center no-repeat; background-size: cover;">
  797.  
  798. <!--[[ DECORATIONS ]]-->
  799. <div style="position: absolute; bottom: 5px; right: 5px; border-right: 5px solid rgba(255,255,255,0.5); border-bottom: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  800. <div style="position: absolute; top: 5px; left: 5px; border-left: 5px solid rgba(255,255,255,0.5); border-top: 5px solid rgba(255,255,255,0.5); height: 50%; width: 60%;"></div>
  801. <div style="position: absolute; bottom: 15px; right: 15px; border-right: 4px solid rgba(255,255,255,0.3); border-bottom: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  802. <div style="position: absolute; top: 15px; left: 15px; border-left: 4px solid rgba(255,255,255,0.3); border-top: 4px solid rgba(255,255,255,0.3); height: 50%; width: 60%;"></div>
  803. <!--[[ DECORATIONS END ]]-->
  804.  
  805. <!--[[ ICON ]]-->
  806. <i class="fas fa-rings-wedding my-auto mx-auto" style="font-size: 50px; color: #ffffff"></i>
  807. <!--[[ ICON END ]]-->
  808.  
  809. </div>
  810. </div>
  811. <!--[[ IMG 3 END ]]-->
  812.  
  813. </div>
  814. <!--[[ MOODBOARD END ]]-->
  815.  
  816. <!--[[ TRIVIA ]]-->
  817. <div class="col-md-7 p-1 p-lg-2 mt-2 mt-md-1">
  818.  
  819. <!--[[ TITLE ]]-->
  820. <span class="p-2 text-uppercase" style="background: #71cadc; color: #ffffff; font-weight: 900; font-size: 20px; letter-spacing: 2px;">
  821. Trivia
  822. </span>
  823. <!--[[ TITLE END ]]-->
  824.  
  825. <!--[[ CONTENT ]]-->
  826. <div class="card border-0 rounded-0 p-2" style="height: 233px;">
  827.  
  828. <!--[[ DECORATIONS ]]-->
  829. <div style="position: absolute; bottom: 0px; right: 0px; border-right: 8px solid #71cadc; border-bottom: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  830. <div style="position: absolute; top: 0px; left: 0px; border-left: 8px solid #71cadc; border-top: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  831. <!--[[ DECORATIONS END ]]-->
  832.  
  833. <!--[[ TEXT ]]-->
  834. <div class="px-2" style="height: 220px; overflow: auto; z-index: 9">
  835.  
  836. <div class="my-2"><i class="fas fa-question mr-1" style="color: #71cadc"></i>
  837. One
  838. </div>
  839.  
  840. <div class="my-2"><i class="fas fa-question mr-1" style="color: #71cadc"></i>
  841. Two
  842. </div>
  843.  
  844. <div class="my-2"><i class="fas fa-question mr-1" style="color: #71cadc"></i>
  845. Three
  846. </div>
  847.  
  848. </div>
  849. <!--[[ TEXT END ]]-->
  850.  
  851. </div>
  852. <!--[[ CONTENT END ]]-->
  853.  
  854. </div>
  855. <!--[[ TRIVIA END ]]-->
  856.  
  857. <!--[[ PLAYLIST ]]-->
  858. <div class="col-md-5 p-1 p-lg-2 mt-2 mt-md-1">
  859.  
  860. <!--[[ TITLE ]]-->
  861. <span class="p-2 text-uppercase" style="background: #71cadc; color: #ffffff; font-weight: 900; font-size: 20px; letter-spacing: 2px;">
  862. Playlist
  863. </span>
  864. <!--[[ TITLE END ]]-->
  865.  
  866. <!--[[ CONTENT ]]-->
  867. <div class="card border-0 rounded-0 p-1 py-2 px-2" style="height: 233px;">
  868.  
  869. <!--[[ DECORATIONS ]]-->
  870. <div style="position: absolute; bottom: 0px; right: 0px; border-right: 8px solid #71cadc; border-bottom: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  871. <div style="position: absolute; top: 0px; left: 0px; border-left: 8px solid #71cadc; border-top: 8px solid #71cadc; height: 75%; width: 75%; z-index: 9"></div>
  872. <!--[[ DECORATIONS END ]]-->
  873.  
  874. <!--[[ TEXT ]]-->
  875. <div class="px-2" style="height: 220px; overflow: auto; z-index: 9;">
  876.  
  877. <!--[[ ONE ]]-->
  878. <div class="row no-gutters p-1">
  879.  
  880. <!--[[ PLAY BUTTON ]]-->
  881. <div class="col-1 card border-0 rounded-0 bg-transparent">
  882. <i class="fas fa-play" style="position: absolute; margin-top: 4px; font-size: 20px; color: #71cadc"></i>
  883. <iframe frameborder="0" style="opacity: 0.001; width: 20x; height: 20px; margin-top: 4px; clip-path: polygon(0 0, 0% 100%, 100% 50%);" src="
  884.  
  885. https://www.youtube.com/embed/EMBED_STRING">
  886. <!-- !!
  887. COPY THE SONG'S STRING AND PASTE IT ON THE EMBED_STRING BIT! REPLACING IT WILL CAUSE THIS NOT TO WORK
  888.  
  889. EX.:
  890. https://www.youtube.com/watch?v=dQw4w9WgXcQ
  891.  
  892. TAKE THE dQw4w9WgXcQ AND PUT REPLACE EMBED_STRING WITH IT:
  893. https://www.youtube.com/embed/dQw4w9WgXcQ
  894.  
  895. !!-->
  896.  
  897. </iframe>
  898. </div>
  899. <!--[[ PLAY BUTTON END ]]-->
  900.  
  901. <!--[[ TRACK NAME ]]-->
  902. <div class="col-11 text-right my-auto text-uppercase" style="font-size: 17px; letter-spacing: 2px; font-weight: 900; color: #71cadc">
  903.  
  904. TRACK
  905.  
  906. </div>
  907. <!--[[ TRACK NAME END ]]-->
  908.  
  909. <hr class="col-12 my-1">
  910.  
  911. <!--[[ ARTIST NAME ]]-->
  912. <div class="col-12 text-right font-italic">
  913.  
  914. Artist
  915.  
  916. </div>
  917. <!--[[ ARTIST NAME END ]]-->
  918.  
  919. </div>
  920. <!--[[ ONE END ]]-->
  921.  
  922. <!--[[ TWO ]]-->
  923. <div class="row no-gutters p-1">
  924.  
  925. <!--[[ PLAY BUTTON ]]-->
  926. <div class="col-1 card border-0 rounded-0 bg-transparent">
  927. <i class="fas fa-play" style="position: absolute; margin-top: 4px; font-size: 20px; color: #71cadc"></i>
  928. <iframe frameborder="0" style="opacity: 0.001; width: 20x; height: 20px; margin-top: 4px; clip-path: polygon(0 0, 0% 100%, 100% 50%);" src="
  929.  
  930. https://www.youtube.com/embed/EMBED_STRING">
  931. <!-- !!
  932. COPY THE SONG'S STRING AND PASTE IT ON THE EMBED_STRING BIT! REPLACING IT WILL CAUSE THIS NOT TO WORK
  933.  
  934. EX.:
  935. https://www.youtube.com/watch?v=dQw4w9WgXcQ
  936.  
  937. TAKE THE dQw4w9WgXcQ AND PUT REPLACE EMBED_STRING WITH IT:
  938. https://www.youtube.com/embed/dQw4w9WgXcQ
  939.  
  940. !!-->
  941.  
  942. </iframe>
  943. </div>
  944. <!--[[ PLAY BUTTON END ]]-->
  945.  
  946. <!--[[ TRACK NAME ]]-->
  947. <div class="col-11 text-right my-auto text-uppercase" style="font-size: 17px; letter-spacing: 2px; font-weight: 900; color: #71cadc">
  948.  
  949. TRACK
  950.  
  951. </div>
  952. <!--[[ TRACK NAME END ]]-->
  953.  
  954. <hr class="col-12 my-1">
  955.  
  956. <!--[[ ARTIST NAME ]]-->
  957. <div class="col-12 text-right font-italic">
  958.  
  959. Artist
  960.  
  961. </div>
  962. <!--[[ ARTIST NAME END ]]-->
  963.  
  964. </div>
  965. <!--[[ TWO END ]]-->
  966.  
  967. <!--[[ THREE ]]-->
  968. <div class="row no-gutters p-1">
  969.  
  970. <!--[[ PLAY BUTTON ]]-->
  971. <div class="col-1 card border-0 rounded-0 bg-transparent">
  972. <i class="fas fa-play" style="position: absolute; margin-top: 4px; font-size: 20px; color: #71cadc"></i>
  973. <iframe frameborder="0" style="opacity: 0.001; width: 20x; height: 20px; margin-top: 4px; clip-path: polygon(0 0, 0% 100%, 100% 50%);" src="
  974.  
  975. https://www.youtube.com/embed/EMBED_STRING">
  976. <!-- !!
  977. COPY THE SONG'S STRING AND PASTE IT ON THE EMBED_STRING BIT! REPLACING IT WILL CAUSE THIS NOT TO WORK
  978.  
  979. EX.:
  980. https://www.youtube.com/watch?v=dQw4w9WgXcQ
  981.  
  982. TAKE THE dQw4w9WgXcQ AND PUT REPLACE EMBED_STRING WITH IT:
  983. https://www.youtube.com/embed/dQw4w9WgXcQ
  984.  
  985. !!-->
  986.  
  987. </iframe>
  988. </div>
  989. <!--[[ PLAY BUTTON END ]]-->
  990.  
  991. <!--[[ TRACK NAME ]]-->
  992. <div class="col-11 text-right my-auto text-uppercase" style="font-size: 17px; letter-spacing: 2px; font-weight: 900; color: #71cadc">
  993.  
  994. TRACK
  995.  
  996. </div>
  997. <!--[[ TRACK NAME END ]]-->
  998.  
  999. <hr class="col-12 my-1">
  1000.  
  1001. <!--[[ ARTIST NAME ]]-->
  1002. <div class="col-12 text-right font-italic">
  1003.  
  1004. Artist
  1005.  
  1006. </div>
  1007. <!--[[ ARTIST NAME END ]]-->
  1008.  
  1009. </div>
  1010. <!--[[ THREE END ]]-->
  1011.  
  1012. <!--[[ FOUR ]]-->
  1013. <div class="row no-gutters p-1">
  1014.  
  1015. <!--[[ PLAY BUTTON ]]-->
  1016. <div class="col-1 card border-0 rounded-0 bg-transparent">
  1017. <i class="fas fa-play" style="position: absolute; margin-top: 4px; font-size: 20px; color: #71cadc"></i>
  1018. <iframe frameborder="0" style="opacity: 0.001; width: 20x; height: 20px; margin-top: 4px; clip-path: polygon(0 0, 0% 100%, 100% 50%);" src="
  1019.  
  1020. https://www.youtube.com/embed/EMBED_STRING">
  1021. <!-- !!
  1022. COPY THE SONG'S STRING AND PASTE IT ON THE EMBED_STRING BIT! REPLACING IT WILL CAUSE THIS NOT TO WORK
  1023.  
  1024. EX.:
  1025. https://www.youtube.com/watch?v=dQw4w9WgXcQ
  1026.  
  1027. TAKE THE dQw4w9WgXcQ AND PUT REPLACE EMBED_STRING WITH IT:
  1028. https://www.youtube.com/embed/dQw4w9WgXcQ
  1029.  
  1030. !!-->
  1031.  
  1032. </iframe>
  1033. </div>
  1034. <!--[[ PLAY BUTTON END ]]-->
  1035.  
  1036. <!--[[ TRACK NAME ]]-->
  1037. <div class="col-11 text-right my-auto text-uppercase" style="font-size: 17px; letter-spacing: 2px; font-weight: 900; color: #71cadc">
  1038.  
  1039. TRACK
  1040.  
  1041. </div>
  1042. <!--[[ TRACK NAME END ]]-->
  1043.  
  1044. <hr class="col-12 my-1">
  1045.  
  1046. <!--[[ ARTIST NAME ]]-->
  1047. <div class="col-12 text-right font-italic">
  1048.  
  1049. Artist
  1050.  
  1051. </div>
  1052. <!--[[ ARTIST NAME END ]]-->
  1053.  
  1054. </div>
  1055. <!--[[ FOUR END ]]-->
  1056.  
  1057. <!--[[ ADD MORE SONGS ABOVE ]]-->
  1058.  
  1059. </div>
  1060. <!--[[ TEXT END ]]-->
  1061.  
  1062. </div>
  1063. <!--[[ CONTENT END ]]-->
  1064.  
  1065. </div>
  1066. <!--[[ PLAYLIST END ]]-->
  1067.  
  1068. </div>
  1069. </div>
  1070. <!--[[ CARD END ]]-->
  1071.  
  1072. </div>
  1073. <!--[[ CONTENT END ]]-->
  1074.  
  1075. <!--[[ CREDIT ]]-->
  1076. <div class="text-center text-md-right text-muted" style="font-weight: 100; letter-spacing: 1px;">
  1077.  
  1078. code by @honorama
  1079.  
  1080. </div>
  1081. <!--[[ CREDIT END ]]-->
  1082.  
  1083. </div>
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!