Advertisement
cornford-michael

ui-86

Oct 1st, 2017
415
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.60 KB | None | 0 0
  1. <div class="ui-86">
  2.  
  3. <div class="container-fluid">
  4.  
  5. <div class="row">
  6. <div class="col-md-3 col-sm-4 col-padd bg-red">
  7. <!-- UI Item -->
  8. <div class="ui-item bg-red">
  9. <!-- Heading -->
  10. <h4>Design <span class="badge">95</span></h4>
  11. <!-- Unordered list -->
  12. <ul class="list-unstyled">
  13. <li><a href="#">Download</a></li>
  14. <li><a href="#">Games</a></li>
  15. <li><a href="#">Payments</a></li>
  16. <li><a href="#">Money</a></li>
  17. </ul>
  18. </div>
  19. </div>
  20. <div class="col-md-3 col-sm-4 col-padd bg-blue">
  21. <!-- UI Item -->
  22. <div class="ui-item bg-blue">
  23. <!-- Heading -->
  24. <h4>Development <span class="badge">10</span></h4>
  25. <!-- Unordered list -->
  26. <ul class="list-unstyled">
  27. <li><a href="#">Babulal</a></li>
  28. <li><a href="#">Congress</a></li>
  29. <li><a href="#">Singala</a></li>
  30. <li><a href="#">Mobile</a></li>
  31. </ul>
  32. </div>
  33. </div>
  34. <div class="col-md-3 col-sm-4 col-padd bg-green">
  35. <!-- UI Item -->
  36. <div class="ui-item bg-green">
  37. <!-- Heading -->
  38. <h4>Graphics <span class="badge">15</span></h4>
  39. <!-- Unordered list -->
  40. <ul class="list-unstyled">
  41. <li><a href="#">Tablet</a></li>
  42. <li><a href="#">Water Bottle</a></li>
  43. <li><a href="#">Paytm</a></li>
  44. <li><a href="#">Payments</a></li>
  45. </ul>
  46. </div>
  47. </div>
  48. <div class="col-md-3 col-sm-4 col-padd bg-lblue">
  49. <!-- UI Item -->
  50. <div class="ui-item bg-lblue">
  51. <!-- Heading -->
  52. <h4>Polygraph <span class="badge">20</span></h4>
  53. <!-- Unordered list -->
  54. <ul class="list-unstyled">
  55. <li><a href="#">Credit Card</a></li>
  56. <li><a href="#">Cordless</a></li>
  57. <li><a href="#">Handbag</a></li>
  58. <li><a href="#">File Case</a></li>
  59. </ul>
  60. </div>
  61. </div>
  62. <div class="col-md-3 col-sm-4 col-padd bg-orange">
  63. <!-- UI Item -->
  64. <div class="ui-item bg-orange">
  65. <!-- Heading -->
  66. <h4>Afghan <span class="badge">25</span></h4>
  67. <!-- Unordered list -->
  68. <ul class="list-unstyled">
  69. <li><a href="#">Wallet</a></li>
  70. <li><a href="#">Hankey</a></li>
  71. <li><a href="#">Notebook</a></li>
  72. <li><a href="#">Windows</a></li>
  73. </ul>
  74. </div>
  75. </div>
  76. <div class="col-md-3 col-sm-4 col-padd bg-yellow">
  77. <!-- UI Item -->
  78. <div class="ui-item bg-yellow">
  79. <!-- Heading -->
  80. <h4>Indiana <span class="badge badge-yellow">30</span></h4>
  81. <!-- Unordered list -->
  82. <ul class="list-unstyled">
  83. <li><a href="#">Curtains</a></li>
  84. <li><a href="#">Table</a></li>
  85. <li><a href="#">Chair</a></li>
  86. <li><a href="#">Beautiful</a></li>
  87. </ul>
  88. </div>
  89. </div>
  90. <div class="col-md-3 col-sm-4 col-padd bg-brown">
  91. <!-- UI Item -->
  92. <div class="ui-item bg-brown">
  93. <!-- Heading -->
  94. <h4>Sri Lanka <span class="badge">35</span></h4>
  95. <!-- Unordered list -->
  96. <ul class="list-unstyled">
  97. <li><a href="#">Volkswagan</a></li>
  98. <li><a href="#">Maruthi</a></li>
  99. <li><a href="#">Honda Cars</a></li>
  100. <li><a href="#">Activa Bike</a></li>
  101. </ul>
  102. </div>
  103. </div>
  104. <div class="col-md-3 col-sm-4 col-padd bg-rose">
  105. <!-- UI Item -->
  106. <div class="ui-item bg-rose">
  107. <!-- Heading -->
  108. <h4>North Korea <span class="badge">40</span></h4>
  109. <!-- Unordered list -->
  110. <ul class="list-unstyled">
  111. <li><a href="#">Pulsar</a></li>
  112. <li><a href="#">Unicorn</a></li>
  113. <li><a href="#">Santa Clause</a></li>
  114. <li><a href="#">No Money</a></li>
  115. </ul>
  116. </div>
  117. </div>
  118. <div class="col-md-3 col-sm-4 col-padd bg-purple">
  119. <!-- UI Item -->
  120. <div class="ui-item bg-purple">
  121. <!-- Heading -->
  122. <h4>South Korea <span class="badge">45</span></h4>
  123. <!-- Unordered list -->
  124. <ul class="list-unstyled">
  125. <li><a href="#">Download</a></li>
  126. <li><a href="#">Games</a></li>
  127. <li><a href="#">Payments</a></li>
  128. <li><a href="#">Money</a></li>
  129. </ul>
  130. </div>
  131. </div>
  132. <div class="col-md-3 col-sm-4 col-padd bg-red">
  133. <!-- UI Item -->
  134. <div class="ui-item bg-red">
  135. <!-- Heading -->
  136. <h4>Soviet Union <span class="badge">50</span></h4>
  137. <!-- Unordered list -->
  138. <ul class="list-unstyled">
  139. <li><a href="#">Babulal</a></li>
  140. <li><a href="#">Congress</a></li>
  141. <li><a href="#">Singala</a></li>
  142. <li><a href="#">Mobile</a></li>
  143. </ul>
  144. </div>
  145. </div>
  146. <div class="col-md-3 col-sm-4 col-padd bg-green">
  147. <!-- UI Item -->
  148. <div class="ui-item bg-green">
  149. <!-- Heading -->
  150. <h4>America <span class="badge">55</span></h4>
  151. <!-- Unordered list -->
  152. <ul class="list-unstyled">
  153. <li><a href="#">Tablet</a></li>
  154. <li><a href="#">Water Bottle</a></li>
  155. <li><a href="#">Paytm</a></li>
  156. <li><a href="#">Payments</a></li>
  157. </ul>
  158. </div>
  159. </div>
  160. <div class="col-md-3 col-sm-4 col-padd bg-lblue">
  161. <!-- UI Item -->
  162. <div class="ui-item bg-lblue">
  163. <!-- Heading -->
  164. <h4>Canada <span class="badge">60</span></h4>
  165. <!-- Unordered list -->
  166. <ul class="list-unstyled">
  167. <li><a href="#">Credit Card</a></li>
  168. <li><a href="#">Cordless</a></li>
  169. <li><a href="#">Handbag</a></li>
  170. <li><a href="#">File Case</a></li>
  171. </ul>
  172. </div>
  173. </div>
  174. <div class="col-md-3 col-sm-4 col-padd bg-blue">
  175. <!-- UI Item -->
  176. <div class="ui-item bg-blue">
  177. <!-- Heading -->
  178. <h4>Johnson <span class="badge">65</span></h4>
  179. <!-- Unordered list -->
  180. <ul class="list-unstyled">
  181. <li><a href="#">Wallet</a></li>
  182. <li><a href="#">Hankey</a></li>
  183. <li><a href="#">Notebook</a></li>
  184. <li><a href="#">Windows</a></li>
  185. </ul>
  186. </div>
  187. </div>
  188. <div class="col-md-3 col-sm-4 col-padd bg-orange">
  189. <!-- UI Item -->
  190. <div class="ui-item bg-orange">
  191. <!-- Heading -->
  192. <h4>Manoroma <span class="badge">70</span></h4>
  193. <!-- Unordered list -->
  194. <ul class="list-unstyled">
  195. <li><a href="#">Curtains</a></li>
  196. <li><a href="#">Table</a></li>
  197. <li><a href="#">Chair</a></li>
  198. <li><a href="#">Beautiful</a></li>
  199. </ul>
  200. </div>
  201. </div>
  202. <div class="col-md-3 col-sm-4 col-padd bg-yellow">
  203. <!-- UI Item -->
  204. <div class="ui-item bg-yellow">
  205. <!-- Heading -->
  206. <h4>Vijaykanth <span class="badge">75</span></h4>
  207. <!-- Unordered list -->
  208. <ul class="list-unstyled">
  209. <li><a href="#">Volkswagan</a></li>
  210. <li><a href="#">Maruthi</a></li>
  211. <li><a href="#">Honda Cars</a></li>
  212. <li><a href="#">Activa Bike</a></li>
  213. </ul>
  214. </div>
  215. </div>
  216. <div class="col-md-3 col-sm-4 col-padd bg-rose">
  217. <!-- UI Item -->
  218. <div class="ui-item bg-rose">
  219. <!-- Heading -->
  220. <h4>Valmiki <span class="badge">80</span></h4>
  221. <!-- Unordered list -->
  222. <ul class="list-unstyled">
  223. <li><a href="#">Pulsar</a></li>
  224. <li><a href="#">Unicorn</a></li>
  225. <li><a href="#">Santa Clause</a></li>
  226. <li><a href="#">No Money</a></li>
  227. </ul>
  228. </div>
  229. </div>
  230. </div>
  231.  
  232. </div>
  233.  
  234. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement