Advertisement
LivvyAh

MODULAR: Relationships 1.0-ReColor

Feb 13th, 2022
104
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.61 KB | None | 0 0
  1. <!-- RELATIONSHIP V1 START
  2. I'm already not sure how much I like this, I may do an alternate later.
  3. Add in new relationships in pairs, it looks better.-->
  4. <div class="row" style="color:#161B33">
  5. <div class="col-12 p-2" >
  6. <div class="p-3" style="background-color:#F1DAC4;">
  7. <div class="text-uppercase d-flex justify-content-between" style="letter-spacing:3px; font-size:20px; color:#0D0C1D">
  8. Relationships
  9. </div>
  10. <hr style="border-color: #474973;" class="w-100">
  11. <!-- TO ADD ANOTHER PAIR COPY FROM HERE -->
  12. <div class="row">
  13. <!-- RELATIONSHIP ONE START -->
  14. <div class="col-lg-4 col-xs-9 col-md-4 col-9 p-2">
  15. <div class="p-2">
  16. <a class="text-uppercase" style="letter-spacing:3px; font-size:20px;color:#7E6E87" href="URL HERE">Name
  17. </a>
  18. <p>Don't talk too much! These pictures stretch to match the amount of text you put in!
  19. </p>
  20. </div>
  21. </div>
  22. <!-- RELATIONSHIP IMAGE START -->
  23. <div class="col-2 p-2">
  24. <div class="p-2 h-100" style="background: url(IMG HERE);
  25. background-size: cover;
  26. background-position: center;
  27. background-color:#E1DDE3">
  28. </div>
  29. </div>
  30. <!-- RELATIONSHIP IMAGE END -->
  31. <!-- RELATIONSHIP ONE END -->
  32. <!-- RELATIONSHIP TWO START -->
  33. <!-- RELATIONSHIP IMAGE START -->
  34. <div class="col-2 p-2">
  35. <div class="p-2 h-100" style="min-height:50px; background: url(IMG HERE);
  36. background-size: cover;
  37. background-position: center;background-color:#E1DDE3">
  38. </div>
  39. </div>
  40. <!-- RELATIONSHIP IMAGE END -->
  41. <div class="col-lg-4 col-xs-9 col-md-4 col-9 p-2">
  42. <div class="p-2">
  43. <a class="text-uppercase" style="letter-spacing:3px; font-size:20px;color:#7E6E87" href="URL HERE">Name
  44. </a>
  45. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at tellus sodales, sodales libero quis, maximus tellus. Ut sed pulvinar nisi. Phasellus eu massa leo. Praesent metus erat, hendrerit accumsan sagittis et, auctor id enim. Cras eget magna vestibulum, varius tellus euismod, semper metus. Suspendisse potenti.
  46. </p>
  47. </div>
  48. </div>
  49. <!-- RELATIONSHIP TWO END -->
  50. </div>
  51. <!-- TO HERE, THEN PASTE RIGHT AFTER. -->
  52. </div>
  53. </div>
  54. </div>
  55. <!-- RELATIONSHIP V1 END -->
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement