Husky/shop
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Sectionen im Home hinzugefügt

Browse Source
This commit is contained in:
Damian Wessels
2023-11-15 21:30:45 +01:00
parent eac3fd9a9b
commit 57b217793d
5 changed files with 78 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
templates/pages/home.html
View File

@@ -5,43 +5,31 @@
<div class="row">
<div class="col-md-3">
<nav class="nav-category">
<h2>Kategorien</h2>
<h2>Spiele</h2>
<ul class="menu-category">
<li><a href="#">YU - GI - OH</a></li>
<li><a href="#">My Little Pony</a></li>
<li><a href="#">One Piece</a></li>
<!--<li><a href="#">Baby and Toys</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Digital Goods</a></li>-->
{{ range $i, $section := .sectionen }}
<li><a href="/section/{{ $i }}">{{ $section.Name }}</a></li>
{{ end }}
</ul>
</nav>
</div>
<div class="col-md-9">
<div id="carouselExampleIndicators" class="carousel slide carousel-fade" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
{{ range $i, $section := .sectionen }}
<li data-target="#carouselExampleIndicators" data-slide-to="{{ $i }}" {{ if eq $i 0 }} class="active" {{ end }} ></li>
{{ end }}
</ol>
<div class="carousel-inner shadow-sm rounded">
<div class="carousel-item active">
<img class="d-block w-100" src="https://cdn1.epicgames.com/spt-assets/441b22f4c4414997a2994eba40e60daf/my-little-pony-a-maretime-bay-adventure-video-n33x0.png" alt="First slide">
{{ range $i, $section := .sectionen }}
<div class="carousel-item {{ if eq $i 0 }} active {{ end }}">
<img class="d-block w-100" src="/public/img/slides/slide1.jpg" alt="First slide">
<div class="carousel-caption d-none d-md-block">
<h5>Mountains, Nature Collection</h5>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="https://occ-0-2794-2219.1.nflxso.net/dnm/api/v6/E8vDc_W8CLv7-yMQu8KMEC7Rrr8/AAAABUX2KYwwhnfPwUIGOPB6DKz-f2tiWG2I1yE0swf9FQihfCjOYZg0eKiWdtExO4N0kjwkAWuTFhu1eLD2eesOqjtxsI0BaBdkFCRp.jpg?r=219" alt="Second slide">
<div class="carousel-caption d-none d-md-block">
<h5>Freedom, Sea Collection</h5>
</div>
</div>
<div class="carousel-item">
<img class="d-block w-100" src="/public/img/slides/slide3.jpg" alt="Third slide">
<div class="carousel-caption d-none d-md-block">
<h5>Living the Dream, Lost Island</h5>
<h5>{{ $section.Name }}</h5>
</div>
</div>
{{ end }}
</div>
</div>
<!-- End Slider -->