API tools faq
paste
rosiuel

bday cake

rosiuel
Jun 24th, 2021 (edited)
1,410
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.50 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. bday cake by cherubix
  4.  
  5. literally so tired pls
  6.  
  7. key:
  8. accent: 779AB9
  9.  
  10. dont remove credit thanks
  11.  
  12. -->
  13.  
  14. <!-- background -->
  15. <div class="p-5 mx-auto" style="background:url(https://cdn.discordapp.com/attachments/700436369570267229/854024952030167050/repeated-square.png) fixed; border: 7px double #779AB9; border-radius: 15px; max-width:900px">
  16. <div style="font-family:comic sans ms; font-size:12px; color:#779AB9">
  17. <div class="row no-gutters">
  18.  
  19. <!-- icon // will crop -->
  20. <div class="container col-sm-4 mr-2">
  21. <div class="container" style="background:url(https://f2.toyhou.se/file/f2-toyhou-se/characters/10953771?1620158372) center repeat; background-size:cover; height:200px; width:200px; border-radius:100px; border: 7px double #779AB9"></div>
  22.  
  23. <!-- basic info -->
  24. <div class="p-1 d-flex justify-content-between">
  25. <span class="text-uppercase font-weight-bold">Name</span>
  26. <span>content</span>
  27. </div>
  28.  
  29. <div class="p-1 d-flex justify-content-between">
  30. <span class="text-uppercase font-weight-bold">Alias</span>
  31. <span>content</span>
  32. </div>
  33.  
  34. <div class="p-1 d-flex justify-content-between">
  35. <span class="text-uppercase font-weight-bold">Age</span>
  36. <span>content</span>
  37. </div>
  38.  
  39. <div class="p-1 d-flex justify-content-between">
  40. <span class="text-uppercase font-weight-bold">D.O.B</span>
  41. <span>content</span>
  42. </div>
  43.  
  44. <div class="p-1 d-flex justify-content-between">
  45. <span class="text-uppercase font-weight-bold">Pronouns</span>
  46. <span>con/tent</span>
  47. </div>
  48.  
  49. <div class="p-1 d-flex justify-content-between">
  50. <span class="text-uppercase font-weight-bold">Occupation</span>
  51. <span>content</span>
  52. </div>
  53. <!-- credit // DO NOT REMOVE -->
  54. <div class="text-center"><a href="/cherubix" style="color:#779AB9"><i class="far fa-heart tooltipster" title="code by cherubix"></i></a></div>
  55. </div>
  56.  
  57. <div class="container col-sm-7 ml-5">
  58. <div class="container p-2 mb-2" style="border: 7px double #779AB9; border-radius:15px">
  59. <div class="row no-gutters p-1"><div class="col-auto display-4 text-uppercase mr-1" style="font-size: 15px; letter-spacing: 1px;">
  60. <!-- music player. replace 'rSTbwOPGVY4' with ur desired link -->
  61. <iframe class="flex-fill" style="height:20px; width:50px; opacity:0; position:absolute; z-index:1;" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen
  62. src="https://www.youtube.com/embed/rSTbwOPGVY4"></iframe><i class="far fa-play"></i></div>
  63. <div class="col my-auto"><hr class="my-0 mr-2 ml-2" style="background-color:#779AB9"></div><div class="col-auto px-1 my-auto" style="font-size: 12px; letter-spacing: 1px;"><b>literal legend</b> - ayesha ero</div>
  64. </div>
  65. </div>
  66. <div class="container p-2 mb-2 overflow-auto" style="border: 7px double #779AB9; border-radius:15px; height:300px">
  67. <!-- about section -->
  68. <div class="row no-gutters p-1">
  69. <div class="col-auto display-4 text-uppercase mr-1 font-weight-bold" style="font-size: 15px; letter-spacing: 1px;">About</div>
  70. <div class="col my-auto"><hr class="my-0 mr-2 ml-2" style="background-color:#779AB9"></div><div class="col-auto px-1 my-auto"><i class="far fa-star ml-1" style="font-size: 15px;"></i></div>
  71. </div>
  72. <div class="text-justify p-2">
  73. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
  74. </div>
  75. <!-- likes n dislikes -->
  76. <div class="row no-gutters p-1">
  77. <div class="col-auto display-4 text-uppercase mr-1 font-weight-bold" style="font-size: 15px; letter-spacing: 1px;">Likes & Dislikes</div>
  78. <div class="col my-auto"><hr class="my-0 mr-2 ml-2" style="background-color:#779AB9"></div><div class="col-auto px-1 my-auto"><i class="far fa-heart ml-1" style="font-size: 15px;"></i></div>
  79. </div>
  80. <div class="row no-gutters">
  81. <div class="col-sm-6 p-1">
  82. <i class="far fa-check mr-2 mb-0"></i>list
  83. <br>
  84. <i class="far fa-check mr-2 mb-0"></i>some
  85. <br>
  86. <i class="far fa-check mr-2 mb-0"></i>likes
  87. <br>
  88. <i class="far fa-check mr-2 mb-0"></i>here
  89. </div>
  90.  
  91. <div class="col-sm-6 p-1">
  92. <i class="far fa-times mr-2 mb-0"></i>list
  93. <br>
  94. <i class="far fa-times mr-2 mb-0"></i>some
  95. <br>
  96. <i class="far fa-times mr-2 mb-0"></i>likes
  97. <br>
  98. <i class="far fa-times mr-2 mb-0"></i>here
  99. </div>
  100. </div>
  101. <!-- trivia -->
  102. <div class="row no-gutters p-1">
  103. <div class="col-auto display-4 text-uppercase mr-1 font-weight-bold" style="font-size: 15px; letter-spacing: 1px;">Trivia</div>
  104. <div class="col my-auto"><hr class="my-0 mr-2 ml-2" style="background-color:#779AB9"></div><div class="col-auto px-1 my-auto"><i class="far fa-question ml-1" style="font-size: 15px;"></i></div>
  105. </div>
  106. <div class="row no-gutters">
  107. <div class="col-sm-6 p-1">
  108. <i class="far fa-angle-right mr-2 mb-0"></i>list
  109. <br>
  110. <i class="far fa-angle-right mr-2 mb-0"></i>some
  111. <br>
  112. <i class="far fa-angle-right mr-2 mb-0"></i>triva
  113. <br>
  114. <i class="far fa-angle-right mr-2 mb-0"></i>here
  115. </div>
  116.  
  117. <div class="col-sm-6 p-1">
  118. <i class="far fa-angle-right mr-2 mb-0"></i>list
  119. <br>
  120. <i class="far fa-angle-right mr-2 mb-0"></i>some
  121. <br>
  122. <i class="far fa-angle-right mr-2 mb-0"></i>trivia
  123. <br>
  124. <i class="far fa-angle-right mr-2 mb-0"></i>here
  125. </div>
  126. </div>
  127. <!-- background -->
  128. <div class="row no-gutters p-1">
  129. <div class="col-auto display-4 text-uppercase mr-1 font-weight-bold" style="font-size: 15px; letter-spacing: 1px;">Background</div>
  130. <div class="col my-auto"><hr class="my-0 mr-2 ml-2" style="background-color:#779AB9"></div><div class="col-auto px-1 my-auto"><i class="far fa-book-open ml-1" style="font-size: 15px;"></i></div>
  131. </div>
  132. <div class="text-justify p-2">
  133. <p><span class="mr-3"></span>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Adipiscing bibendum est ultricies integer quis auctor. Turpis egestas pretium aenean pharetra. Mattis nunc sed blandit libero volutpat sed cras ornare.</p>
  134. <p><span class="mr-3"></span>Pretium viverra suspendisse potenti nullam. Viverra tellus in hac habitasse platea. Vitae aliquet nec ullamcorper sit amet risus nullam eget. Ut faucibus pulvinar elementum integer enim neque. Tellus in hac habitasse platea. Nibh tortor id aliquet lectus.</p>
  135. </div>
  136. <!-- relations -->
  137. <div class="row no-gutters p-1">
  138. <div class="col-auto display-4 text-uppercase mr-1 font-weight-bold" style="font-size: 15px; letter-spacing: 1px;">Relations</div>
  139. <div class="col my-auto"><hr class="my-0 mr-2 ml-2" style="background-color:#779AB9"></div><div class="col-auto px-1 my-auto"><i class="far fa-users ml-1" style="font-size: 15px;"></i></div>
  140. </div>
  141. <div class="row no-gutters">
  142. <div class="col-sm-6 p-1">
  143. <div class="row no-gutters p-1">
  144. <a href="URL_HERE" class="font-weight-bold" style="color:#779AB9">Name</a>
  145. <div class="col my-auto"><hr class="my-0 mr-2 ml-2" style="background-color:#779AB9"></div><div class="col-auto px-1 my-auto">relation</div>
  146. </div>
  147. <div class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  148. </div>
  149.  
  150. <div class="col-sm-6 p-1">
  151. <div class="row no-gutters p-1">
  152. <a href="URL_HERE" class="font-weight-bold" style="color:#779AB9">Name</a>
  153. <div class="col my-auto"><hr class="my-0 mr-2 ml-2" style="background-color:#779AB9"></div><div class="col-auto px-1 my-auto">relation</div>
  154. </div>
  155. <div class="text-justify">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div>
  156. </div>
  157.  
  158.  
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </div>
  164. </div>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!