Refactor index.html and enhance style.css with glassmorphism effect for opening hours section
This commit is contained in:
12
index.html
12
index.html
@@ -13,7 +13,7 @@
|
||||
<!-- 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">
|
||||
<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>
|
||||
<a class="navbar-brand" href="#"><img src="Src/zoowebseite-high-resolution-logo-transparent.png" alt="Logo" width="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>
|
||||
@@ -53,11 +53,11 @@
|
||||
</section>
|
||||
|
||||
<!-- Öffnungszeiten Section -->
|
||||
<section class="container d-flex" id="openingHours">
|
||||
<div class="row justify-content-center align-self-center">
|
||||
<h1 class="text-center">Öffnungszeiten</h1>
|
||||
<section class="position-relative" id="openingHours">
|
||||
<div class="position-absolute top-50 start-50 translate-middle w-50 glass text-white text-center">
|
||||
<h1>Öffnungszeiten</h1>
|
||||
<br>
|
||||
<table class="table">
|
||||
<table class="table table-dark">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Tag</th>
|
||||
@@ -90,7 +90,7 @@
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="container-fluid d-flex bg-dark">
|
||||
<img src="Src/zoowebseite-high-resolution-logo-transparent.png" height="200" class="align-self-center">
|
||||
<img src="Src/zoowebseite-high-resolution-logo-transparent.png" width="200" class="align-self-center">
|
||||
<div>
|
||||
<li></li>
|
||||
<li></li>
|
||||
|
Reference in New Issue
Block a user