Advertisement
Guest User

blog

a guest
Oct 28th, 2016
280
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.45 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link rel="stylesheet" href="styles/style.css">
  5. <script src="scripts/jquery-1.10.2.js"></script>
  6. <script src="scripts/bootstrap.js"></script>
  7. <meta charset="UTF-8">
  8. <title>SoftUni Blog</title>
  9. </head>
  10. <header>
  11. <div class="navbar navbar-default navbar-fixed-top text-uppercase">
  12. <div class="container">
  13. <div class="navbar-header">
  14. <a href="index.html" class="navbar-brand">SoftUni Blog</a>
  15. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  16. <span class="icon-bar"></span>
  17. <span class="icon-bar"></span>
  18. <span class="icon-bar"></span>
  19. </button>
  20. </div>
  21. <div class="navbar-collapse collapse">
  22. <ul class="nav navbar-nav navbar-right">
  23. <li><a href="#">Register</a></li>
  24. <li><a href="#">Login</a></li>
  25. </ul>
  26. </div>
  27. </div> <!--end of container-->
  28. </div> <!--end of navbar-->
  29. </header>
  30. <body>
  31. <main>
  32. <div class="container body-content">
  33. <div class="row">
  34. <div class="col-md-6">
  35. <article>
  36. <header>
  37. <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
  38. </header>
  39. <p>
  40. Nulla vitae ultricies sem, accumsan molestie nunc. Suspendisse malesuada varius lectus vulputate mattis. Ut at metus at nibh feugiat imperdiet ac ac sem. Phasellus et tempus mauris. Maecenas sit amet convallis justo. Sed congue nec quam id egestas. Curabitur metus libero, convallis vitae gravida a, ultricies id ex. Aenean tempus, magna commodo dapibus tempus, augue dolor euismod tellus, id semper felis risus in dolor. Praesent lobortis metus velit, vel rhoncus ligula tempus ut. Phasellus semper est sed ipsum sollicitudin, nec semper nisl cursus. Donec quis gravida nisi, eget suscipit arcu. Etiam sed rutrum ex. Nulla non purus vehicula, venenatis enim ac, blandit est. Aliquam dapibus orci ac mi congue dignissim. Maecenas egestas odio vitae sapien mattis mattis. Ut gravida tempor mi, a ultricies turpis.
  41. </p>
  42. <small class="author">
  43.  
  44. </small>
  45. <footer>
  46. <div class="pull-right">
  47. <a class="btn btn-default btn-xs" href="#">Read more &raquo;</a>
  48. </div>
  49. </footer>
  50. </article>
  51. </div>
  52. <div class="col-md-6">
  53. <article>
  54. <header>
  55. <h2>Suspendisse velit nunc, dignissim quis lorem et</h2>
  56. </header>
  57. <p>
  58. Proin lorem urna, mollis quis diam eget, vestibulum pharetra enim. Nullam sit amet nulla tempor ipsum cursus tempor ultricies sed arcu. Aliquam in gravida felis. In lacinia lorem sit amet lacus gravida feugiat. Praesent euismod, ligula nec sodales accumsan, orci dolor maximus justo, ut ornare dui nulla vel mauris. Nulla a ante eu nisl laoreet porttitor. Duis lobortis neque odio, at auctor nisl cursus et. Donec eget lectus velit. Praesent id felis quis mi tincidunt mattis eu tristique risus. Aliquam posuere arcu fermentum urna facilisis sodales. Sed a ultrices libero, a congue nulla. Integer id condimentum nisi. Sed dictum placerat magna id pellentesque. Donec sed tortor in arcu consequat pharetra eget a sapien. Sed fringilla turpis egestas tellus pharetra sollicitudin sed non tortor.
  59. </p>
  60. <small class="author">
  61.  
  62. </small>
  63. <footer>
  64. <div class="pull-right">
  65. <a class="btn btn-default btn-xs" href="#">Read more &raquo;</a>
  66. </div>
  67. </footer>
  68. </article>
  69. </div>
  70. </div> <!--end of row-->
  71. <div class="row">
  72. <div class="col-md-6">
  73. <article>
  74. <header>
  75. <h2>Lorem ipsum dolor sit amet, consectetur adipiscing elit</h2>
  76. </header>
  77. <p>
  78. Nulla vitae ultricies sem, accumsan molestie nunc. Suspendisse malesuada varius lectus vulputate mattis. Ut at metus at nibh feugiat imperdiet ac ac sem. Phasellus et tempus mauris. Maecenas sit amet convallis justo. Sed congue nec quam id egestas. Curabitur metus libero, convallis vitae gravida a, ultricies id ex. Aenean tempus, magna commodo dapibus tempus, augue dolor euismod tellus, id semper felis risus in dolor. Praesent lobortis metus velit, vel rhoncus ligula tempus ut. Phasellus semper est sed ipsum sollicitudin, nec semper nisl cursus. Donec quis gravida nisi, eget suscipit arcu. Etiam sed rutrum ex. Nulla non purus vehicula, venenatis enim ac, blandit est. Aliquam dapibus orci ac mi congue dignissim. Maecenas egestas odio vitae sapien mattis mattis. Ut gravida tempor mi, a ultricies turpis.
  79. </p>
  80. <small class="author">
  81.  
  82. </small>
  83. <footer>
  84. <div class="pull-right">
  85. <a class="btn btn-default btn-xs" href="#">Read more &raquo;</a>
  86. </div>
  87. </footer>
  88. </article>
  89. </div>
  90. <div class="col-md-6">
  91. <article>
  92. <header>
  93. <h2>Suspendisse velit nunc, dignissim quis lorem et</h2>
  94. </header>
  95. <p>
  96. Proin lorem urna, mollis quis diam eget, vestibulum pharetra enim. Nullam sit amet nulla tempor ipsum cursus tempor ultricies sed arcu. Aliquam in gravida felis. In lacinia lorem sit amet lacus gravida feugiat. Praesent euismod, ligula nec sodales accumsan, orci dolor maximus justo, ut ornare dui nulla vel mauris. Nulla a ante eu nisl laoreet porttitor. Duis lobortis neque odio, at auctor nisl cursus et. Donec eget lectus velit. Praesent id felis quis mi tincidunt mattis eu tristique risus. Aliquam posuere arcu fermentum urna facilisis sodales. Sed a ultrices libero, a congue nulla. Integer id condimentum nisi. Sed dictum placerat magna id pellentesque. Donec sed tortor in arcu consequat pharetra eget a sapien. Sed fringilla turpis egestas tellus pharetra sollicitudin sed non tortor.
  97. </p>
  98. <small class="author">
  99.  
  100. </small>
  101. <footer>
  102. <div class="pull-right">
  103. <a class="btn btn-default btn-xs" href="#">Read more &raquo;</a>
  104. </div>
  105. </footer>
  106. </article>
  107. </div>
  108. </div> <!--end of row-->
  109. </div>
  110. </main>
  111. </body>
  112. <footer>
  113. <div class="container modal-footer">
  114. <p>&copy; 2016 - Software University Foundation</p>
  115. </div>
  116. </footer>
  117. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement