2024-04-16 10:39:09 +02:00
<!DOCTYPE html>
< html lang = "en" >
2024-04-17 09:54:37 +02:00
< < < < < < < HEAD
2024-04-16 10:39:09 +02:00
< head >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2024-04-17 08:09:49 +02:00
< link rel = "stylesheet" href = "Styles/style.css" >
2024-04-17 08:35:35 +02:00
< link href = "https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel = "stylesheet" integrity = "sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin = "anonymous" >
2024-04-17 09:54:22 +02:00
< link rel = "stylesheet" href = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" / >
2024-04-17 08:09:49 +02:00
< title > ZooWebsite< / title >
2024-04-16 10:39:09 +02:00
< / head >
< body >
2024-04-17 08:09:49 +02:00
<!-- Navbar -->
2024-04-17 09:47:58 +02:00
< 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" >
< 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 >
< button class = "navbar-toggler" type = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarNavAltMarkup" aria-controls = "navbarNavAltMarkup" aria-expanded = "false" aria-label = "Toggle navigation" >
< span class = "navbar-toggler-icon" > < / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarNavAltMarkup" >
< div class = "navbar-nav" >
< a class = "nav-link active" aria-current = "page" href = "#" > Über uns< / a >
< a class = "nav-link" href = "#openingHours" > Öffnungszeiten< / a >
< a class = "nav-link" href = "#" > Patenshop< / a >
< / div >
2024-04-17 09:33:26 +02:00
< / div >
< / div >
2024-04-17 09:47:58 +02:00
< / nav >
2024-04-17 09:54:37 +02:00
=======
2024-04-17 09:43:51 +02:00
< 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 >
2024-04-17 08:09:49 +02:00
< li > < / li >
< li > < / li >
< li > < / li >
< li > < / li >
< li > < / li >
2024-04-17 09:43:51 +02:00
< / ul >
< / nav >
2024-04-17 09:54:37 +02:00
>>>>>>> b6709c537aad53c77ce742111eb198c5148556eb
2024-04-17 08:09:49 +02:00
2024-04-17 09:47:58 +02:00
<!-- Über Uns Section -->
2024-04-17 08:09:49 +02:00
< section >
2024-04-17 09:54:22 +02:00
< 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 >
2024-04-17 09:54:37 +02:00
< < < < < < < HEAD
2024-04-17 09:54:22 +02:00
< / nav >
2024-04-17 08:09:49 +02:00
< / section >
2024-04-17 09:54:37 +02:00
=======
2024-04-17 09:33:26 +02:00
<!-- 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 >
2024-04-17 08:09:49 +02:00
2024-04-17 09:43:51 +02:00
<!-- Öffnungszeiten Section -->
< section >
< h1 > Öffnungszeiten< / h1 >
< p > Öffnungszeiten< / p >
< / section >
2024-04-17 09:54:37 +02:00
>>>>>>> b6709c537aad53c77ce742111eb198c5148556eb
2024-04-17 08:09:49 +02:00
2024-04-17 09:47:58 +02:00
<!-- Öffnungszeiten Section -->
< section class = "container d-flex" id = "openingHours" >
< div class = "row justify-content-center align-self-center" >
< h1 class = "text-center" > Öffnungszeiten< / h1 >
< 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 >
2024-04-17 08:09:49 +02:00
2024-04-17 09:54:37 +02:00
< < < < < < < HEAD
2024-04-17 08:09:49 +02:00
<!-- Footer -->
2024-04-17 09:47:58 +02:00
< footer class = "container-fluid d-flex bg-dark" >
< img src = "Src/zoowebseite-high-resolution-logo-transparent.png" height = "200" class = "align-self-center" >
< div >
< li > < / li >
< li > < / li >
< li > < / li >
< li > < / li >
< li > < / li >
< / div >
2024-04-17 08:09:49 +02:00
< / footer >
2024-04-17 09:54:37 +02:00
=======
2024-04-17 09:43:51 +02:00
<!-- Footer -->
< footer >
< ul >
2024-04-17 08:09:49 +02:00
< li > < / li >
< li > < / li >
< li > < / li >
< li > < / li >
< li > < / li >
2024-04-17 09:43:51 +02:00
< / ul >
< / footer >
2024-04-17 09:54:37 +02:00
>>>>>>> b6709c537aad53c77ce742111eb198c5148556eb
2024-04-17 08:09:49 +02:00
2024-04-17 09:47:58 +02:00
<!-- JavaScript -->
2024-04-17 09:54:22 +02:00
< script src = "https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js" > < / script >
2024-04-17 09:47:58 +02:00
< 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 >