Revert "Merge branch 'main' of https://git.bib.de/PBA3H22AJO/ProbelaufZoo"
This reverts commit7d7e130af3, reversing changes made to3639416d57.
This commit is contained in:
JoulianALS
parent
7d7e130af3
commit
08bfdea57a
@ -1,8 +0,0 @@
|
|||||||
const swiper = new Swiper('.swiper', {
|
|
||||||
direction: 'vertical',
|
|
||||||
loop: true,
|
|
||||||
|
|
||||||
pagination: {
|
|
||||||
el: '.swiper-pagination',
|
|
||||||
},
|
|
||||||
});
|
|
||||||
BIN
Src/elefant.jpg
BIN
Src/elefant.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 271 KiB |
BIN
Src/giraffe.jpg
BIN
Src/giraffe.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 243 KiB |
BIN
Src/gorilla.jpg
BIN
Src/gorilla.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 375 KiB |
BIN
Src/loewe.jpg
BIN
Src/loewe.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 746 KiB |
BIN
Src/zebra.jpg
BIN
Src/zebra.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 90 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 53 KiB |
@ -3,11 +3,6 @@ section {
|
|||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.swiper {
|
footer {
|
||||||
width: 600px;
|
height: 240px;
|
||||||
height: 300px;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
.swiper-pagination .swiper-pagination-bullet {
|
|
||||||
background-color: rgba(0, 0, 0, 1);
|
|
||||||
}
|
|
||||||
121
index.html
121
index.html
@ -9,65 +9,82 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Navbar -->
|
<!-- Navbar -->
|
||||||
<nav>
|
|
||||||
<a><img>logo</a>
|
<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">
|
||||||
<li></li>
|
<a class="navbar-brand" href="#"><img src="Src/zoowebseite-high-resolution-logo-transparent.png" alt="Logo" width="120" height="120" class="d-inline-block align-text"></a>
|
||||||
<li></li>
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
|
||||||
<li></li>
|
<span class="navbar-toggler-icon"></span>
|
||||||
<li></li>
|
</button>
|
||||||
<li></li>
|
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
|
||||||
</nav>
|
<div class="navbar-nav">
|
||||||
|
<a class="nav-link active" aria-current="page" href="#">Über uns</a>
|
||||||
<!-- Über Uns Section -->
|
<a class="nav-link" href="#openingHours">Öffnungszeiten</a>
|
||||||
<section class="container" id="ueberUns">
|
<a class="nav-link" href="#">Patenshop</a>
|
||||||
<div class="row">
|
</div>
|
||||||
<div class="col-md-6">
|
|
||||||
<!-- Gallery -->
|
|
||||||
<div class="swiper">
|
|
||||||
<div class="swiper-wrapper">
|
|
||||||
<!-- Slides -->
|
|
||||||
<div class="swiper-slide"><img src="Src/loewe.jpg" class="img-fluid" alt="Loewe"></div>
|
|
||||||
<div class="swiper-slide"><img src="Src/gorilla.jpg" class="img-fluid" alt="Gorilla"></div>
|
|
||||||
<div class="swiper-slide"><img src="Src/zebra.jpg" class="img-fluid" alt="Zebra"></div>
|
|
||||||
<div class="swiper-slide"><img src="Src/elefant.jpg" class="img-fluid" alt="Elefant"></div>
|
|
||||||
<div class="swiper-slide"><img src="Src/giraffe.jpg" class="img-fluid" alt="Giraffe"></div>
|
|
||||||
</div>
|
|
||||||
<div class="swiper-pagination"></div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- Text content -->
|
</nav>
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<!-- Öffnungszeiten Section -->
|
|
||||||
|
|
||||||
|
<!-- Über Uns Section -->
|
||||||
<section>
|
<section>
|
||||||
<h1>Öffnungszeiten</h1>
|
<h1>Über Uns</h1>
|
||||||
<p>Öffnungszeiten</p>
|
<p>Über Uns</p>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<!-- Patenshop Section -->
|
<!-- Öffnungszeiten Section -->
|
||||||
<section>
|
<section class="container d-flex" id="openingHours">
|
||||||
<h1>Patenshop</h1>
|
<div class="row justify-content-center align-self-center">
|
||||||
<p>Patenshop</p>
|
<h1 class="text-center">Öffnungszeiten</h1>
|
||||||
</section>
|
<br>
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Tag</th>
|
||||||
|
<th>Uhrzeit</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>Montag - Freitag</td>
|
||||||
|
<td>9:00 - 18:00 Uhr</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Samstag</td>
|
||||||
|
<td>10:00 - 15:00 Uhr</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Sonntag</td>
|
||||||
|
<td>Geschlossen</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Patenshop Section -->
|
||||||
|
<section>
|
||||||
|
<h1>Patenshop</h1>
|
||||||
|
<p>Patenshop</p>
|
||||||
|
</section>
|
||||||
|
|
||||||
<!-- Footer -->
|
<!-- Footer -->
|
||||||
<footer>
|
<footer class="container-fluid d-flex bg-dark">
|
||||||
<li></li>
|
<img src="Src/zoowebseite-high-resolution-logo-transparent.png" height="200" class="align-self-center">
|
||||||
<li></li>
|
<div>
|
||||||
<li></li>
|
<li></li>
|
||||||
<li></li>
|
<li></li>
|
||||||
<li></li>
|
<li></li>
|
||||||
|
<li></li>
|
||||||
|
<li></li>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<!-- JavaScript -->
|
<!-- JavaScript -->
|
||||||
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
||||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
|
<script src="Javascript/app.js"></script>
|
||||||
<script src="Javascript/app.js"></script>
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
Loading…
Reference in New Issue
Block a user