Mein Teil komplett (Über uns)
This commit is contained in:
parent
239204677c
commit
04b00f38f8
@ -0,0 +1,8 @@
|
||||
const swiper = new Swiper('.swiper', {
|
||||
direction: 'vertical',
|
||||
loop: true,
|
||||
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
},
|
||||
});
|
BIN
Src/elefant.jpg
Normal file
BIN
Src/elefant.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 271 KiB |
BIN
Src/giraffe.jpg
Normal file
BIN
Src/giraffe.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 243 KiB |
BIN
Src/gorilla.jpg
Normal file
BIN
Src/gorilla.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 375 KiB |
BIN
Src/loewe.jpg
Normal file
BIN
Src/loewe.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 746 KiB |
BIN
Src/zebra.jpg
Normal file
BIN
Src/zebra.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.1 MiB |
@ -6,3 +6,12 @@ section {
|
||||
footer {
|
||||
height: 240px;
|
||||
}
|
||||
|
||||
.swiper {
|
||||
width: 600px;
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
.swiper-pagination-bullet {
|
||||
background-color: rgba(0, 0, 0, 1) !important
|
||||
}
|
||||
|
@ -9,6 +9,7 @@
|
||||
<title>ZooWebsite</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- Navbar -->
|
||||
<nav class="navbar sticky-top navbar-expand-lg bg-body-tertiary bg-dark border-bottom border-body" data-bs-theme="dark">
|
||||
<div class="container-fluid">
|
||||
@ -29,8 +30,8 @@
|
||||
<!-- Über Uns Section -->
|
||||
<section class="container" id="ueberUns">
|
||||
<div class="row">
|
||||
<!-- Slider on the left -->
|
||||
<div class="col-md-6">
|
||||
<!-- Gallery -->
|
||||
<div class="swiper">
|
||||
<div class="swiper-wrapper">
|
||||
<!-- Slides -->
|
||||
@ -43,9 +44,7 @@
|
||||
<div class="swiper-pagination"></div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</section>
|
||||
<!-- Text content -->
|
||||
<!-- Text on the right -->
|
||||
<div class="col-md-6">
|
||||
<h2>Text on the Right</h2>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed gravida, justo eget sagittis malesuada, leo velit lobortis orci, ac sodales lectus ipsum in libero. Phasellus hendrerit justo et risus blandit, nec ultricies ligula facilisis. Pellentesque luctus, justo id vehicula consectetur, metus tortor auctor felis, eget eleifend lorem neque eget lectus. Cras semper, velit non gravida pellentesque, elit lectus rhoncus eros, nec malesuada est nulla eu metus.</p>
|
||||
|
Loading…
Reference in New Issue
Block a user