API tools faq
paste
Advertisement
quinnsea

[HTML][Toyhouse] Stay Real

quinnsea
Jan 8th, 2018
1,533
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.95 KB | None | 0 0
raw download clone embed print report
  1. <!-- I'm not really sure what the demand was for a page like this, but I don't really care. I like matching up my characters with songs, but often I feel like the playlists in templates aren't big enough or they look kind of cumbersome. So if you want a page just for all your characters' playlists, here you go! Thanks for using my template!-->
  2. <div class="container">
  3. <div class="row" style="padding-top:50px;">
  4. <!-- character image -->
  5. <div class="col"><img src="https://i.imgur.com/gY9elTc.png" class="fr-fic fr-dii" width="200" height="350">
  6. <!-- lyric -->
  7.  
  8. <p style="text-align: center;">
  9. <br><em>It feels like time is running out</em></p>
  10. </div>
  11. <!-- tracklist -->
  12. <div class="col">
  13. <div class="ui-accordion card card-outline-info bg-faded" style="width:300px; border-color:#8EE3EF;">
  14.  
  15. <h2 class="card-inverse card-info card-header" style="background-color:#8EE3EF; border-color:#8EE3EF;">Ultra Rare, Vol. 1</h2>
  16. <div class="ui-accordion-content card-block " style="height:350px;"><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Dream</a>
  17. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Together</a>
  18. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Freaking Out</a>
  19. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">In My Sleep</a>
  20. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Keep It Together</a>
  21. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Soul On Fire</a>
  22. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Higher</a>
  23. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Get It Together</a>
  24. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Got You</a>
  25. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">555</a>
  26. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Losin My Soul</a>
  27. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Fake</a>
  28. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Every Note</a>
  29. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Thismaybetheyear</a></div>
  30. </div>
  31. </div>
  32. <!-- character image -->
  33. <div class="col"><img src="https://i.imgur.com/AZkityA.png" class="fr-fic fr-dii" width="200" height="350">
  34. <!-- lyric -->
  35.  
  36. <p style="text-align: center;">
  37. <br><em>Our love has gone cold</em></p>
  38. </div>
  39. <!-- tracklist -->
  40. <div class="col">
  41. <div class="ui-accordion card card-outline-info bg-faded" style="width:300px; border-color:#342F99;">
  42.  
  43. <h2 class="card-inverse card-info card-header" style="background-color:#342F99; border-color:#342F99;">I like it when you sleep</h2>
  44. <div class="ui-accordion-content card-block " style="height:350px;"><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">The 1975</a>
  45. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Love Me</a>
  46. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">UGH!</a>
  47. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">A Change Of Heart</a>
  48. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">She&#39;s American</a>
  49. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">If I Believe You</a>
  50. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Please Be Naked</a>
  51. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Lostmyhead</a>
  52. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">The Ballad of Me and My Brain</a>
  53. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Somebody Else</a>
  54. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Loving Someone</a>
  55. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">I like it when you sleep, for you are so beautiful yet so unaware of it</a>
  56. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">The Sound</a>
  57. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">This Must Be My Dream</a>
  58. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Paris</a>
  59. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Nana</a>
  60. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">She Lays Down</a></div>
  61. </div>
  62. </div>
  63. </div>
  64. <div class="row" style="padding-top:50px;">
  65. <!-- character image -->
  66. <div class="col"><img src="https://i.imgur.com/XaI1i1l.png" class="fr-fic fr-dii" width="200" height="350">
  67. <!-- lyric -->
  68.  
  69. <p style="text-align: center;">
  70. <br><em>I was late for this, late for that</em></p>
  71. </div>
  72. <!-- tracklist -->
  73. <div class="col">
  74. <div class="ui-accordion card card-outline-info bg-faded" style="width:300px; border-color:#F75C03;">
  75.  
  76. <h2 class="card-inverse card-info card-header" style="background-color:#F75C03; border-color:#F75C03;">Cleopatra</h2>
  77. <div class="ui-accordion-content card-block " style="height:350px;"><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Sleep On The Floor</a>
  78. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Ophelia</a>
  79. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Cleopatra</a>
  80. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Gun Song</a>
  81. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Angela</a>
  82. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">In The Light</a>
  83. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Gale Song</a>
  84. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Long Way From Home</a>
  85. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Sick In The Head</a>
  86. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">My Eyes</a>
  87. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Patience</a>
  88. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Where The Skies Are Blue</a>
  89. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Everyone Requires A Plan</a>
  90. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">White Lie</a></div>
  91. </div>
  92. </div>
  93. <!-- character image -->
  94. <div class="col"><img src="https://i.imgur.com/DdZRVaM.png" class="fr-fic fr-dii" width="200" height="350">
  95. <!-- lyric -->
  96.  
  97. <p style="text-align: center;">
  98. <br><em>You make me laugh until I die</em></p>
  99. </div>
  100. <!-- tracklist -->
  101. <div class="col">
  102. <div class="ui-accordion card card-outline-info bg-faded" style="width:300px; border-color:#D81159;">
  103.  
  104. <h2 class="card-inverse card-info card-header" style="background-color:#D81159; border-color:#D81159;">Wild World</h2>
  105. <div class="ui-accordion-content card-block " style="height:350px;"><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Good Grief</a>
  106. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">The Currents</a>
  107. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">An Act Of Kindness</a>
  108. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Warmth</a>
  109. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Glory</a>
  110. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Power</a>
  111. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Two Evils</a>
  112. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Send Them Off!</a>
  113. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Lethargy</a>
  114. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Four Walls (The Ballad of Perry Smith)</a>
  115. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Blame</a>
  116. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Fake It</a>
  117. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Snakes</a>
  118. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Winter Of Our Youth</a>
  119. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Way Beyond</a>
  120. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Oil On Water</a>
  121. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Campus</a>
  122. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">Shame</a>
  123. <br><i class="fa fa-play-circle">&nbsp;</i><a href="song-link" id="">The Anchor</a></div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. <div class="card card-block" style="margin-top:50px;">
  129.  
  130. <h2 style="text-align: center;">❤ ❤ ❤ ❤ ❤</h2>
  131. </div>
  132. <div class="container">
  133. <div class="row" style="padding-top:50px;">
  134. <!-- character image -->
  135. <div class="col"><img src="https://i.imgur.com/gY9elTc.png" class="fr-fic fr-dii" width="198" height="350"></div>
  136. <!-- tracklist -->
  137. <div class="col">
  138. <div class="ui-accordion card card-outline-info bg-faded" style="width:631px; border-color:#5DD39E;">
  139.  
  140. <h2 class="card-inverse card-info card-header" style="background-color:#5DD39E; border-color:#5DD39E;">Happy To You</h2>
  141. <div class="ui-accordion-content card-block " style="height:300px;"><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">Enter The Joker&#39;s Lair</a>
  142. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">The Wave</a>
  143. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">Devil&#39;s Work</a>
  144. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">Vase</a>
  145. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">God Help This Divorce</a>
  146. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">Bavarian #1 (Say You Will)</a>
  147. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">Pretender</a>
  148. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">Archipelago</a>
  149. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">Black Tin Box</a>
  150. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">Paddling Out</a>
  151. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">Garden</a>
  152. <br><i class="fa fa-heartbeat">&nbsp;</i><a href="song-link" id="">No Starry World</a></div>
  153. </div>
  154. </div>
  155. <!-- character image -->
  156. <div class="col"><img src="https://i.imgur.com/AZkityA.png" class="fr-fic fr-dii" width="200" height="350"></div>
  157. </div>
  158. </div>
  159. <!--lyric-->
  160.  
  161. <p style="text-align: center;">
  162. <br><em>Spent the morning as a pretender / Will this be the age of surrender / The falling dark it lines / The walls let ours combine</em></p>
  163. <!--credit, do not remove!-->
  164.  
  165. <p style="text-align: right;"><span style="font-size: 10px;">template by @quinnsea</span></p>
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!