about.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta
  6. name="viewport"
  7. content="width=device-width, initial-scale=1, shrink-to-fit=no"
  8. />
  9. <meta name="description" content="" />
  10. <meta name="author" content="" />
  11. <title>Clean Blog - Start Bootstrap Theme</title>
  12. <!-- Bootstrap core CSS -->
  13. <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
  14. <!-- Custom fonts for this template -->
  15. <link
  16. href="vendor/fontawesome-free/css/all.min.css"
  17. rel="stylesheet"
  18. type="text/css"
  19. />
  20. <link
  21. href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic"
  22. rel="stylesheet"
  23. type="text/css"
  24. />
  25. <link
  26. href="https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
  27. rel="stylesheet"
  28. type="text/css"
  29. />
  30. <!-- Custom styles for this template -->
  31. <link href="css/clean-blog.min.css" rel="stylesheet" />
  32. </head>
  33. <body>
  34. <!-- Navigation -->
  35. <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
  36. <div class="container">
  37. <a class="navbar-brand" href="/">Start Bootstrap</a>
  38. <button
  39. class="navbar-toggler navbar-toggler-right"
  40. type="button"
  41. data-toggle="collapse"
  42. data-target="#navbarResponsive"
  43. aria-controls="navbarResponsive"
  44. aria-expanded="false"
  45. aria-label="Toggle navigation"
  46. >
  47. Menu
  48. <i class="fas fa-bars"></i>
  49. </button>
  50. <div class="collapse navbar-collapse" id="navbarResponsive">
  51. <ul class="navbar-nav ml-auto">
  52. <li class="nav-item">
  53. <a class="nav-link" href="/">Home</a>
  54. </li>
  55. <li class="nav-item">
  56. <a class="nav-link" href="/about">About</a>
  57. </li>
  58. <li class="nav-item">
  59. <a class="nav-link" href="/post">Sample Post</a>
  60. </li>
  61. <li class="nav-item">
  62. <a class="nav-link" href="/contact">Contact</a>
  63. </li>
  64. </ul>
  65. </div>
  66. </div>
  67. </nav>
  68. <!-- Page Header -->
  69. <header class="masthead" style="background-image: url('img/about-bg.jpg')">
  70. <div class="overlay"></div>
  71. <div class="container">
  72. <div class="row">
  73. <div class="col-lg-8 col-md-10 mx-auto">
  74. <div class="page-heading">
  75. <h1>About Me</h1>
  76. <span class="subheading">This is what I do.</span>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </header>
  82. <!-- Main Content -->
  83. <div class="container">
  84. <div class="row">
  85. <div class="col-lg-8 col-md-10 mx-auto">
  86. <p>
  87. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Saepe
  88. nostrum ullam eveniet pariatur voluptates odit, fuga atque ea nobis
  89. sit soluta odio, adipisci quas excepturi maxime quae totam ducimus
  90. consectetur?
  91. </p>
  92. <p>
  93. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius
  94. praesentium recusandae illo eaque architecto error, repellendus
  95. iusto reprehenderit, doloribus, minus sunt. Numquam at quae
  96. voluptatum in officia voluptas voluptatibus, minus!
  97. </p>
  98. <p>
  99. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut
  100. consequuntur magnam, excepturi aliquid ex itaque esse est vero natus
  101. quae optio aperiam soluta voluptatibus corporis atque iste neque sit
  102. tempora!
  103. </p>
  104. </div>
  105. </div>
  106. </div>
  107. <hr />
  108. <!-- Footer -->
  109. <footer>
  110. <div class="container">
  111. <div class="row">
  112. <div class="col-lg-8 col-md-10 mx-auto">
  113. <ul class="list-inline text-center">
  114. <li class="list-inline-item">
  115. <a href="#">
  116. <span class="fa-stack fa-lg">
  117. <i class="fas fa-circle fa-stack-2x"></i>
  118. <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
  119. </span>
  120. </a>
  121. </li>
  122. <li class="list-inline-item">
  123. <a href="#">
  124. <span class="fa-stack fa-lg">
  125. <i class="fas fa-circle fa-stack-2x"></i>
  126. <i class="fab fa-facebook-f fa-stack-1x fa-inverse"></i>
  127. </span>
  128. </a>
  129. </li>
  130. <li class="list-inline-item">
  131. <a href="#">
  132. <span class="fa-stack fa-lg">
  133. <i class="fas fa-circle fa-stack-2x"></i>
  134. <i class="fab fa-github fa-stack-1x fa-inverse"></i>
  135. </span>
  136. </a>
  137. </li>
  138. </ul>
  139. <p class="copyright text-muted">
  140. Copyright &copy; Your Website 2019
  141. </p>
  142. </div>
  143. </div>
  144. </div>
  145. </footer>
  146. <!-- Bootstrap core JavaScript -->
  147. <script src="vendor/jquery/jquery.min.js"></script>
  148. <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  149. <!-- Custom scripts for this template -->
  150. <script src="js/clean-blog.min.js"></script>
  151. </body>
  152. </html>