API tools faq
paste
vladimirpinarum

F2U Painted - Dark

vladimirpinarum
Apr 2nd, 2021 (edited)
1,082
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.18 KB | None | 0 0
raw download clone embed print report
  1. <!----------------------------------------------------------------
  2. PAINTED PROFILE - DARK
  3. Profile by HTMLobster (noll)
  4.  
  5. REPLACE COLORS:
  6. Image background: https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg
  7. Box background: rgba(16,19,37,.7)
  8. Link color: color:#fff;
  9. Text color: color:#d8d6ec;
  10. Progress bar: #b23867
  11.  
  12.  
  13. TOS:
  14. Do not remove my credit. You may edit it, however.
  15. You may edit code/frankenstein with others as long as their TOS allows!
  16. Turn off WYSIWYG and turn on Code Editor.
  17. Ask me if you want to redistribute edits. Must be F2U.
  18. ------------------------------------------------------------------>
  19. <!--- Outer background --->
  20. <div class="container rounded p-3" style="max-width:900px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  21. <div class="row no-gutters">
  22. <!--- Left column --->
  23. <div class="col-md-4 rounded p-3 mr-md-3 mr-0 mb-3 mb-md-0" style="background:rgba(16,19,37,.7);">
  24. <!--- Character name --->
  25. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">Character Name</h1>
  26. <!--- Character image --->
  27. <div class="rounded" style="height:300px; background:rgba(16,19,37,.7) url('https://via.placeholder.com/700.png') center; background-size:cover;"></div>
  28. </div>
  29. <!--- Right column --->
  30. <div class="col-md rounded p-3" style="background:rgba(16,19,37,.7); height:372px;">
  31. <div>
  32. <!--- Info --->
  33. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">Basic Information</h1>
  34. <div>
  35. <!--- Basics --->
  36. <table class="w-100 border-0 mt-0 mb-2" style="color:#d8d6ec;">
  37. <tr class="row no-gutters">
  38. <td class="col p-0 text-uppercase font-weight-bold">Nickname</td>
  39. <td class="col text-right mr-4 p-0">Name</td>
  40. <td class="col p-0 text-uppercase font-weight-bold">Age</td>
  41. <td class="col text-right p-0">Age</td>
  42. </tr>
  43. <tr class="row no-gutters">
  44. <td class="col p-0 text-uppercase font-weight-bold">Gender</td>
  45. <td class="col text-right mr-4 p-0">Gender</td>
  46. <td class="col p-0 text-uppercase font-weight-bold">Pronouns</td>
  47. <td class="col text-right p-0">Pronouns</td>
  48. </tr>
  49. <tr class="row no-gutters">
  50. <td class="col p-0 text-uppercase font-weight-bold">Height</td>
  51. <td class="col text-right mr-4 p-0">Height</td>
  52. <td class="col p-0 text-uppercase font-weight-bold">Weight</td>
  53. <td class="col text-right p-0">Weight</td>
  54. </tr>
  55. <tr class="row no-gutters">
  56. <td class="col p-0 text-uppercase font-weight-bold">Build</td>
  57. <td class="col text-right mr-4 p-0">Build</td>
  58. <td class="col p-0 text-uppercase font-weight-bold">Species</td>
  59. <td class="col text-right p-0">Species</td>
  60. </tr>
  61. </table>
  62. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  63. <div class="mt-2 justify-content-around" style="color:#d8d6ec;">
  64. <!--- Song lyrics/quote --->
  65. <i class="fas fa-quote-left mr-2"></i><span style="font-size:1.4em;">Short song lyrics/quote here. About 1 line.</span><i class="fas fa-quote-right ml-2"></i>
  66. </div>
  67. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  68. <!--- Stats --->
  69. <!--- Edit width and aria-valuenow --->
  70. <div class="mt-2 row no-gutters" style="color:#d8d6ec;">
  71. <div class="col-4 text-uppercase font-weight-bold">Strength</div>
  72. <div class="col">
  73. <div class="progress" style="background:#fff;">
  74. <div class="progress-bar" role="progressbar" style="width:50%; background:#b23867;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="row no-gutters" style="color:#d8d6ec;">
  79. <div class="col-4 text-uppercase font-weight-bold">Perception</div>
  80. <div class="col">
  81. <div class="progress" style="background:#fff;">
  82. <div class="progress-bar" role="progressbar" style="width:25%; background:#b23867;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="row no-gutters" style="color:#d8d6ec;">
  87. <div class="col-4 text-uppercase font-weight-bold">Endurance</div>
  88. <div class="col">
  89. <div class="progress" style="background:#fff;">
  90. <div class="progress-bar" role="progressbar" style="width:50%; background:#b23867;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
  91. </div>
  92. </div>
  93. </div>
  94. <div class="row no-gutters" style="color:#d8d6ec;">
  95. <div class="col-4 text-uppercase font-weight-bold">Charisma</div>
  96. <div class="col">
  97. <div class="progress" style="background:#fff;">
  98. <div class="progress-bar" role="progressbar" style="width:50%; background:#b23867;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
  99. </div>
  100. </div>
  101. </div>
  102. <div class="row no-gutters" style="color:#d8d6ec;">
  103. <div class="col-4 text-uppercase font-weight-bold">Intelligence</div>
  104. <div class="col">
  105. <div class="progress" style="background:#fff;">
  106. <div class="progress-bar" role="progressbar" style="width:50%; background:#b23867;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
  107. </div>
  108. </div>
  109. </div>
  110. <div class="row no-gutters" style="color:#d8d6ec;">
  111. <div class="col-4 text-uppercase font-weight-bold">Agility</div>
  112. <div class="col">
  113. <div class="progress" style="background:#fff;">
  114. <div class="progress-bar" role="progressbar" style="width:50%; background:#b23867;" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
  115. </div>
  116. </div>
  117. </div>
  118. <div class="row no-gutters" style="color:#d8d6ec;">
  119. <div class="col-4 text-uppercase font-weight-bold">Luck</div>
  120. <div class="col">
  121. <div class="progress" style="background:#fff;">
  122. <div class="progress-bar" role="progressbar" style="width:75%; background:#b23867;" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. </div>
  130. <!--- History --->
  131. <div class="mt-3 col-md rounded p-3" style="background:rgba(16,19,37,.7);">
  132. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">History</h1>
  133. <p style="color:#d8d6ec;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac enim porttitor, sodales lorem eget, rhoncus sapien. Morbi iaculis arcu risus, vel pellentesque risus tincidunt at. In malesuada ornare quam consectetur vehicula. Vivamus id pulvinar tellus, vitae elementum justo. Donec commodo interdum justo. Donec elementum, leo nec fringilla malesuada, turpis nibh maximus lacus, in efficitur odio ligula sit amet ipsum. Donec blandit maximus urna, vel sodales mi porttitor in.</p>
  134. <p style="color:#d8d6ec;">Suspendisse lobortis vitae mauris et malesuada. Morbi blandit nec nunc id porta. Mauris ante arcu, fermentum a ullamcorper quis, vulputate nec sapien. Vivamus id erat enim. Ut id condimentum tellus. Cras mauris massa, interdum id leo et, sodales pellentesque arcu. Etiam elementum molestie nisl. In vitae aliquam lacus. Sed nec ipsum a magna cursus imperdiet eu at ex. In convallis turpis sagittis condimentum imperdiet. In hac habitasse platea dictumst. Vivamus id quam id purus pulvinar condimentum. Donec ut leo nunc.</p>
  135. <p style="color:#d8d6ec;">Sed ac dui non leo imperdiet molestie vel non ipsum. Proin iaculis diam sed ligula dignissim, a pellentesque nisl suscipit. Mauris vulputate ligula ac erat viverra, malesuada viverra ligula posuere. Sed ullamcorper molestie mauris ac efficitur. Integer ut metus tincidunt, mattis lacus ut, blandit ligula. Phasellus fringilla, urna id mollis tincidunt, neque elit ultrices odio, in semper ipsum nulla a neque. Sed et ante magna. </p>
  136. </div>
  137. <!--- Personality --->
  138. <div class="mt-3 col-md rounded p-3" style="background:rgba(16,19,37,.7);">
  139. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">Personality</h1>
  140. <p style="color:#d8d6ec;">Cras eleifend mi at purus tempus ultricies. Quisque porta volutpat sapien, eu bibendum sem sagittis vel. Phasellus facilisis sodales risus, ut congue ligula consectetur a. Pellentesque eros dolor, elementum eu massa vel, consectetur molestie nisl. Ut vehicula blandit suscipit. Morbi dapibus lobortis lacinia. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean porta eleifend nibh non tempus. Proin eget blandit tortor. Mauris tristique venenatis justo non iaculis. Curabitur facilisis tempor quam et egestas. Nullam vitae libero nulla.</p>
  141. <p style="color:#d8d6ec;">Phasellus et augue ullamcorper, lobortis dolor vitae, consequat velit. Nulla facilisi. Morbi feugiat massa sed diam mollis, vitae malesuada nisi rhoncus. Praesent ac arcu quis ex vestibulum vehicula. Praesent cursus erat non arcu convallis pulvinar. Morbi ultrices vestibulum lectus in sollicitudin. Ut vel tellus egestas, sagittis urna ut, pharetra urna.</p>
  142. </div>
  143. <div class="mt-3 row no-gutters">
  144. <!--- Likes --->
  145. <div class="col-md rounded p-3 mr-md-3 mr-0" style="background:rgba(16,19,37,.7);">
  146. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">Likes</h1>
  147. <ul class="fa-ul mb-0" style="color:#d8d6ec;">
  148. <li><i class="fa-li fas fa-heart"></i> Like</li>
  149. <li><i class="fa-li fas fa-heart"></i> Like</li>
  150. <li><i class="fa-li fas fa-heart"></i> Like</li>
  151. <li><i class="fa-li fas fa-heart"></i> Like</li>
  152. <li><i class="fa-li fas fa-heart"></i> Like</li>
  153. </ul>
  154. </div>
  155. <!--- Dislikes --->
  156. <div class="col-md rounded p-3 mr-md-3 mr-0" style="background:rgba(16,19,37,.7);">
  157. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">Dislikes</h1>
  158. <ul class="fa-ul mb-0" style="color:#d8d6ec;">
  159. <li><i class="fa-li fas fa-times"></i> Dislike</li>
  160. <li><i class="fa-li fas fa-times"></i> Dislike</li>
  161. <li><i class="fa-li fas fa-times"></i> Dislike</li>
  162. <li><i class="fa-li fas fa-times"></i> Dislike</li>
  163. <li><i class="fa-li fas fa-times"></i> Dislike</li>
  164. </ul>
  165. </div>
  166. <!--- Trivia --->
  167. <div class="col-md rounded p-3" style="background:rgba(16,19,37,.7);">
  168. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">Trivia</h1>
  169. <ul class="fa-ul mb-0" style="color:#d8d6ec;">
  170. <li><i class="fa-li fas fa-lightbulb"></i> Fact</li>
  171. <li><i class="fa-li fas fa-lightbulb"></i> Fact</li>
  172. <li><i class="fa-li fas fa-lightbulb"></i> Fact</li>
  173. <li><i class="fa-li fas fa-lightbulb"></i> Fact</li>
  174. <li><i class="fa-li fas fa-lightbulb"></i> Fact</li>
  175. </ul>
  176. </div>
  177. </div>
  178. <!--- Appearance --->
  179. <div class="mt-3 col-md rounded p-3" style="background:rgba(16,19,37,.7);">
  180. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">Appearance</h1>
  181. <div class="row no-gutters">
  182. <div class="col-md mr-2">
  183. <p style="color:#d8d6ec;">Suspendisse gravida, risus eget laoreet consectetur, magna lacus tempus risus, vitae vestibulum nisi leo id nibh. Nam vel placerat dolor. Duis non dolor sit amet nunc dignissim pulvinar. Aliquam in luctus odio, et elementum augue. Maecenas fermentum pharetra turpis, vel tempus mauris interdum nec. </p>
  184. <p style="color:#d8d6ec;">Morbi placerat libero dui, quis pretium nunc ornare a. Vivamus pharetra facilisis nunc, sit amet sollicitudin tortor facilisis iaculis. Vestibulum condimentum hendrerit nunc, eget cursus arcu dignissim sed. Pellentesque tincidunt eu quam ut tincidunt. Ut porttitor posuere aliquet.</p>
  185. <p style="color:#d8d6ec;">Nam pellentesque elementum dolor a lobortis. Sed id dui bibendum nunc blandit aliquam sit amet eget dui. Aliquam in fermentum urna, eu condimentum lectus. Nam lobortis ac lacus eu faucibus. Donec bibendum nisi eget lacus mollis, vel pulvinar nulla gravida.</p>
  186. </div>
  187. <div class="col-md row no-gutters mt-3 mt-md-0">
  188. <!--- Icons --->
  189. <div class="col rounded mr-2" style="height:200px; background:url(https://via.placeholder.com/300.png) center; background-size:cover;"></div>
  190. <div class="col rounded" style="height:200px; background:url(https://via.placeholder.com/300.png) center; background-size:cover;"></div>
  191. <div class="col-12 mt-2">
  192. <!--- Design Notes --->
  193. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">Design Notes</h1>
  194. <ul class="fa-ul mb-0" style="color:#d8d6ec;">
  195. <li><i class="fa-li fas fa-pen"></i> Note</li>
  196. <li><i class="fa-li fas fa-pen"></i> Note</li>
  197. <li><i class="fa-li fas fa-pen"></i> Note</li>
  198. <li><i class="fa-li fas fa-pen"></i> Note</li>
  199. <li><i class="fa-li fas fa-pen"></i> Note</li>
  200. </ul>
  201. </div>
  202. </div>
  203. </div>
  204. </div>
  205. <!--- Relationships --->
  206. <div class="mt-3 col-md rounded p-3" style="background:rgba(16,19,37,.7);">
  207. <h1 class="rounded text-center py-1" style="color:#fff; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover; font-weight:bold;">Relationships</h1>
  208. <!--- Relations row 1 --->
  209. <div class="row no-gutters mb-2">
  210. <!--- Relation 1 --->
  211. <div class="col-md col-6 pr-2 mb-2 mb-md-0">
  212. <div class="rounded" style="height:200px; background:url(https://via.placeholder.com/350.png) center; background-size:cover;"></div>
  213. <div class="mt-2" style="color:#d8d6ec;">
  214. <a class="btn font-weight-bold w-100" style="color:#fff; background:url(https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg) center; background-size:cover; font-size:1.2em;" href="CHAR_URL">Character Name</a>
  215. <p class="font-italic text-center mb-0">Relationship</p>
  216. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  217. <p class="text-justify">Describe a relationship here. Can be as long as you want.</p>
  218. </div>
  219. </div>
  220. <!--- Relation 2 --->
  221. <div class="col-md col-6 pr-md-2 pr-0 mb-2 mb-md-0">
  222. <div class="rounded" style="height:200px; background:url(https://via.placeholder.com/350.png) center; background-size:cover;"></div>
  223. <div class="mt-2" style="color:#d8d6ec;">
  224. <a class="btn font-weight-bold w-100" style="color:#fff; background:url(https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg) center; background-size:cover; font-size:1.2em;" href="CHAR_URL">Character Name</a>
  225. <p class="font-italic text-center mb-0">Relationship</p>
  226. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  227. <p class="text-justify">Describe a relationship here. Can be as long as you want.</p>
  228. </div>
  229. </div>
  230. <!--- Relation 3 --->
  231. <div class="col-md col-6 pr-2">
  232. <div class="rounded" style="height:200px; background:url(https://via.placeholder.com/350.png) center; background-size:cover;"></div>
  233. <div class="mt-2" style="color:#d8d6ec;">
  234. <a class="btn font-weight-bold w-100" style="color:#fff; background:url(https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg) center; background-size:cover; font-size:1.2em;" href="CHAR_URL">Character Name</a>
  235. <p class="font-italic text-center mb-0">Relationship</p>
  236. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  237. <p class="text-justify">Describe a relationship here. Can be as long as you want.</p>
  238. </div>
  239. </div>
  240. <!--- Relation 4 --->
  241. <div class="col-md col-6">
  242. <div class="rounded" style="height:200px; background:url(https://via.placeholder.com/350.png) center; background-size:cover;"></div>
  243. <div class="mt-2" style="color:#d8d6ec;">
  244. <a class="btn font-weight-bold w-100" style="color:#fff; background:url(https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg) center; background-size:cover; font-size:1.2em;" href="CHAR_URL">Character Name</a>
  245. <p class="font-italic text-center mb-0">Relationship</p>
  246. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  247. <p class="text-justify">Describe a relationship here. Can be as long as you want.</p>
  248. </div>
  249. </div>
  250. </div>
  251. <!--- Relations row 2 --->
  252. <div class="row no-gutters">
  253. <!--- Relation 5 --->
  254. <div class="col-md col-6 pr-2 mb-2 mb-md-0">
  255. <div class="rounded" style="height:200px; background:url(https://via.placeholder.com/350.png) center; background-size:cover;"></div>
  256. <div class="mt-2" style="color:#d8d6ec;">
  257. <a class="btn font-weight-bold w-100" style="color:#fff; background:url(https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg) center; background-size:cover; font-size:1.2em;" href="CHAR_URL">Character Name</a>
  258. <p class="font-italic text-center mb-0">Relationship</p>
  259. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  260. <p class="text-justify">Describe a relationship here. Can be as long as you want.</p>
  261. </div>
  262. </div>
  263. <!--- Relation 6 --->
  264. <div class="col-md col-6 pr-md-2 pr-0 mb-2 mb-md-0">
  265. <div class="rounded" style="height:200px; background:url(https://via.placeholder.com/350.png) center; background-size:cover;"></div>
  266. <div class="mt-2" style="color:#d8d6ec;">
  267. <a class="btn font-weight-bold w-100" style="color:#fff; background:url(https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg) center; background-size:cover; font-size:1.2em;" href="CHAR_URL">Character Name</a>
  268. <p class="font-italic text-center mb-0">Relationship</p>
  269. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  270. <p class="text-justify">Describe a relationship here. Can be as long as you want.</p>
  271. </div>
  272. </div>
  273. <!--- Relation 7 --->
  274. <div class="col-md col-6 pr-2">
  275. <div class="rounded" style="height:200px; background:url(https://via.placeholder.com/350.png) center; background-size:cover;"></div>
  276. <div class="mt-2" style="color:#d8d6ec;">
  277. <a class="btn font-weight-bold w-100" style="color:#fff; background:url(https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg) center; background-size:cover; font-size:1.2em;" href="CHAR_URL">Character Name</a>
  278. <p class="font-italic text-center mb-0">Relationship</p>
  279. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  280. <p class="text-justify">Describe a relationship here. Can be as long as you want.</p>
  281. </div>
  282. </div>
  283. <!--- Relation 8 --->
  284. <div class="col-md col-6">
  285. <div class="rounded" style="height:200px; background:url(https://via.placeholder.com/350.png) center; background-size:cover;"></div>
  286. <div class="mt-2" style="color:#d8d6ec;">
  287. <a class="btn font-weight-bold w-100" style="color:#fff; background:url(https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg) center; background-size:cover; font-size:1.2em;" href="CHAR_URL">Character Name</a>
  288. <p class="font-italic text-center mb-0">Relationship</p>
  289. <hr class="my-1 rounded" style="height:4px; background:url('https://cdn.discordapp.com/attachments/827641601148452864/827662628079272026/dark.jpg') center; background-size:cover;">
  290. <p class="text-justify">Describe a relationship here. Can be as long as you want.</p>
  291. </div>
  292. </div>
  293. </div>
  294. </div>
  295. </div>
  296. <div class="container" style="max-width:900px;">
  297. <div class="text-right">
  298. <a class="mr-1" href="https://unsplash.com/photos/GT2I5UgV218" style="font-size:1.3em;color:#000;" data-toggle="tooltip" title="bg from Unsplash"><i class="fas fa-camera"></i></a> <a href="https://toyhou.se/HTMLobster" style="font-size:1.4em;color:#000;" data-toggle="tooltip" title="theme by noll"><i class="fas fa-rabbit-fast"></i></a>
  299. </div>
  300. </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!