123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108 |
- {{define "index"}}
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <link rel="stylesheet" href="/assets/css/message.css">
- <link rel="stylesheet" href="/assets/css/style.css">
- <link rel="stylesheet" href="/assets/css/carousel.css">
- {{if eq .IsAdmin true}}
- <link rel="stylesheet" href="/assets/css/admin.css">
- {{end}}
- <title>{{.Title}}</title>
- </head>
- <body>
- {{template "header" .}}
- <main>
- <!-- <div class="carousel-container">
- <div data-width="1060" data-dots="false" class="carousel" id="Carousel">
- <div data-image="images/1.jpg"></div>
- <div data-image="images/2.jpg"></div>
- <div data-image="images/3.jpg"></div>
- <div data-image="images/4.jpg"></div>
- <div data-image="images/5.jpg"></div>
- <div data-image="images/6.jpg"></div>
- </div>
- </div> -->
- <div id="Page1" class="page active">
- <img src="images/1.png">
- <div>
- <h2>Lorem, ipsum dolor</h2>
- <p>
- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Omnis dignissimos dolorem debitis atque
- ratione?
- </p>
- <button>Перейти</button>
- </div>
- </div>
- <div id="Page2" class="page">
- <img src="images/2.png">
- <div>
- <h2>Lorem ipsum dolor sit.</h2>
- <p>
- Lorem ipsum dolor sit, amet consectetur adipisicing elit. Dolores!
- </p>
- <button>Перейти</button>
- </div>
- </div>
- <div id="Page3" class="page">
- <img src="images/3.png">
- <div>
- <h2>Lorem ipsum dolor sit amet.</h2>
- <p>
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore debitis dolores dolor voluptatibus
- et.
- </p>
- <button>Перейти</button>
- </div>
- </div>
- <div id="Page4" class="page">
- <img src="images/4.png">
- <div>
- <h2>Lorem, ipsum dolor</h2>
- <p>
- Lorem ipsum dolor sit amet consectetur adipisicing elit. Expedita, accusantium doloremque.
- </p>
- <button>Перейти</button>
- </div>
- </div>
- <div id="Page5" class="page">
- <img src="images/5.png">
- <div>
- <h2>Lorem ipsum dolor sit amet.</h2>
- <p>
- Lorem ipsum dolor sit amet consectetur, adipisicing elit. Doloremque sequi impedit quisquam!
- </p>
- <button>Перейти</button>
- </div>
- </div>
- <div class="dots">
- <div data-page="#Page1" class="active"></div>
- <div data-page="#Page2"></div>
- <div data-page="#Page3"></div>
- <div data-page="#Page4"></div>
- <div data-page="#Page5"></div>
- </div>
- </main>
- {{template "footer" .}}
- <script src="/assets/js/message.js"></script>
- <script src="/assets/js/query.js"></script>
- <script src="/assets/js/carousel.js"></script>
- {{if eq .IsAdmin true}}
- <script src="/assets/js/admin.js"></script>
- {{end}}
- <script src="/assets/js/script.js"></script>
- </body>
- </html>
- {{end}}
|