In this repo i store all my websites, each in a different branch
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

133 line
4.7 KiB

  1. <!doctype html>
  2. <html class="no-js" lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  6. <meta name="description" content="">
  7. <meta name="author" content="">
  8. <title>{% if page_title is defined %} {{ page_title }} |{%else%} Home | {% endif %} Neko IT</title>
  9. <!-- Bootstrap core CSS -->
  10. <link href="/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  11. <!-- Custom styles for this template -->
  12. <link href="/assets/css/blog-home.css" rel="stylesheet">
  13. </head>
  14. <body>
  15. <!-- Navigation -->
  16. <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
  17. <div class="container">
  18. <a class="navbar-brand" href="#">Neko IT</a>
  19. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
  20. <span class="navbar-toggler-icon"></span>
  21. </button>
  22. <div class="collapse navbar-collapse" id="navbarResponsive">
  23. <ul class="navbar-nav ml-auto">
  24. <li class="nav-item">
  25. <a class="nav-link" href="/">Home
  26. </a>
  27. </li>
  28. <li class="nav-item">
  29. <a class="nav-link" href="#">About</a>
  30. </li>
  31. <li class="nav-item">
  32. <a class="nav-link" href="#">Services</a>
  33. </li>
  34. <li class="nav-item">
  35. <a class="nav-link" href="#">Contact</a>
  36. </li>
  37. </ul>
  38. </div>
  39. </div>
  40. </nav>
  41. <!-- Page Content -->
  42. <div class="container">
  43. <div class="row">
  44. {% block content %}{% endblock %}
  45. <!-- Sidebar Widgets Column -->
  46. <div class="col-md-4">
  47. <!-- Search Widget -->
  48. <div class="card my-4">
  49. <h5 class="card-header">Search</h5>
  50. <div class="card-body">
  51. <div class="input-group">
  52. <input type="text" class="form-control" placeholder="Search for...">
  53. <span class="input-group-btn">
  54. <button class="btn btn-secondary" type="button">Go!</button>
  55. </span>
  56. </div>
  57. </div>
  58. </div>
  59. <!-- Categories Widget -->
  60. <div class="card my-4">
  61. <h5 class="card-header">Categories</h5>
  62. <div class="card-body">
  63. <div class="row">
  64. <div class="col-lg-6">
  65. <ul class="list-unstyled mb-0">
  66. <li>
  67. <a href="#">Web Design</a>
  68. </li>
  69. <li>
  70. <a href="#">HTML</a>
  71. </li>
  72. <li>
  73. <a href="#">Freebies</a>
  74. </li>
  75. </ul>
  76. </div>
  77. <div class="col-lg-6">
  78. <ul class="list-unstyled mb-0">
  79. <li>
  80. <a href="#">JavaScript</a>
  81. </li>
  82. <li>
  83. <a href="#">CSS</a>
  84. </li>
  85. <li>
  86. <a href="#">Tutorials</a>
  87. </li>
  88. </ul>
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <!-- Side Widget -->
  94. <div class="card my-4">
  95. <h5 class="card-header">Side Widget</h5>
  96. <div class="card-body">
  97. You can put anything you want inside of these side widgets. They are easy to use, and feature the new Bootstrap 4 card containers!
  98. </div>
  99. </div>
  100. </div>
  101. </div>
  102. <!-- /.row -->
  103. </div>
  104. <!-- /.container -->
  105. <!-- Footer -->
  106. <footer class="py-1 bg-dark">
  107. <div class="container">
  108. <p class="m-0 text-center text-white">Copyright &copy; 2017 Neko IT, a <a href="https://haazen.xyz">Haazen</a> Project</p>
  109. </div>
  110. <!-- /.container -->
  111. </footer>
  112. <!-- Bootstrap core JavaScript -->
  113. <script src="/assets/vendor/jquery/jquery.min.js"></script>
  114. <script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  115. </body>
  116. </html>