|
|
@@ -17,8 +17,18 @@
|
|
|
<body>
|
|
|
{{template "header" .}}
|
|
|
|
|
|
+ <nav>
|
|
|
+ <a href="/page/page1">Page 1</a>
|
|
|
+ <a href="/page/page2">Page 2</a>
|
|
|
+ <a href="/page/page3">Page 3</a>
|
|
|
+ <a href="/page/page4">Page 4</a>
|
|
|
+ <a href="/page/page5">Page 5</a>
|
|
|
+ </nav>
|
|
|
+
|
|
|
<main>
|
|
|
|
|
|
+ <!-- Пример карусели -->
|
|
|
+
|
|
|
<!-- <div class="carousel-container">
|
|
|
<div data-width="1060" data-dots="false" class="carousel" id="Carousel">
|
|
|
<div data-image="images/1.jpg"></div>
|
|
|
@@ -30,8 +40,26 @@
|
|
|
</div>
|
|
|
</div> -->
|
|
|
|
|
|
- <div id="Page1" class="page active">
|
|
|
- <img src="images/1.png">
|
|
|
+ <!-- Пример вставки выбранной страницы -->
|
|
|
+
|
|
|
+ {{if eq .Page "page1"}}
|
|
|
+ {{template "page1"}}
|
|
|
+ {{end}}
|
|
|
+ {{if eq .Page "page2"}}
|
|
|
+ {{template "page2"}}
|
|
|
+ {{end}}
|
|
|
+ {{if eq .Page "page3"}}
|
|
|
+ {{template "page3"}}
|
|
|
+ {{end}}
|
|
|
+ {{if eq .Page "page4"}}
|
|
|
+ {{template "page4"}}
|
|
|
+ {{end}}
|
|
|
+ {{if eq .Page "page5"}}
|
|
|
+ {{template "page5"}}
|
|
|
+ {{end}}
|
|
|
+
|
|
|
+ <!-- <div id="Page1" class="page active">
|
|
|
+ <img src="/images/1.png">
|
|
|
<div>
|
|
|
<h2>Lorem, ipsum dolor</h2>
|
|
|
<p>
|
|
|
@@ -42,7 +70,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="Page2" class="page">
|
|
|
- <img src="images/2.png">
|
|
|
+ <img src="/images/2.png">
|
|
|
<div>
|
|
|
<h2>Lorem ipsum dolor sit.</h2>
|
|
|
<p>
|
|
|
@@ -52,7 +80,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="Page3" class="page">
|
|
|
- <img src="images/3.png">
|
|
|
+ <img src="/images/3.png">
|
|
|
<div>
|
|
|
<h2>Lorem ipsum dolor sit amet.</h2>
|
|
|
<p>
|
|
|
@@ -63,7 +91,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="Page4" class="page">
|
|
|
- <img src="images/4.png">
|
|
|
+ <img src="/images/4.png">
|
|
|
<div>
|
|
|
<h2>Lorem, ipsum dolor</h2>
|
|
|
<p>
|
|
|
@@ -73,7 +101,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="Page5" class="page">
|
|
|
- <img src="images/5.png">
|
|
|
+ <img src="/images/5.png">
|
|
|
<div>
|
|
|
<h2>Lorem ipsum dolor sit amet.</h2>
|
|
|
<p>
|
|
|
@@ -81,15 +109,15 @@
|
|
|
</p>
|
|
|
<button>Перейти</button>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div> -->
|
|
|
|
|
|
- <div class="dots">
|
|
|
+ <!-- <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>
|
|
|
+ </div> -->
|
|
|
|
|
|
</main>
|
|
|
|
Alec