index.html 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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. <main>
  18. <!-- <div class="carousel-container">
  19. <div data-width="1060" data-dots="false" class="carousel" id="Carousel">
  20. <div data-image="images/1.jpg"></div>
  21. <div data-image="images/2.jpg"></div>
  22. <div data-image="images/3.jpg"></div>
  23. <div data-image="images/4.jpg"></div>
  24. <div data-image="images/5.jpg"></div>
  25. <div data-image="images/6.jpg"></div>
  26. </div>
  27. </div> -->
  28. <div id="Page1" class="page active">
  29. <img src="images/1.png">
  30. <div>
  31. <h2>Lorem, ipsum dolor</h2>
  32. <p>
  33. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis dignissimos dolorem debitis atque
  34. ratione?
  35. </p>
  36. <button>Перейти</button>
  37. </div>
  38. </div>
  39. <div id="Page2" class="page">
  40. <img src="images/2.png">
  41. <div>
  42. <h2>Lorem ipsum dolor sit.</h2>
  43. <p>
  44. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores!
  45. </p>
  46. <button>Перейти</button>
  47. </div>
  48. </div>
  49. <div id="Page3" class="page">
  50. <img src="images/3.png">
  51. <div>
  52. <h2>Lorem ipsum dolor sit amet.</h2>
  53. <p>
  54. Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore debitis dolores dolor voluptatibus
  55. et.
  56. </p>
  57. <button>Перейти</button>
  58. </div>
  59. </div>
  60. <div id="Page4" class="page">
  61. <img src="images/4.png">
  62. <div>
  63. <h2>Lorem, ipsum dolor</h2>
  64. <p>
  65. Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita, accusantium doloremque.
  66. </p>
  67. <button>Перейти</button>
  68. </div>
  69. </div>
  70. <div id="Page5" class="page">
  71. <img src="images/5.png">
  72. <div>
  73. <h2>Lorem ipsum dolor sit amet.</h2>
  74. <p>
  75. Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque sequi impedit quisquam!
  76. </p>
  77. <button>Перейти</button>
  78. </div>
  79. </div>
  80. <div class="dots">
  81. <div data-page="#Page1" class="active"></div>
  82. <div data-page="#Page2"></div>
  83. <div data-page="#Page3"></div>
  84. <div data-page="#Page4"></div>
  85. <div data-page="#Page5"></div>
  86. </div>
  87. </main>
  88. {{template "footer" .}}
  89. <script src="/assets/js/message.js"></script>
  90. <script src="/assets/js/query.js"></script>
  91. <script src="/assets/js/carousel.js"></script>
  92. {{if eq .IsAdmin true}}
  93. <script src="/assets/js/admin.js"></script>
  94. {{end}}
  95. <script src="/assets/js/script.js"></script>
  96. </body>
  97. </html>
  98. {{end}}