Advertisement
vasilivanov93

Untitled

May 9th, 2017
98
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.43 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <title>MY BLOG</title>
  5. <link rel="stylesheet" type="text/css" href="styles/bootstrap.min.css" />
  6. <link rel="stylesheet" type="text/css" href="styles/styles.css" />
  7. <script scr="scripts/jquery-3.2.1.min.js"></script>
  8. <script scr="scripts/bootstrap.min.js"></script>
  9. <script>
  10. $(document).ready(function () {
  11. $('.dropdown-toggle').dropdown();
  12. });
  13. </script>
  14. </head>
  15. <body>
  16. <header>
  17. <div id="navbar" class="navbar navbar-default navbar-fixed-top text-uppercase">
  18. <div class="container">
  19. <div class="navbar-header" >
  20. <a href="index.html" class="navbar-brand">MY BLOG</a>
  21.  
  22. <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  23. <span class="icon-bar"></span>
  24. <span class="icon-bar"></span>
  25. <span class="icon-bar"></span>
  26. </button>
  27. </div>
  28. <div class="navbar-collapse collapse">
  29. <ul class="nav navbar-nav navbar-right">
  30. <li><a href="register.html"><span class="glyphicon glyphicon-user"></span> Register</a></li>
  31. <li><a href="login.html"><span class="glyphicon glyphicon-log-in"></span> Login</a></li>
  32. </ul>
  33. </div>
  34. </div>
  35. </div>
  36. </header>
  37.  
  38. <main>
  39. <div class="container body-content">
  40. <div class="row">
  41. <div class="col-md-6">
  42. <article>
  43. <header>
  44. <h2>Why Choosing the Right Storage Infrastructure</h2>
  45. </header>
  46.  
  47. <p>
  48. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  49. </p>
  50.  
  51. <small class="author">
  52. Vasil Ivanov
  53. </small>
  54.  
  55. <footer>
  56. <div class="pull-right">
  57. <a class="btn btn-primary btn-xs read-more" href="postdetails.html">Read more &raquo</a>
  58. </div>
  59. </footer>
  60. </article>
  61. </div>
  62. <div class="col-md-6">
  63. <article>
  64. <header>
  65. <h2>Why Choosing the Right Storage Infrastructure</h2>
  66. </header>
  67.  
  68. <p>
  69. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
  70. </p>
  71.  
  72. <small class="author">
  73. Vasil Ivanov
  74. </small>
  75.  
  76. <footer>
  77. <div class="pull-right">
  78. <a class="btn btn-primary btn-xs" href="postdetails.html">Read more &raquo</a>
  79. </div>
  80. </footer>
  81. </article>
  82. </div>
  83. </div>
  84. </div>
  85. </main>
  86.  
  87. <footer>
  88. <div class="modal-footer footer-content">
  89. <p><center>&copy; 2017 - MY BLOG</center></p>
  90. </div>
  91. </footer>
  92. </body>
  93. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement