API tools faq
paste
Advertisement
caticooties

pomf folder (cc) code

caticooties
Jan 8th, 2021
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.95 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2.  
  3. POMF FOLDER (CC) / by cati/dogboy
  4.  
  5. NOTES
  6. accent: #8594CE
  7. bg color: #FADEEE
  8. (use ctrl+f + replace for accent replacement)
  9. 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 pls dont remove my credit!!
  15. - have a nice day!!
  16.  
  17. --->
  18.  
  19. <div class="container" style="background:none;max-width:1030px;margin:70px auto;">
  20. <div class="row">
  21. <!--- info column --->
  22. <div class="col-lg-8 p-2">
  23. <div class="card h-100" style="background-color:#FADEEE;border:0px;">
  24. <div class="card p-2" style="background:#FFF;margin:13px;border-radius:0px;">
  25. <div class="d-flex justify-content-between">
  26. <i class="fas fa-star fa-3x" style="color:#8594CE"></i>
  27. <!--- name --->
  28. <h1 class="my-auto" style="color:#8594CE;font-weight:500;letter-spacing:0.09em;font-size:25px;">
  29. FOLDER TITLE
  30. </h1>
  31. <i class="fas fa-star fa-3x" style="color:#8594CE"></i>
  32. </div>
  33. </div>
  34. <div class="card p-3" style="background:#FFF;border:0px;border-radius:0px;margin:0px 13px 15px;height:200px;overflow:auto;">
  35. <!--- intro --->
  36. <p class="text-center" style="color:#8594CE;font-weight:350;">
  37. 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. 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.
  38. </p>
  39. </div>
  40. <div class="card p-2" style="background:#FFF;border:0px;border-radius:0px;margin:0px 13px 15px;height:200px;overflow:auto;">
  41. <!--- characters --->
  42. <div class="row no-gutters justify-content-center">
  43. <div class="col-3 text-center">
  44. <h3 class="font-italic" style="color:#8594CE;letter-spacing:1px;font-weight:400;"><a href="URLHERE" style="color:#8594CE;">Name</a></h3>
  45. <img class="fr-rounded" style="width:130px;border:4px solid #8594CE;" src="https://64.media.tumblr.com/381f7a94234b22369a52873047e8bf25/tumblr_ok5c98Ibxl1qjkre8o1_250.png">
  46. </div>
  47. <div class="col-3 text-center">
  48. <h3 class="font-italic" style="color:#8594CE;letter-spacing:1px;font-weight:400;"><a href="URLHERE" style="color:#8594CE;">Name</a></h3>
  49. <img class="fr-rounded" style="width:130px;border:4px solid #8594CE;" src="https://64.media.tumblr.com/381f7a94234b22369a52873047e8bf25/tumblr_ok5c98Ibxl1qjkre8o1_250.png">
  50. </div>
  51. <div class="col-3 text-center">
  52. <h3 class="font-italic" style="color:#8594CE;letter-spacing:1px;font-weight:400;"><a href="URLHERE" style="color:#8594CE;">Name</a></h3>
  53. <img class="fr-rounded" style="width:130px;border:4px solid #8594CE;" src="https://64.media.tumblr.com/381f7a94234b22369a52873047e8bf25/tumblr_ok5c98Ibxl1qjkre8o1_250.png">
  54. </div>
  55. <div class="col-3 text-center">
  56. <h3 class="font-italic" style="color:#8594CE;letter-spacing:1px;font-weight:400;"><a href="URLHERE" style="color:#8594CE;">Name</a></h3>
  57. <img class="fr-rounded" style="width:130px;border:4px solid #8594CE;" src="https://64.media.tumblr.com/381f7a94234b22369a52873047e8bf25/tumblr_ok5c98Ibxl1qjkre8o1_250.png">
  58. </div>
  59. </div>
  60. <div class="row no-gutters mt-2 justify-content-center">
  61. <div class="col-3 text-center">
  62. <h3 class="font-italic" style="color:#8594CE;letter-spacing:1px;font-weight:400;"><a href="URLHERE" style="color:#8594CE;">Name</a></h3>
  63. <img class="fr-rounded" style="width:130px;border:4px solid #8594CE;" src="https://64.media.tumblr.com/381f7a94234b22369a52873047e8bf25/tumblr_ok5c98Ibxl1qjkre8o1_250.png">
  64. </div>
  65. <div class="col-3 text-center">
  66. <h3 class="font-italic" style="color:#8594CE;letter-spacing:1px;font-weight:400;"><a href="URLHERE" style="color:#8594CE;">Name</a></h3>
  67. <img class="fr-rounded" style="width:130px;border:4px solid #8594CE;" src="https://64.media.tumblr.com/381f7a94234b22369a52873047e8bf25/tumblr_ok5c98Ibxl1qjkre8o1_250.png">
  68. </div>
  69. <div class="col-3 text-center">
  70. <h3 class="font-italic" style="color:#8594CE;letter-spacing:1px;font-weight:400;"><a href="URLHERE" style="color:#8594CE;">Name</a></h3>
  71. <img class="fr-rounded" style="width:130px;border:4px solid #8594CE;" src="https://64.media.tumblr.com/381f7a94234b22369a52873047e8bf25/tumblr_ok5c98Ibxl1qjkre8o1_250.png">
  72. </div>
  73. <div class="col-3 text-center">
  74. <h3 class="font-italic" style="color:#8594CE;letter-spacing:1px;font-weight:400;"><a href="URLHERE" style="color:#8594CE;">Name</a></h3>
  75. <img class="fr-rounded" style="width:130px;border:4px solid #8594CE;" src="https://64.media.tumblr.com/381f7a94234b22369a52873047e8bf25/tumblr_ok5c98Ibxl1qjkre8o1_250.png">
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. <div class="col-lg-4 p-2">
  82. <div class="card h-100 hidden-sm-down" style="background:#FADEEE;border:0px;">
  83. <!--- image --->
  84. <div class="card h-100 m-3" style="background:url('https://www.downvids.net/video/bestimages/img-denzerosubs-honeyworks-ft-narumi-sena-cv-amamiya-sora-310.jpg');background-size:cover;background-position:center;"></div>
  85. </div>
  86. </div>
  87. </div>
  88. <!--- credit, dont remove pls! --->
  89. <a class="d-block text-muted text-right mr-2" href="9474647" style="font-size:0.6em;">code by cati <i class="fad fa-rainbow"></i></a>
  90. </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!