API tools faq
paste
ShadowDarespark

Cottagecore Code

ShadowDarespark
Apr 2nd, 2021 (edited)
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.53 KB | None | 0 0
raw download clone embed print report
  1. <div style="border-radius: 1em; background-image: url(https://cdn.discordapp.com/attachments/612980054565060639/827493177673383936/Country-sky.png); background-size: 100% 100%">
  2. <div class="row no-gutters">
  3. <div class="col-lg-6 mx-auto p-1 d-flex">
  4. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #BFFFAE">
  5. <p class="text-center" style="color:#497E61; font-size: 1.5rem"><i class="fas fa-quote-left pull-left"></i>You can write a quote here!<i class="fas fa-quote-right pull-right"></i></p>
  6. </div>
  7. </div>
  8. <div class="col-lg-6 mx-auto p-1 d-flex">
  9. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #FFF8BB">
  10. <p class="text-center" style="color:#958B52; font-size: 1.5rem"><i class="fas fa-quote-left pull-left"></i>You can write a quote here!<i class="fas fa-quote-right pull-right"></i></p>
  11. </div>
  12. </div>
  13. </div>
  14.  
  15. <div class="row no-gutters">
  16. <!--//////// LEFT PROFILE ////////-->
  17. <div class="col-lg-4 mx-auto p-1 d-flex">
  18. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #BFFFAE">
  19. <div class="text-uppercase display-2 text-center" style="color:#497E61"><b>Name</b></div>
  20. <div class="text-center my-1" style="color:#497E61">Age . Gender . Adj</div>
  21.  
  22. <!--//////// ABOUT ////////-->
  23. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #AADC9C">
  24. <p>
  25. <span class="text-uppercase" style="color:#497E61;">Nickname -</span>
  26. <span class="pull-right" style="color:#497E61;">content</span>
  27. </p>
  28. <p>
  29. <span class="text-uppercase" style="color:#497E61;">Pronouns -</span>
  30. <span class="pull-right" style="color:#497E61;">content</span>
  31. </p>
  32. <p>
  33. <span class="text-uppercase" style="color:#497E61;">Sexuality -</span>
  34. <span class="pull-right" style="color:#497E61;">content</span>
  35. </p>
  36. <p>
  37. <span class="text-uppercase" style="color:#497E61;">Occupation -</span>
  38. <span class="pull-right" style="color:#497E61;">(or hobby)</span>
  39. </p>
  40. </div>
  41.  
  42. </div>
  43. </div>
  44.  
  45. <!--//////// MIDDLE IMAGE ////////-->
  46.  
  47. <div class="col-lg-4 mx-auto p-1 d-flex">
  48. <div class="card-block p-2 d-flex" style="background-image: url(https://cdn.discordapp.com/attachments/612980054565060639/827488733396729856/EnCbZ6rXEAAvLB5.png);
  49. background-size: cover; border-radius: 1em;">
  50. </div>
  51. </div>
  52.  
  53. <!--//////// RIGHT PROFILE ////////-->
  54.  
  55. <div class="col-lg-4 mx-auto p-1 d-flex">
  56. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #FFF8BB">
  57. <div class="text-uppercase display-2 text-center" style="color:#958B52"><b>Name</b></div>
  58. <div class="text-center my-1" style="color:#958B52">Age . Gender . Adj</div>
  59.  
  60. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #ECE49F">
  61. <!--//////// ABOUT ////////-->
  62. <p>
  63. <span class="text-uppercase" style="color:#958B52;">Nickname -</span>
  64. <span class="pull-right" style="color:#958B52;">content</span>
  65. </p>
  66. <p>
  67. <span class="text-uppercase" style="color:#958B52;">Pronouns -</span>
  68. <span class="pull-right" style="color:#958B52;">content</span>
  69. </p>
  70. <p>
  71. <span class="text-uppercase" style="color:#958B52;">Sexuality -</span>
  72. <span class="pull-right" style="color:#958B52;">content</span>
  73. </p>
  74. <p>
  75. <span class="text-uppercase" style="color:#958B52;">Occupation -</span>
  76. <span class="pull-right" style="color:#958B52;">(or hobby)</span>
  77. </p>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="row no-gutters">
  83. <p class="center">
  84. <!--//////// LEFT ABOUT ////////-->
  85. <div class="col-lg-6 mx-auto p-1 d-flex">
  86. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #BFFFAE">
  87. <div class="text-uppercase display-4" style="color:#497E61"><b><i class="fas fa-tree"></i> About</b></div>
  88.  
  89. <div class="row no-gutters">
  90. <div class="col-12"><hr class="my-1" style="background:#497E61">
  91. </div>
  92. </div>
  93.  
  94. <p style="color:#497E61">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum leo et tellus sollicitudin, vel cursus elit faucibus. Pellentesque nec dolor ipsum. Sed risus elit, accumsan nec elit et, porta aliquet ex. Aliquam lobortis convallis orci consequat suscipit. Ut mattis est risus, at aliquam odio imperdiet nec.
  95. </div>
  96. </div>
  97. <!--//////// RIGHT ABOUT ////////-->
  98. <div class="col-lg-6 mx-auto p-1 d-flex">
  99. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #FFF8BB">
  100. <div class="text-uppercase display-4 text-right" style="color:#958B52"><b>About <i class="fas fa-leaf"></i></b></div>
  101.  
  102. <div class="row no-gutters">
  103. <div class="col-12"><hr class="my-1" style="background:#958B52">
  104. </div>
  105. </div>
  106.  
  107. <p style="color:#958B52">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer dictum leo et tellus sollicitudin, vel cursus elit faucibus. Pellentesque nec dolor ipsum. Sed risus elit, accumsan nec elit et, porta aliquet ex. Aliquam lobortis convallis orci consequat suscipit. Ut mattis est risus, at aliquam odio imperdiet nec.
  108. </div>
  109. </div>
  110. <!--//////// LEFT LINKS ////////-->
  111. <div class="col-lg-6 mx-auto p-1 d-flex">
  112.  
  113. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #BFFFAE">
  114. <div class="text-uppercase display-4" style="color:#497E61"><b><i class="fas fa-link"></i> Links</b></div>
  115.  
  116. <div class="row no-gutters">
  117. <div class="col-12"><hr class="my-1" style="background:#497E61">
  118. </div>
  119. </div>
  120. <p>
  121. <p>
  122. <span class="text-uppercase" style="color:#497E61;">DeviantArt -</span>
  123. <a href="DEVIANTART_LINK"><span class="pull-right" style="color:#497E61; font-size: 1.3rem"><i class="fab fa-deviantart"></i></a></span>
  124. </p>
  125. <p>
  126. <span class="text-uppercase" style="color:#497E61;">Tumblr -</span>
  127. <a href="TUMBLR_LINK"><span class="pull-right" style="color:#497E61; font-size: 1.3rem"><i class="fab fa-tumblr"></i></a></span>
  128. </p>
  129. <p>
  130. <span class="text-uppercase" style="color:#497E61;">Twitter -</span>
  131. <a href="TWITTER_LINK"><span class="pull-right" style="color:#497E61; font-size: 1.3rem"><i class="fab fa-twitter"></i></a></span>
  132. </p>
  133. <p>
  134. <span class="text-uppercase" style="color:#497E61;">Furaffinity -</span>
  135. <a href="FURAFFINITY_LINK"><span class="pull-right" style="color:#497E61; font-size: 1.3rem"><i class="fas fa-paw"></i></a></span>
  136. </p>
  137. <p>
  138. <span class="text-uppercase" style="color:#497E61;">Discord (Name####) -</span>
  139. <span class="pull-right" style="color:#497E61; font-size: 1.3rem"><i class="fab fa-discord"></i></span>
  140. </p>
  141. </div>
  142. </div>
  143.  
  144. <!--//////// RIGHT LINKS ////////-->
  145. <div class="col-lg-6 mx-auto p-1 d-flex">
  146. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #FFF8BB">
  147. <div class="text-uppercase display-4 text-right" style="color:#958B52"><b>Links <i class="fas fa-link"></i></b></div>
  148.  
  149. <div class="row no-gutters">
  150. <div class="col-12"><hr class="my-1" style="background:#958B52">
  151. </div>
  152. </div>
  153. <p>
  154. <p>
  155. <span class="text-uppercase" style="color:#958B52;">DeviantArt -</span>
  156. <a href="DEVIANTART_LINK"><span class="pull-right" style="color:#958B52; font-size: 1.3rem"><i class="fab fa-deviantart"></i></a></span>
  157. </p>
  158. <p>
  159. <span class="text-uppercase" style="color:#958B52;">Tumblr -</span>
  160. <a href="TUMBLR_LINK"><span class="pull-right" style="color:#958B52; font-size: 1.3rem"><i class="fab fa-tumblr"></i></a></span>
  161. </p>
  162. <p>
  163. <span class="text-uppercase" style="color:#958B52;">Twitter -</span>
  164. <a href="TWITTER_LINK"><span class="pull-right" style="color:#958B52; font-size: 1.3rem"><i class="fab fa-twitter"></i></a></span>
  165. </p>
  166. <p>
  167. <span class="text-uppercase" style="color:#958B52;">Furaffinity -</span>
  168. <a href="FURAFFINITY_LINK"><span class="pull-right" style="color:#958B52; font-size: 1.3rem"><i class="fas fa-paw"></i></a></span>
  169. </p>
  170. <p>
  171. <span class="text-uppercase" style="color:#958B52;">Discord (Name####) -</span>
  172. <span class="pull-right" style="color:#958B52; font-size: 1.3rem"><i class="fab fa-discord"></i></span>
  173. </p>
  174. </div>
  175. </div>
  176. <!--//////// LEFT LINKS ////////-->
  177. <div class="col-lg-6 mx-auto p-1 d-flex">
  178.  
  179. <div class="btn card w-100 rounded-1 p-3" style="border-radius: 1em; background: #BFFFAE">
  180. <a href="FOLDER_LINK" class="text-uppercase display-4 text-center" style="color:#497E61"><b><i class="fas fa-folder"></i> Folder</b></a>
  181. </div>
  182. </div>
  183.  
  184. <!--//////// RIGHT LINKS ////////-->
  185. <div class="col-lg-6 mx-auto p-1 d-flex">
  186. <div class="card w-100 rounded-1 p-3" style="border-radius: 1em; background: #FFF8BB">
  187. <a href="FOLDER_LINK" class="text-uppercase display-4 text-center" style="color:#958B52"><b>Folder <i class="fas fa-folder"></i></b></a>
  188. </div>
  189. </div>
  190. </div>
  191. </div>
  192.  
  193. <!--//////// CREDIT - DO NOT REMOVE. ////////-->
  194. <p class="mt-1 text-right">
  195. <a href="/ShadowDarespark" class="btn btn-primary"><i class="fas fa-code mr-1"/>Credit</a>
  196. </p>
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!