API tools faq
paste
lowkeywicked

Freebie Directory Solid

lowkeywicked
Oct 5th, 2019 (edited)
1,631
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.55 KB | None | 0 0
raw download clone embed print report
  1. <!----- main container ------->
  2. <div class="container-fluid bg-faded rounded px-lg-4 px-md-2 px-1 pt-4 mb-2">
  3. <div class="row">
  4.  
  5. <!-------- start block ----------------------->
  6. <div class="col-md-6 mb-4">
  7. <div class="card border-0 card-block text-justify h-100">
  8.  
  9. <!---- set folder link & name here ---------->
  10. <a href="FOLDER_LINK" style="letter-spacing: 1px; font-size: 1.5em;" class="btn btn-primary mb-2">
  11. Folder Name</a>
  12.  
  13. <!----- optional focal image -- will auto resize ------>
  14. <img src="IMG_URL" class="rounded d-block mx-auto mb-2" style="max-height: 250px;">
  15.  
  16. <!----- write folder description here ----------->
  17. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum. Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus. Sed egestas risus ut gravida blandit. In vitae nisi eu mi suscipit semper in eget justo. Sed feugiat dictum posuere. Suspendisse et accumsan leo. Phasellus mollis placerat libero, non euismod diam sodales eget. Pellentesque commodo, dolor nec tempor maximus, risus risus lobortis eros, vitae mollis felis odio vel nulla. Etiam sed libero laoreet ipsum lacinia sagittis eu non lectus. </p>
  18.  
  19. <!----- adjective labels -- for genre & other descriptive labels ------->
  20. <p class="text-center">
  21. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  22. Adjective </span>
  23. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  24. Adjective </span>
  25. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  26. Adjective </span>
  27. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  28. Adjective </span>
  29. </p>
  30. </div>
  31. </div> <!---- end block ----->
  32.  
  33. <!-------- start block ----------------------->
  34. <div class="col-md-6 mb-4">
  35. <div class="card border-0 card-block text-justify h-100">
  36.  
  37. <!---- set folder link & name here ---------->
  38. <a href="FOLDER_LINK" style="letter-spacing: 1px; font-size: 1.5em;" class="btn btn-primary mb-2">
  39. Folder Name</a>
  40.  
  41. <!----- optional focal image -- will auto resize ------>
  42. <img src="IMG_URL" class="rounded d-block mx-auto mb-2" style="max-height: 250px;">
  43.  
  44. <!----- write folder description here ----------->
  45. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum. Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus. Sed egestas risus ut gravida blandit. In vitae nisi eu mi suscipit semper in eget justo. Sed feugiat dictum posuere. Suspendisse et accumsan leo. Phasellus mollis placerat libero, non euismod diam sodales eget. Pellentesque commodo, dolor nec tempor maximus, risus risus lobortis eros, vitae mollis felis odio vel nulla. Etiam sed libero laoreet ipsum lacinia sagittis eu non lectus. </p>
  46.  
  47. <!----- adjective labels -- for genre & other descriptive labels ------->
  48. <p class="text-center">
  49. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  50. Adjective </span>
  51. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  52. Adjective </span>
  53. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  54. Adjective </span>
  55. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  56. Adjective </span>
  57. </p>
  58. </div>
  59. </div> <!---- end block ----->
  60.  
  61. <!-------- start block ----------------------->
  62. <div class="col-md-6 mb-4">
  63. <div class="card border-0 card-block text-justify h-100">
  64.  
  65. <!---- set folder link & name here ---------->
  66. <a href="FOLDER_LINK" style="letter-spacing: 1px; font-size: 1.5em;" class="btn btn-primary mb-2">
  67. Folder Name</a>
  68.  
  69. <!----- optional focal image -- will auto resize ------>
  70. <img src="IMG_URL" class="rounded d-block mx-auto mb-2" style="max-height: 250px;">
  71.  
  72. <!----- write folder description here ----------->
  73. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum. Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus. Sed egestas risus ut gravida blandit. In vitae nisi eu mi suscipit semper in eget justo. Sed feugiat dictum posuere. Suspendisse et accumsan leo. Phasellus mollis placerat libero, non euismod diam sodales eget. Pellentesque commodo, dolor nec tempor maximus, risus risus lobortis eros, vitae mollis felis odio vel nulla. Etiam sed libero laoreet ipsum lacinia sagittis eu non lectus. </p>
  74.  
  75. <!----- adjective labels -- for genre & other descriptive labels ------->
  76. <p class="text-center">
  77. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  78. Adjective </span>
  79. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  80. Adjective </span>
  81. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  82. Adjective </span>
  83. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  84. Adjective </span>
  85. </p>
  86. </div>
  87. </div> <!---- end block ----->
  88.  
  89. <!-------- start block ----------------------->
  90. <div class="col-md-6 mb-4">
  91. <div class="card border-0 card-block text-justify h-100">
  92.  
  93. <!---- set folder link & name here ---------->
  94. <a href="FOLDER_LINK" style="letter-spacing: 1px; font-size: 1.5em;" class="btn btn-primary mb-2">
  95. Folder Name</a>
  96.  
  97. <!----- optional focal image -- will auto resize ------>
  98. <img src="IMG_URL" class="rounded d-block mx-auto mb-2" style="max-height: 250px;">
  99.  
  100. <!----- write folder description here ----------->
  101. <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a felis molestie, porttitor est eget, euismod mauris. Integer fermentum est vitae dui pretium fermentum. Fusce quis velit vel sem pellentesque iaculis congue non lorem. Aliquam vulputate lacus consequat, volutpat ex ut, blandit lacus. Sed egestas risus ut gravida blandit. In vitae nisi eu mi suscipit semper in eget justo. Sed feugiat dictum posuere. Suspendisse et accumsan leo. Phasellus mollis placerat libero, non euismod diam sodales eget. Pellentesque commodo, dolor nec tempor maximus, risus risus lobortis eros, vitae mollis felis odio vel nulla. Etiam sed libero laoreet ipsum lacinia sagittis eu non lectus. </p>
  102.  
  103. <!----- adjective labels -- for genre & other descriptive labels ------->
  104. <p class="text-center">
  105. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  106. Adjective </span>
  107. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  108. Adjective </span>
  109. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  110. Adjective </span>
  111. <span style="letter-spacing: .5px; font-size: .9em;" class="badge badge-primary">
  112. Adjective </span>
  113. </p>
  114. </div>
  115. </div> <!---- end block ----->
  116.  
  117. </div>
  118. </div>
  119. <p class="text-right small">HTML by @Pinky</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!