95 lines
5.9 KiB
HTML
95 lines
5.9 KiB
HTML
<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> |