Advertisement
LivvyAh

MODULAR: Basics 1.0-ReColor

Feb 13th, 2022 (edited)
272
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.64 KB | None | 0 0
  1. <!-- BASICS START
  2. To add a new pair of label+answer add:
  3. <div class="p-1 d-flex justify-content-between mb-1">
  4. <span style="color:#5D6098" class="text-uppercase">Label
  5. </span>Answer
  6. </div>
  7. This bit of code:
  8. <div class="col-md-6 col-sm-12">
  9. Is where the top of the two columns is. Don't delete it but that's what it is if you're trying to keep things even.
  10. -->
  11. <div class="row">
  12. <div class="col-12 p-2">
  13. <div style="background-color:#F1DAC4" class="p-3">
  14. <div class="text-uppercase d-flex justify-content-between" style="letter-spacing:3px; font-size:20px; color:#0D0C1D">
  15. BASICS
  16. </div>
  17. <hr style="border-color: #474973;" class="w-100">
  18. <div class="p-1">
  19. <div class="row">
  20. <div class="col-md-6 col-sm-12" style="color:#161B33">
  21. <div class="p-1 d-flex justify-content-between mb-1">
  22. <span style="color:#5D6098" class="text-uppercase">Name
  23. </span>First "Nickname" Last
  24. </div>
  25. <div class="p-1 d-flex justify-content-between mb-1">
  26. <span style="color:#5D6098" class="text-uppercase">Pronouns
  27. </span>xxx/xxx/xxx
  28. </div>
  29. <div class="p-1 d-flex justify-content-between mb-1">
  30. <span style="color:#5D6098" class="text-uppercase">Gender
  31. </span>???gender
  32. </div>
  33. <div class="p-1 d-flex justify-content-between mb-1">
  34. <span style="color:#5D6098" class="text-uppercase">Orientation
  35. </span>???sexual
  36. </div>
  37. </div>
  38. <div class="col-md-6 col-sm-12" style="color:#161B33">
  39. <div class="p-1 d-flex justify-content-between mb-1">
  40. <span style="color:#5D6098" class="text-uppercase">Age
  41. </span>Young Adult
  42. </div>
  43. <div class="p-1 d-flex justify-content-between mb-1">
  44. <span style="color:#5D6098" class="text-uppercase">Birthday
  45. </span>?????ber ??th
  46. </div>
  47. <div class="p-1 d-flex justify-content-between mb-1">
  48. <span style="color:#5D6098" class="text-uppercase">Species
  49. </span>
  50. <a style="color:#7E6E87" href="URL HERE">??????
  51. </a>
  52. </div>
  53. <div class="p-1 d-flex justify-content-between mb-1">
  54. <span style="color:#5D6098" class="text-uppercase">Designer
  55. </span>
  56. <a style="color:#7E6E87" href="URL HERE">??????
  57. </a>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. </div>
  65. <!-- BASICS END -->
  66.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement