DopeyCode/marmeladenladen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added some images, added banner and featuredproduc

Browse Source
This commit is contained in:
StockiP
2022-04-21 14:44:42 +02:00
parent 32d2d15db4
commit 2324b1988a
9 changed files with 249 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
components/banner.html Normal file
View File

@@ -0,0 +1,95 @@
<div id="marmeladenLadencarousel" class="carousel slide" data-bs-ride="carousel">
<ol class="carousel-indicators">
<li data-bs-target="#marmeladenLadencarousel" data-bs-slide-to="0" class="active"></li>
<li data-bs-target="#marmeladenLadencarousel" data-bs-slide-to="1"></li>
<li data-bs-target="#marmeladenLadencarousel" data-bs-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<div class="container">
<div class="row p-5">
<div class="mx-auto col-md-8 col-lg-6 order-lg-last">
<img class="img-fluid rounded-circle shadow" src="../res/img/jam.jpg" alt="">
</div>
<div class="col-lg-6 mb-0 d-flex align-items-center">
<div class="text-align-left align-self-center">
<h1 class="h1 text-success">MarmeladenLaden</h1>
<h3 class="h2">Aliquip ex ea commodo consequat</h3>
<p>
Occaecat velit enim pariatur mollit et aliquip in nulla Lorem tempor nisi laboris
proident ad id amet tempor sint eu sunt esse duis incididunt exercitation eiusmod veniam
fugiat non aliqua ullamco eiusmod eiusmod est adipisicing
in est commodo consectetur enim dolore ea non id aliquip aliqua dolore nostrud cillum ea
cillum ipsum dolore enim sunt fugiat qui eu sint laborum do veniam nulla et cillum minim
consectetur eiusmod et mollit aliquip sit occaecat
consectetur duis cillum officia pariatur officia ad pariatur ullamco excepteur cupidatat
reprehenderit tempor qui cillum reprehenderit sit qui veniam proident est officia
proident aute sunt consectetur ullamco.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row p-5">
<div class="mx-auto col-md-8 col-lg-6 order-lg-last">
<img class="img-fluid rounded-circle shadow" src="../res/img/berries.jpg" alt="">
</div>
<div class="col-lg-6 mb-0 d-flex align-items-center">
<div class="text-align-left">
<h1 class="h1">Proident occaecat</h1>
<h3 class="h2">Aliquip ex ea commodo consequat</h3>
<p>
Occaecat velit enim pariatur mollit et aliquip in nulla Lorem tempor nisi laboris
proident ad id amet tempor sint eu sunt esse duis incididunt exercitation eiusmod veniam
fugiat non aliqua ullamco eiusmod eiusmod est adipisicing
in est commodo consectetur enim dolore ea non id aliquip aliqua dolore nostrud cillum ea
cillum ipsum dolore enim sunt fugiat qui eu sint laborum do veniam nulla et cillum minim
consectetur eiusmod et mollit aliquip sit occaecat
consectetur duis cillum officia pariatur officia ad pariatur ullamco excepteur cupidatat
reprehenderit tempor qui cillum reprehenderit sit qui veniam proident est officia
proident aute sunt consectetur ullamco.
</p>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item">
<div class="container">
<div class="row p-5">
<div class="mx-auto col-md-8 col-lg-6 order-lg-last">
<img class="img-fluid rounded-circle shadow" src="../res/img/cottage.jpg" alt="">
</div>
<div class="col-lg-6 mb-0 d-flex align-items-center">
<div class="text-align-left">
<h1 class="h1">Repr in voluptate</h1>
<h3 class="h2">Ullamco laboris nisi ut </h3>
<p>
Occaecat velit enim pariatur mollit et aliquip in nulla Lorem tempor nisi laboris
proident ad id amet tempor sint eu sunt esse duis incididunt exercitation eiusmod veniam
fugiat non aliqua ullamco eiusmod eiusmod est adipisicing
in est commodo consectetur enim dolore ea non id aliquip aliqua dolore nostrud cillum ea
cillum ipsum dolore enim sunt fugiat qui eu sint laborum do veniam nulla et cillum minim
consectetur eiusmod et mollit aliquip sit occaecat
consectetur duis cillum officia pariatur officia ad pariatur ullamco excepteur cupidatat
reprehenderit tempor qui cillum reprehenderit sit qui veniam proident est officia
proident aute sunt consectetur ullamco.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<a class="carousel-control-prev text-decoration-none w-auto ps-3" href="#marmeladenLadencarousel" role="button"
data-bs-slide="prev">
<i class="fas fa-chevron-left"></i>
</a>
<a class="carousel-control-next text-decoration-none w-auto pe-3" href="#marmeladenLadencarousel" role="button"
data-bs-slide="next">
<i class="fas fa-chevron-right"></i>
</a>
</div>