PBA3H22AJO/ProbelaufZoo
1
0
Fork 0
Code Issues 17 Pull Requests Packages Projects 2 Releases Wiki Activity

Über Uns

Browse Source
This commit is contained in:
JoulianALS
2024-04-17 09:33:26 +02:00
parent 086c1cd54e
commit 0d2a9cfb41
10 changed files with 83 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
index.html
View File

@@ -1,54 +1,77 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Styles/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<title>ZooWebsite</title>
</head>
<body>
<!-- Navbar -->
<nav>
<a><img>logo</a>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="Styles/style.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
<title>ZooWebsite</title>
</head>
<body>
<!-- Navbar -->
<nav>
<a><img>logo</a>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</nav>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</nav>
<!-- Über Uns Section -->
<section class="container" id="ueberUns">
<div class="row">
<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>
<!-- Text content -->
<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>
<!-- Über Uns Section -->
<section>
<h1>Über Uns</h1>
<p>Über Uns</p>
</section>
<!-- Öffnungszeiten Section -->
<section>
<h1>Öffnungszeiten</h1>
<p>Öffnungszeiten</p>
</section>
<!-- Öffnungszeiten Section -->
<section>
<h1>Öffnungszeiten</h1>
<p>Öffnungszeiten</p>
</section>
<!-- Patenshop Section -->
<section>
<h1>Patenshop</h1>
<p>Patenshop</p>
</section>
<!-- Patenshop Section -->
<section>
<h1>Patenshop</h1>
<p>Patenshop</p>
</section>
<!-- Footer -->
<footer>
<!-- Footer -->
<footer>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</footer>
</ul>
</footer>
<!-- JavaScript -->
<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>
</body>
</html>
<!-- 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="Javascript/app.js"></script>
</body>
</html>