API tools faq
paste
caticooties

comet honeymoon code

caticooties
Oct 13th, 2020 (edited)
186
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.75 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. COMET HONEYMOON / by cati/dogboy
  4.  
  5. NOTES
  6. accent: #0DC9B6
  7. awesomefont icon: fas fa-star
  8. (use ctrl+f + replace for accent/icon replacement)
  9. semi-mobile friendly + custom colors! ✔✔✔
  10.  
  11. RULES & DISCLAIMERS
  12. - fav/comment if using pls!
  13. - not wysiwyg friendly so please turn that off!
  14. - feel free to edit/frakenstein/etc if you feel! just keep my credit pwease
  15. - have a nice day!!
  16.  
  17. --->
  18.  
  19. <div class="container-fluid" style="background:url(https://64.media.tumblr.com/3ed14cbbe301c5f0e7c457e07f9e593a/tumblr_mwql1zRDWb1sgo88eo3_250.png) repeat fixed;padding:20px;border-radius:40px;max-width:1000px;margin:30px auto 5px;">
  20. <div class="row no-gutters d-flex justify-content-center">
  21. <i class="fas fa-star fa-3x p-3 fa-spin" style="color:#0DC9B6"></i>
  22. <div class="card col-8 p-3" style="background-color:#FFFFFF;overflow:auto;max-height:300px;border-radius:20px;border:0px;">
  23. <h3 class="text-uppercase font-weight-bold my-2 p-0" style="color:#0DC9B6;font-size:30px;letter-spacing:3px;font-family:bookman;" align="center">banner text!</h3>
  24. </div>
  25. <i class="fas fa-star fa-3x p-3 fa-spin" style="color:#0DC9B6"></i>
  26. </div>
  27. <div class="container-fluid" style="background:url(https://64.media.tumblr.com/07008339d680132591fdaba6bb28c457/tumblr_inline_n5br6fUeZK1r4ugnn.png) repeat fixed;padding:10px;border-radius:10px;margin:20px auto;">
  28. <div class="row no-gutters p-4" align="center">
  29. <div class="col-md-3 p-2">
  30. <img class="mx-auto d-block sm-shadow" style="max-width:100%;border:3px dashed #0DC9B6;" src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/17913608_qh5.png">
  31. </div>
  32. <div class="col-md-6">
  33. <div class="card m-2 p-2" style="background-color:#FFFFFF;height:220px;border-radius:10px;overflow:auto;border:0px;">
  34. <p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
  35. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
  36. <br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
  37. </div>
  38. </div>
  39. <div class="col-md-3 p-2">
  40. <img class="mx-auto d-block sm-shadow" style="max-width:100%;border:3px dashed #0DC9B6;" src="https://f2.toyhou.se/file/f2-toyhou-se/thumbnails/26487363_MfJ.png">
  41. </div>
  42. </div>
  43. </div>
  44. <div class="container-fluid" style="background:none;padding-top:40px;">
  45. <div class="row no-gutters">
  46. <div class="col-md-4 p-1">
  47. <div class="card" style="position:relative;background-color:#0DC9B6;height:300px;border:0px;">
  48. <i class="fas fa-star fa-3x ml-4 my-3" style="color:#FFFFFF"></i>
  49. <i class="fas fa-star fa-3x" style="color:#FFFFFF;margin-left:230px;margin-top:-60px;"></i>
  50. <div class="w-100 text-center" style="position:absolute;top:-50px;">
  51. <img style="height:120px;width:120px;border:5px solid #0DC9B6;" src="https://static.wikia.nocookie.net/vocaloid/images/1/11/NayutalieN_-_Object_Y_From_the_Nayutan_Stars.jpg/revision/latest/scale-to-width-down/340?cb=20170319080723" class="d-block mx-auto rounded-circle">
  52. <div class="card" style="background-color:#FFFFFF;height:200px;max-width:83%;border-radius:5px;overflow:auto;border:0px;margin-left:25px;margin-top:10px;border:3px dashed #0DC9B6;">
  53. <p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
  54. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
  55. <br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
  56. </div>
  57. </div>
  58. </div>
  59. </div>
  60. <div class="col-md-4 p-1">
  61. <div class="card" style="position:relative;background-color:#0DC9B6;height:300px;border:0px;">
  62. <i class="fas fa-star fa-3x ml-4 my-3" style="color:#FFFFFF"></i>
  63. <i class="fas fa-star fa-3x" style="color:#FFFFFF;margin-left:230px;margin-top:-60px;"></i>
  64. <div class="w-100 text-center" style="position:absolute;top:-50px;">
  65. <img style="height:120px;width:120px;border:5px solid #0DC9B6;" src="https://static.wikia.nocookie.net/vocaloid/images/c/c4/NayutalieN_-_Object_Z_From_the_Nayutan_Stars.jpg/revision/latest/scale-to-width-down/340?cb=20180712155105" class="d-block mx-auto rounded-circle">
  66. <div class="card" style="background-color:#FFFFFF;height:200px;max-width:83%;border-radius:5px;overflow:auto;border:0px;margin-left:25px;margin-top:10px;border:3px dashed #0DC9B6;">
  67. <p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
  68. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
  69. <br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
  70. </div>
  71. </div>
  72. </div>
  73. </div>
  74. <div class="col-md-4 p-1">
  75. <div class="card" style="position:relative;background-color:#0DC9B6;height:300px;border:0px;">
  76. <i class="fas fa-star fa-3x ml-4 my-3" style="color:#FFFFFF"></i>
  77. <i class="fas fa-star fa-3x" style="color:#FFFFFF;margin-left:230px;margin-top:-60px;"></i>
  78. <div class="w-100 text-center" style="position:absolute;top:-50px;">
  79. <img style="height:120px;width:120px;border:5px solid #0DC9B6;" src="https://static.wikia.nocookie.net/vocaloid/images/2/23/NayutalieN_-_Object_N_From_the_Nayutan_Stars.jpg/revision/latest/scale-to-width-down/340?cb=20200409050123" class="d-block mx-auto rounded-circle">
  80. <div class="card" style="background-color:#FFFFFF;height:200px;max-width:83%;border-radius:5px;overflow:auto;border:0px;margin-left:25px;margin-top:10px;border:3px dashed #0DC9B6;">
  81. <p class="text-center p-3" style="letter-spacing:1px;color:#0DC9B6;">
  82. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non auctor lorem. Maecenas et viverra nibh. Duis eget dignissim dolor. Ut eu turpis porta, bibendum odio vitae, efficitur leo. Aenean ultrices, nulla in maximus consectetur, libero eros efficitur ex, vel faucibus sapien sem et leo. Pellentesque massa est, pretium sed euismod sit amet, iaculis sit amet justo.
  83. <br><br>Sed malesuada ultricies tincidunt. Sed odio turpis, bibendum nec justo sed, lacinia sagittis nunc. Mauris facilisis purus neque, id feugiat sem malesuada vel. Aenean id nisl quis nulla vehicula iaculis quis sit amet sapien. Vestibulum faucibus lectus sit amet justo tempus hendrerit. Praesent ut lacus neque. Curabitur vitae sem at sapien rutrum dictum.</p>
  84. </div>
  85. </div>
  86. </div>
  87. </div>
  88. </div>
  89. </div>
  90. </div>
  91. <!--- credit, dont remove pls! --->
  92. <a class="d-block text-muted text-center" href="https://toyhou.se/8512534.comet-honeymoon-f2u-html" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>
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!