NoteOnMe博客平台搭建
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

108 行
3.0 KiB

3年前
  1. <?php
  2. require_once "pdo.php";
  3. session_start();
  4. if(!isset($_GET["article_id"] ))
  5. {
  6. header('Location: index.php');
  7. }
  8. ?>
  9. <!DOCTYPE html>
  10. <head>
  11. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  13. <meta name="viewport" content="width=device-width, initial-scale=1">
  14. <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
  15. <link rel="stylesheet" type="text/css" href="css/templatemo-style.css">
  16. <title>Home</title>
  17. </head>
  18. <body>
  19. <div class="fixed-header">
  20. <div class="container">
  21. <div class="navbar-header">
  22. <button type="button" class="navbar-toggle">
  23. <span class="icon-bar"></span>
  24. <span class="icon-bar"></span>
  25. <span class="icon-bar"></span>
  26. </button>
  27. <a class="navbar-brand" href="#">Puzzle</a>
  28. </div>
  29. <nav class="main-menu">
  30. <ul>
  31. <li><a href="#home">Home</a></li>
  32. <li><a href="#services">Services</a></li>
  33. <li><a href="#clients">Clients</a></li>
  34. <li><a class="external" href="#" target="_blank">External</a></li>
  35. <li><a href="#contact">Contact</a></li>
  36. </ul>
  37. </nav>
  38. </div>
  39. </div>
  40. <div class="container">
  41. <div class="container">
  42. <section class="col-md-12 content" id="home">
  43. <div class="col-lg-12 col-md-12 content-item content-item-1 background">
  44. <h2 class="main-title text-center dark-blue-text">Puzzle Bootstrap Template</h2>
  45. <p>Puzzle is a Bootstrap (v3.3.6) HTML CSS layout provided by <span class="light-blue-text">templatemo</span>. You can download, modify and use this layout for absolutely free of charge.</p>
  46. <p>No backlink is needed to use this website template. Credit goes to <span class="light-blue-text">Unsplash</span> for images used in this layout.</p>
  47. <button type="button" class="btn btn-big dark-blue-bordered-btn">Big Button</button>
  48. <button type="button" class="btn btn-big dark-blue-btn">Download</button>
  49. <button type="button" class="btn dark-blue-bordered-btn normal-btn">Small Button</button>
  50. <button type="button" class="btn yellow-btn normal-btn">Download</button>
  51. <button type="button" class="btn green-btn normal-btn">Demo</button>
  52. </div>
  53. </section>
  54. </div>
  55. <script src="js/jquery.min.js"></script>
  56. <script src="js/bootstrap.min.js"></script>
  57. <script src="js/jquery.singlePageNav.min.js"></script>
  58. <script>
  59. // Check scroll position and add/remove background to navbar
  60. function checkScrollPosition() {
  61. if($(window).scrollTop() > 50) {
  62. $(".fixed-header").addClass("scroll");
  63. } else {
  64. $(".fixed-header").removeClass("scroll");
  65. }
  66. }
  67. $(document).ready(function () {
  68. // Single page nav
  69. $('.fixed-header').singlePageNav({
  70. offset: 59,
  71. filter: ':not(.external)',
  72. updateHash: true
  73. });
  74. checkScrollPosition();
  75. // nav bar
  76. $('.navbar-toggle').click(function(){
  77. $('.main-menu').toggleClass('show');
  78. });
  79. $('.main-menu a').click(function(){
  80. $('.main-menu').removeClass('show');
  81. });
  82. });
  83. $(window).on("scroll", function() {
  84. checkScrollPosition();
  85. });
  86. </script>
  87. </body>
  88. </html>