API tools faq
paste
Advertisement
rae_stars

Flowers

rae_stars
Jun 15th, 2022 (edited)
316
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.07 KB | None | 0 0
raw download clone embed print report
  1. <div class="card mx-auto bg-faded" style="width:400px;height:1700px;">
  2.  
  3. <div class="card rounded-0" style="width:400px;height:50px;background:#9e85c9;">
  4.  
  5. <p class="mt-2 ml-2" style="font-size:25px; font-family:courier new; letter-spacing:5px;"><i class="fad fa-flower-tulip "></i><i> NAME</i></p>
  6.  
  7. </div>
  8.  
  9.  
  10. <!-- PROFILE IMAGE -->
  11.  
  12.  
  13. <div class="row no-gutters ">
  14.  
  15. <div class="col-6">
  16.  
  17. <div class="card mt-3 ml-3" style="background-image: url(PROFILE IMG);background-position: center;background-repeat: no-repeat;width:200px; background-size:cover;height:200px;"></div>
  18.  
  19. </div>
  20.  
  21.  
  22. <!-- PROFILE IMAGE END -->
  23.  
  24.  
  25.  
  26.  
  27. <!-- PERSONALITY DESCRIPTION -->
  28.  
  29.  
  30. <div class="col-6">
  31.  
  32. <div class="card mt-4 border-0 bg-faded" style="width:150px; height:190px; margin-left:35px;">
  33.  
  34. <p class="text-center">adj . adj . adj </p>
  35.  
  36. <P class="text-justify ">little desciption of your character's personality. this wont scroll btw this looks best when kept short Lorem ipsum dolor sit amet, consectetur adipiscing </P>
  37.  
  38.  
  39.  
  40. </div>
  41.  
  42. </div>
  43.  
  44.  
  45.  
  46. <!-- PERSONALITY DESCRIPTION END -->
  47.  
  48.  
  49.  
  50. </div>
  51.  
  52. <br>
  53.  
  54.  
  55. <!-- BASIC INFORMATION -->
  56.  
  57.  
  58.  
  59. <div class="card rounded-0" style="width:400px;height:50px;background:#9e85c9;">
  60.  
  61. <p class="mt-2 ml-2" style="font-size:25px; font-family:courier new; letter-spacing:5px;"><i class="fad fa-id-badge "></i><i> BASIC INFO</i></p>
  62.  
  63.  
  64. </div>
  65.  
  66.  
  67. <div class="row no-gutters px-3 mt-3 " style="font-family:Verdana;">
  68.  
  69. <div class="col-2"><p>Name</p></div>
  70. <div class="col-10 text-right mb-2" > info </div>
  71.  
  72. <div class="col-2"><p>Age</p></div>
  73. <div class=" col-10 text-right mb-2"> info </div>
  74.  
  75. <div class="col-2"><p>Pronouns</p></div>
  76. <div class=" col-10 text-right mb-2"> info </div>
  77.  
  78. <div class="col-2"><p>Gender</p></div>
  79. <div class=" col-10 text-right mb-2"> info </div>
  80.  
  81. <div class="col-2"><p>Orientation</p></div>
  82. <div class=" col-10 text-right mb-2"> info </div>
  83.  
  84. <div class="col-2"><p>Species</p></div>
  85. <div class=" col-10 text-right mb-2"> info </div>
  86.  
  87. <div class="col-2"><p>Birthday</p></div>
  88. <div class=" col-10 text-right mb-2"> info </div>
  89.  
  90. </div>
  91.  
  92.  
  93.  
  94. <!-- BASIC INFORMATION END -->
  95.  
  96.  
  97.  
  98.  
  99.  
  100. <!-- CHARACTER HISTORY -->
  101.  
  102.  
  103. <div class="card rounded-0 mt-3" style="width:400px;height:50px;background:#9e85c9;">
  104.  
  105. <p class="mt-2 ml-2" style="font-size:25px; font-family:courier new; letter-spacing:5px;"><i class="fad fa-books "></i><i> HISTORY</i></p>
  106.  
  107.  
  108. </div>
  109.  
  110.  
  111. <div class="card mx-auto mt-3 border-0 bg-faded" style="width:370px; height:200px; overflow-x:hidden;overflow-y:auto;">
  112.  
  113.  
  114. <p class="mr-2 ml-2 mt-2 mb-2 text-justify" style="font-family:calibri;font-size:16px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sollicitudin elit sed tellus blandit viverra sed eget odio. Donec accumsan tempor lacus, et venenatis elit feugiat non. Duis porta eros et velit blandit dapibus. Curabitur ac finibus eros. Duis placerat velit vitae massa sodales, eget mattis nibh pellentesque.</p>
  115.  
  116. </div>
  117.  
  118.  
  119. <!-- CHARACTER HISTORY END -->
  120.  
  121.  
  122.  
  123. <div class="card rounded-0 mt-4" style="width:400px;height:50px;background:#9e85c9;">
  124.  
  125. <p class="mt-2 ml-2" style="font-size:25px; font-family:courier new; letter-spacing:5px;"><i class="fad fa-clipboard "></i><i> PREFERENCES</i></p>
  126.  
  127.  
  128. </div>
  129.  
  130.  
  131. <!-- LIKES -->
  132.  
  133.  
  134. <div class="row no-gutters">
  135.  
  136. <div class="col-6">
  137.  
  138. <p class="ml-5" style="font-size:25px;"><i class="far fa-heart mt-4 ml-4"></i></p>
  139.  
  140. <p class="ml-5" style="font-family:calibri;"> ❯ like
  141.  
  142. <br>
  143.  
  144. ❯ like
  145.  
  146. <br>
  147.  
  148. ❯ like
  149.  
  150. <br>
  151.  
  152. ❯ like
  153.  
  154. </p>
  155.  
  156.  
  157. </div>
  158.  
  159.  
  160.  
  161. <!-- LIKES END -->
  162.  
  163.  
  164.  
  165. <!-- DISLIKES -->
  166.  
  167.  
  168. <div class="col-6">
  169.  
  170. <p class="ml-5" style="font-size:25px;"><i class="far fa-heart-broken mt-4 ml-4"></i></p>
  171.  
  172. <p class="ml-5" style="font-family:calibri;"> ❯ dislike
  173.  
  174. <br>
  175.  
  176. ❯ dislike
  177.  
  178. <br>
  179.  
  180. ❯ dislike
  181.  
  182. <br>
  183.  
  184. ❯ dislike
  185.  
  186. </p>
  187.  
  188.  
  189. </div>
  190.  
  191. </div>
  192.  
  193.  
  194. <!-- DISLIKES END -->
  195.  
  196.  
  197.  
  198. <!-- MOODBOARD -->
  199.  
  200. <div class="card rounded-0 mt-4" style="width:400px;height:50px;background:#9e85c9;">
  201.  
  202. <p class="mt-2 ml-2" style="font-size:25px; font-family:courier new; letter-spacing:5px;"><i class="fad fa-image "></i><i> MOODBOARD</i></p>
  203.  
  204.  
  205. </div>
  206.  
  207. <div class="row no-gutters ml-1">
  208.  
  209.  
  210. <div class="col-4">
  211.  
  212.  
  213.  
  214. <!-- IMAGE 1 -->
  215.  
  216.  
  217. <div class="card mt-4 ml-3" style="background-image: url(IMG 1 LINK);background-position: center;background-repeat: no-repeat;background-size:cover;width:110px;height:110px;"></div>
  218.  
  219.  
  220. <!-- IMG 2 -->
  221.  
  222.  
  223. <div class="card mt-3 ml-3" style="background-image: url(IMG 2 LINK);background-position: center;background-repeat: no-repeat;background-size:cover;width:110px;height:110px;"></div>
  224.  
  225. </div>
  226.  
  227.  
  228. <div class="col-4">
  229.  
  230.  
  231.  
  232. <!-- IMG 3 -->
  233.  
  234. <div class="card mt-4 ml-2" style="background-image: url(IMG 3 LINK);background-position: center;background-repeat: no-repeat;background-size:cover;width:110px;height:110px;"></div>
  235.  
  236.  
  237. <!-- IMG 4 -->
  238.  
  239.  
  240. <div class="card mt-3 ml-2" style="background-image: url(IMG 4 LINK);background-position: center;background-repeat: no-repeat;background-size:cover;width:110px;height:110px;"></div>
  241.  
  242. </div>
  243.  
  244. <div class="col-4">
  245.  
  246.  
  247. <!-- IMG 5 -->
  248.  
  249.  
  250. <div class="card mt-4 " style="background-image: url(IMG 5 LINK);background-position: center;background-repeat: no-repeat;background-size:cover;width:110px;height:110px;"></div>
  251.  
  252.  
  253. <!-- IMG 6 -->
  254.  
  255.  
  256. <div class="card mt-3" style="background-image: url(IMG 6 LINK);background-position: center;background-repeat: no-repeat;background-size:cover;width:110px;height:110px;"></div>
  257.  
  258. </div>
  259.  
  260. </div>
  261.  
  262.  
  263.  
  264.  
  265. <!-- RELATIONSHIPS -->
  266.  
  267. <div class="card rounded-0 mt-4" style="width:400px;height:50px;background:#9e85c9;">
  268.  
  269. <p class="mt-2 ml-2" style="font-size:25px; font-family:courier new; letter-spacing:5px;"><i class="fad fa-family-pants "></i><i> RELATIONSHIPS</i></p>
  270.  
  271.  
  272. </div>
  273.  
  274.  
  275. <div class="card mx-auto mt-3 border-0 bg-faded" style="width:370px; height:180px;overflow-x:hidden;overflow-y:auto;">
  276.  
  277. <div class="row no-gutters">
  278.  
  279. <div class="col-4">
  280.  
  281.  
  282.  
  283. <!-- CHARACTER 1 -->
  284.  
  285. <div class="card mt-2 ml-2 mb-2" style="background-image: url(IMG 1 LINK);background-position: center;background-repeat: no-repeat;background-size:cover;width:100px; height:100px;"></div>
  286.  
  287. </div>
  288.  
  289. <div class="col-4">
  290.  
  291. <div class="card mt-2 border-0 bg-faded" style="width:230px; height:100px;">
  292.  
  293.  
  294. <p style="font-family:calibri;"> <b style="font-size:18px;"> <a href="PROFILE LINK">Name</a> </b>| <i style="font-size:12px;"> relationship </i><br> lil blurb about their relationship to the character. looks best at around 2-3 lines of text</p>
  295.  
  296. </div>
  297.  
  298. </div>
  299.  
  300.  
  301.  
  302.  
  303.  
  304. </div>
  305.  
  306.  
  307.  
  308.  
  309. <!-- CHARACTER 2 -->
  310.  
  311. <div class="row no-gutters">
  312.  
  313. <div class="col-4">
  314.  
  315. <div class="card mt-2 ml-2 mb-2" style="background-image: url(IMG 2 LINK);background-position: center;background-repeat: no-repeat;background-size:cover;width:100px; height:100px;"></div>
  316.  
  317. </div>
  318.  
  319. <div class="col-4">
  320.  
  321. <div class="card mt-2 border-0 bg-faded" style="width:230px; height:100px;">
  322.  
  323.  
  324. <p style="font-family:calibri;"> <b style="font-size:18px;"> <a href="PROFILE LINK">Name</a> </b>| <i style="font-size:12px;"> relationship </i><br> lil blurb about their relationship to the character. looks best at around 2-3 lines of text</p>
  325.  
  326. </div>
  327.  
  328. </div>
  329.  
  330.  
  331.  
  332.  
  333.  
  334. </div>
  335.  
  336.  
  337.  
  338. <!-- CHARACTER 3 -->
  339.  
  340. <div class="row no-gutters">
  341.  
  342. <div class="col-4">
  343.  
  344. <div class="card mt-2 ml-2 mb-2" style="background-image: url(IMG 3 LINK);background-position: center;background-repeat: no-repeat;background-size:cover;width:100px; height:100px;"></div>
  345.  
  346. </div>
  347.  
  348. <div class="col-4">
  349.  
  350. <div class="card mt-2 border-0 bg-faded" style="width:230px; height:100px;">
  351.  
  352.  
  353. <p style="font-family:calibri;"> <b style="font-size:18px;"> <a href="PROFILE LINK">Name</a> </b>| <i style="font-size:12px;"> relationship </i><br> lil blurb about their relationship to the character. looks best at around 2-3 lines of text</p>
  354.  
  355. </div>
  356.  
  357. </div>
  358.  
  359.  
  360.  
  361.  
  362.  
  363. </div>
  364.  
  365. </div>
  366.  
  367.  
  368. </div>
  369.  
  370.  
  371.  
  372. <!-- CODE CREDIT DO NOT REMOVE -->
  373.  
  374. <a href="https://toyhou.se/humanshaped"><p class="text-center"><i class="fad fa-cat-space fa-spin"></i></p></a>
  375.  
  376.  
  377.  
  378.  
  379.  
  380.  
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!