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

Merge branch 'main' of https://git.bib.de/PBA3H22AJO/ProbelaufZoo

Browse Source
This commit is contained in:
Sergej Jahne 2024-04-18 15:51:42 +02:00
commit 40c80456dd
2 changed files with 17 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
Styles/style.css
View File

@ -1,7 +1,6 @@
/* Navigation*/ /* Navigation*/
.navbar { .navbar {
background-color: #212121 !important; background-color: #212121 !important;
margin-bottom: 20px;
height: 70px; height: 70px;
} }
@ -59,10 +58,20 @@ section {
height: 100vh; height: 100vh;
} }
#openingHours { #ueberUns {
background: linear-gradient(90deg, rgb(0, 159, 155), rgb(157, 254, 175)); background: linear-gradient(0deg, rgb(0, 159, 155), rgb(33,33,33));
} }
#openingHours {
background: linear-gradient(180deg, rgb(0, 159, 155), rgb(157, 254, 175));
}
#patenshop {
background: linear-gradient(90deg, rgb(0, 159, 155), rgb(157, 254, 175));
}
.glass { .glass {
padding: 30px; padding: 30px;
background: rgba(255, 255, 255, 0.2); background: rgba(255, 255, 255, 0.2);

8
index.html
View File

@ -30,10 +30,10 @@
</nav> </nav>
<!-- Über Uns Section --> <!-- Über Uns Section -->
<section class="container" id="ueberUns"> <section class="position-relative" id="ueberUns">
<div class="row"> <div class="position-absolute top-50 start-50 translate-middle w-50 text-white">
<!-- Slider on the left --> <!-- Slider on the left -->
<div class="col-md-6"> <div class="col-6">
<div class="swiper"> <div class="swiper">
<div class="swiper-wrapper"> <div class="swiper-wrapper">
<!-- Slides --> <!-- Slides -->
@ -47,7 +47,7 @@
</div> </div>
</div> </div>
<!-- Text on the right --> <!-- Text on the right -->
<div class="col-md-6"> <div class="col-6">
<h2>Text on the Right</h2> <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> <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>