index.html 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  1. {{define "index"}}
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <link rel="stylesheet" href="/assets/css/message.css">
  8. <link rel="stylesheet" href="/assets/css/style.css">
  9. <link rel="stylesheet" href="/assets/css/carousel.css">
  10. {{if eq .IsAdmin true}}
  11. <link rel="stylesheet" href="/assets/css/admin.css">
  12. {{end}}
  13. <title>{{.Title}}</title>
  14. </head>
  15. <body>
  16. {{template "header" .}}
  17. <nav>
  18. <a href="/page/page1">Page 1</a>
  19. <a href="/page/page2">Page 2</a>
  20. <a href="/page/page3">Page 3</a>
  21. <a href="/page/page4">Page 4</a>
  22. <a href="/page/page5">Page 5</a>
  23. </nav>
  24. <main>
  25. <!-- Пример карусели -->
  26. <!-- <div class="carousel-container">
  27. <div data-width="1060" data-dots="false" class="carousel" id="Carousel">
  28. <div data-image="images/1.jpg"></div>
  29. <div data-image="images/2.jpg"></div>
  30. <div data-image="images/3.jpg"></div>
  31. <div data-image="images/4.jpg"></div>
  32. <div data-image="images/5.jpg"></div>
  33. <div data-image="images/6.jpg"></div>
  34. </div>
  35. </div> -->
  36. <!-- Пример вставки выбранной страницы -->
  37. {{if eq .Page "page1"}}
  38. {{template "page1"}}
  39. {{end}}
  40. {{if eq .Page "page2"}}
  41. {{template "page2"}}
  42. {{end}}
  43. {{if eq .Page "page3"}}
  44. {{template "page3"}}
  45. {{end}}
  46. {{if eq .Page "page4"}}
  47. {{template "page4"}}
  48. {{end}}
  49. {{if eq .Page "page5"}}
  50. {{template "page5"}}
  51. {{end}}
  52. <!-- <div id="Page1" class="page active">
  53. <img src="/images/1.png">
  54. <div>
  55. <h2>Lorem, ipsum dolor</h2>
  56. <p>
  57. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis dignissimos dolorem debitis atque
  58. ratione?
  59. </p>
  60. <button>Перейти</button>
  61. </div>
  62. </div>
  63. <div id="Page2" class="page">
  64. <img src="/images/2.png">
  65. <div>
  66. <h2>Lorem ipsum dolor sit.</h2>
  67. <p>
  68. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores!
  69. </p>
  70. <button>Перейти</button>
  71. </div>
  72. </div>
  73. <div id="Page3" class="page">
  74. <img src="/images/3.png">
  75. <div>
  76. <h2>Lorem ipsum dolor sit amet.</h2>
  77. <p>
  78. Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore debitis dolores dolor voluptatibus
  79. et.
  80. </p>
  81. <button>Перейти</button>
  82. </div>
  83. </div>
  84. <div id="Page4" class="page">
  85. <img src="/images/4.png">
  86. <div>
  87. <h2>Lorem, ipsum dolor</h2>
  88. <p>
  89. Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita, accusantium doloremque.
  90. </p>
  91. <button>Перейти</button>
  92. </div>
  93. </div>
  94. <div id="Page5" class="page">
  95. <img src="/images/5.png">
  96. <div>
  97. <h2>Lorem ipsum dolor sit amet.</h2>
  98. <p>
  99. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque sequi impedit quisquam!
  100. </p>
  101. <button>Перейти</button>
  102. </div>
  103. </div> -->
  104. <!-- <div class="dots">
  105. <div data-page="#Page1" class="active"></div>
  106. <div data-page="#Page2"></div>
  107. <div data-page="#Page3"></div>
  108. <div data-page="#Page4"></div>
  109. <div data-page="#Page5"></div>
  110. </div> -->
  111. </main>
  112. {{template "footer" .}}
  113. <script src="/assets/js/message.js"></script>
  114. <script src="/assets/js/query.js"></script>
  115. <script src="/assets/js/carousel.js"></script>
  116. {{if eq .IsAdmin true}}
  117. <script src="/assets/js/admin.js"></script>
  118. {{end}}
  119. <script src="/assets/js/script.js"></script>
  120. </body>
  121. </html>
  122. {{end}}