API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Jun 25th, 2019
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.59 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <link href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
  5. <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  6. <link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"></link>
  7. <link href="site.css" rel="stylesheet">
  8. </head>
  9. <body>
  10. <div class="nav-container">
  11.  
  12.  
  13. <nav class="navbar navbar-expand-lg navbar-light">
  14. <a class="navbar-brand" href="#"><img src="logo.png"></a>
  15. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  16. <span class="navbar-toggler-icon"></span>
  17. </button>
  18.  
  19. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  20. <ul class="navbar-nav ml-auto main-navbar">
  21. <li class="nav-item active">
  22. <a class="nav-link" href="#"><i class="fa fa-circle" aria-hidden="true"></i> Home <span class="sr-only">(current)</span></a>
  23. </li>
  24. <li class="nav-item">
  25. <a class="nav-link" href="#"><i class="fa fa-circle" aria-hidden="true"></i> Link</a>
  26. </li>
  27. <li class="nav-item">
  28. <a class="nav-link" href="#"><i class="fa fa-circle" aria-hidden="true"></i> Products</a>
  29. </li>
  30. <li class="nav-item">
  31. <a class="nav-link" href="#"><i class="fa fa-circle" aria-hidden="true"></i> Services</a>
  32. </li>
  33. <li class="nav-item">
  34. <a class="nav-link" href="#"><i class="fa fa-circle" aria-hidden="true"></i> Contact <i class="fa fa-circle" aria-hidden="true"></i></a>
  35. </li>
  36. </ul>
  37. </div>
  38. </nav>
  39.  
  40. </div>
  41.  
  42.  
  43. <div class="thumbnail-container">
  44. <div class="thumbnail-inner-container">
  45. <hr/>
  46. <nav aria-label="Page navigation" class="row">
  47. <h4 class="col">Noticias</h4>
  48. <ul class="pagination justify-content-end col">
  49. <li class="page-item">
  50. <a class="page-link" href="#" aria-label="Previous">
  51. <span aria-hidden="true">&laquo;</span>
  52. <span class="sr-only">Previous</span>
  53. </a>
  54. </li>
  55. <li class="page-item"><a class="page-link" href="#">1</a></li>
  56. <li class="page-item"><a class="page-link" href="#">2</a></li>
  57. <li class="page-item"><a class="page-link" href="#">3</a></li>
  58. <li class="page-item">
  59. <a class="page-link" href="#" aria-label="Next">
  60. <span aria-hidden="true">&raquo;</span>
  61. <span class="sr-only">Next</span>
  62. </a>
  63. </li>
  64. </ul>
  65. </nav>
  66.  
  67.  
  68. <ul class="items">
  69. <li class="row">
  70. <div class="thumbnail col-3">
  71. <img src="thumbnail.png">
  72. </div>
  73. <div class="caption col-9">
  74. <div class="row caption-row">
  75. <h5 class="col">Integer consequat sapien</h5>
  76. <p class="col">15 November 2019</p>
  77. </div>
  78.  
  79. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam quis gravida metus. Aliquam erat volutpat. Sed lobortis vitae mauris vel viverra. Duis orci lacus, convallis in rutrum eget, congue eu dui. Morbi eu odio gravida, volutpat velit in, pulvinar quam. Mauris ac posuere augue. Nulla at cursus leo, ut mattis dui.
  80. <br>
  81. <button class="btn btn-primary float-right">Click</button>
  82. </div>
  83.  
  84. </li>
  85. <hr/>
  86. <li class="row">
  87. <div class="thumbnail col-3">
  88. <img src="thumbnail.png">
  89. </div>
  90. <div class="caption col-9">
  91. <div class="row caption-row">
  92. <h5 class="col">Integer consequat sapien</h5>
  93. <p class="col">15 November 2019</p>
  94. </div>
  95. Morbi sagittis congue odio, in ornare dolor congue vel. Donec ac orci eu ante porta pretium. Interdum et malesuada fames ac ante ipsum primis in faucibus. Aliquam quis augue ultricies, ornare tortor vel, ultricies turpis. Fusce vitae condimentum lorem, ac sagittis mi. Nam eleifend ut erat eu iaculis. Suspendisse potenti.
  96. <br>
  97. <button class="btn btn-primary float-right">Click</button>
  98. </div>
  99. </li>
  100. <hr/>
  101. <li class="row">
  102. <div class="thumbnail col-3">
  103. <img src="thumbnail.png">
  104. </div>
  105. <div class="caption col-9">
  106. <div class="row caption-row">
  107. <h5 class="col">Integer consequat sapien</h5>
  108. <p class="col">15 November 2019</p>
  109. </div>
  110. Pellentesque vel bibendum lacus. Vivamus gravida sem quis dolor congue, sed molestie sem suscipit. Nulla vitae condimentum nibh. Curabitur posuere nibh sit amet mauris posuere, eget rutrum nunc volutpat. Aenean nec sagittis enim. In hendrerit est augue, in egestas diam suscipit quis. Aenean id metus non nisi molestie sagittis.
  111. <br>
  112. <button class="btn btn-primary float-right">Click</button>
  113. </div>
  114. </li>
  115. <hr/>
  116. </ul>
  117.  
  118.  
  119.  
  120. <nav aria-label="Page navigation example">
  121. <ul class="pagination justify-content-end">
  122. <li class="page-item">
  123. <a class="page-link" href="#" aria-label="Previous">
  124. <span aria-hidden="true">&laquo;</span>
  125. <span class="sr-only">Previous</span>
  126. </a>
  127. </li>
  128. <li class="page-item"><a class="page-link" href="#">1</a></li>
  129. <li class="page-item"><a class="page-link" href="#">2</a></li>
  130. <li class="page-item"><a class="page-link" href="#">3</a></li>
  131. <li class="page-item">
  132. <a class="page-link" href="#" aria-label="Next">
  133. <span aria-hidden="true">&raquo;</span>
  134. <span class="sr-only">Next</span>
  135. </a>
  136. </li>
  137. </ul>
  138. </nav>
  139. </div>
  140. </div>
  141.  
  142.  
  143. <div class="footer-nav-container">
  144. <nav class="navbar navbar-expand-lg navbar-light footer-nav">
  145. <div class="collapse navbar-collapse" id="navbarSupportedContent">
  146. <ul class="navbar-nav ml-auto">
  147. <li class="nav-item active">
  148. <a class="nav-link" href="#">Link1 <span class="sr-only">(current)</span></a>
  149. </li>
  150. <li class="nav-item">
  151. <a class="nav-link" href="#">Link2</a>
  152. </li>
  153. <li class="nav-item">
  154. <a class="nav-link" href="#">Link3</a>
  155. </li>
  156. <li class="nav-item">
  157. <a class="nav-link" href="#">Link4</a>
  158. </li>
  159. <li class="nav-item">
  160. <a class="nav-link" href="#">Link5</a>
  161. </li>
  162. </ul>
  163. </div>
  164. </nav>
  165. </div>
  166. <div class="footer-links-container">
  167. <div class="row first-footer">
  168. <img>
  169. Cella safd | adsfdsagf | afdsadsf | afsadf | adsffds | <a href="mailto:someone@yoursite.com"> someone@yoursite.com</a>
  170. </div>
  171. <br>
  172. </div>
  173. <div class="footer-bottom">
  174. <footer class="row footer-bottom-row">
  175. WebImpacto S.L.
  176. </footer>
  177. </div>
  178. </body>
  179.  
  180.  
  181. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!