header.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <!-- Required Meta Tags -->
  5. <meta charset="utf-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <!-- Document Title, Description, and Author -->
  8. <title>Presta - Free Bootstrap Bike Repair Template</title>
  9. <meta name="description" content="Presta is a Free Bootstrap Bike Repair Template.">
  10. <!-- Favicon and Touch Icons -->
  11. <link rel="icon" type="image/png" sizes="512x512" href="{dreamer-cms:template /}assets/favicon/favicon-512x512.png">
  12. <!-- Google Fonts Files -->
  13. <link rel="preconnect" href="https://fonts.googleapis.com">
  14. <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  15. <link href="{dreamer-cms:template /}assets/css/css2?family=Inter:wght@100..900&display=swap" rel="stylesheet">
  16. <!-- CSS Files -->
  17. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/presta-pro-bsb.css">
  18. <link rel="stylesheet" href="{dreamer-cms:template /}assets/css/swiper-bundle.min.css">
  19. <!-- BSB Head -->
  20. </head>
  21. <body>
  22. <header id="header"
  23. class="bsb-tpl-bg-50 sticky-top bsb-spacer-top-3 bsb-spacer-top-md-5 bsb-spacer-top-xl-6 bsb-tpl-header-sticky bsb-tpl-header-sticky-animation">
  24. <div class="container">
  25. <div class="row">
  26. <div class="col-12">
  27. <nav class="navbar navbar-expand-lg bsb-navbar bsb-navbar-hover bsb-navbar-caret bsb-tpl-navbar-sticky bg-white border border-dark px-xl-3"
  28. data-bsb-sticky-target="#header">
  29. <div class="container">
  30. <a class="navbar-brand" href="/">
  31. <img src="{dreamer-cms:template /}assets/img/branding/presta-logo.svg"
  32. class="bsb-tpl-logo" alt="{dreamer-cms:global name='title' /}" />
  33. </a>
  34. <button class="navbar-toggler border-0" type="button" data-bs-toggle="offcanvas"
  35. data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar">
  36. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
  37. class="bi bi-list" viewBox="0 0 16 16">
  38. <path fill-rule="evenodd"
  39. d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5z" />
  40. </svg>
  41. </button>
  42. <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar"
  43. aria-labelledby="offcanvasNavbarLabel">
  44. <div class="offcanvas-header">
  45. <h5 class="offcanvas-title" id="offcanvasNavbarLabel">Menu</h5>
  46. <button type="button" class="btn-close" data-bs-dismiss="offcanvas"
  47. aria-label="Close"></button>
  48. </div>
  49. <div class="offcanvas-body">
  50. <!-- 导航开始 -->
  51. <ul class="navbar-nav justify-content-end flex-grow-1">
  52. <li class="nav-item">
  53. <a class="nav-link" aria-current="page" href="/">Home</a>
  54. </li>
  55. {dreamer-cms:categoryartlist length="5"}
  56. {dreamer-cms:if test="('true' eq [field:haschildren/])"}
  57. <li class="nav-item dropdown">
  58. <a href="[field:typeurl/]" class="nav-link dropdown-toggle"
  59. aria-current="page" id="blogDropdown" role="button"
  60. data-bs-toggle="dropdown" aria-expanded="false">
  61. [field:typenamecn /]
  62. </a>
  63. <ul class="dropdown-menu border-0 shadow bsb-zoomIn"
  64. aria-labelledby="blogDropdown">
  65. {dreamer-cms:channel}
  66. <li><a class="dropdown-item" href="[field:typeurl/]">
  67. [field:typenamecn/]</a></li>
  68. {/dreamer-cms:channel}
  69. </ul>
  70. </li>
  71. {/dreamer-cms:if}
  72. {dreamer-cms:if test="('false' eq [field:haschildren/])"}
  73. <li class="nav-item"><a class="nav-link scroll" href="[field:typeurl /]"
  74. title="[field:typenamecn /]">[field:typenamecn /]</a></li>
  75. {/dreamer-cms:if}
  76. {/dreamer-cms:categoryartlist}
  77. </ul>
  78. </div>
  79. </div>
  80. </div>
  81. </nav>
  82. </div>
  83. </div>
  84. </div>
  85. </header>
  86. <!-- Javascript Files: Vendors -->
  87. <script src="{dreamer-cms:template /}assets/controller/bootstrap.bundle.min.js"></script>
  88. <script src="{dreamer-cms:template /}assets/controller/swiper-bundle.min.js"></script>
  89. <!-- Javascript Files: Controllers -->
  90. <script src="{dreamer-cms:template /}assets/controller/presta-pro-bsb.js"></script>
  91. <script src="{dreamer-cms:template /}assets/controller/hero-5.js"></script>
  92. <script src="{dreamer-cms:template /}assets/controller/fact-6.js"></script>
  93. <script src="{dreamer-cms:template /}assets/controller/testimonial-5.js"></script>
  94. <script src="{dreamer-cms:template /}assets/controller/service-3.js"></script>
  95. <script src="{dreamer-cms:template /}assets/controller/blog-4.js"></script>
  96. <script src="{dreamer-cms:template /}assets/controller/client-4.js"></script>
  97. </body>
  98. </html>