LivvyAh

MODULAR: List L 1.0-Cardo

Mar 1st, 2022 (edited)
47
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.38 KB | None | 0 0
  1. <!-- MISC LIST L START
  2.  
  3. If you want this to be a text box instead of a list, delete everything in and including the <ul></ul> tags, add <p></p> then write inside those as desired.
  4.  
  5. Indented bullet points:
  6. <ul><li>Item</li></ul>
  7. -->
  8.  
  9. <div class="row mb-3">
  10. <!-- LIST START -->
  11. <div class="col-lg-9 col-xs-10 col-md-10 col-10">
  12. <div class="card p-2">
  13. <div class="text-uppercase text-primary" style="letter-spacing:3px; font-size:25px;">
  14. <i class="fa-duotone fa-lightbulb-on"></i> TRIVIA
  15. </div>
  16. <hr class="bg-secondary w-100">
  17. <div class="table-responsive">
  18. <ul>
  19. <li>big long item one that is very big and long</li>
  20. <li>two</li>
  21. <li>three</li>
  22. <li>four</li>
  23.  
  24. </ul>
  25. </div>
  26. </div>
  27. </div>
  28. <!-- LIST END -->
  29. <!-- SPLASH START -->
  30. <div class="col-lg-3 col-xs-2 col-md-2 col-2">
  31. <div class="card h-100" style="background: url(IMG HERE);
  32. background-size: cover;
  33. background-position: center;
  34. background-attachment: fixed;">
  35. </div>
  36. </div>
  37. <!-- SPLASH END -->
  38. </div>
  39.  
  40.  
  41. <!-- MISC LIST L END -->
Add Comment
Please, Sign In to add comment