Merge pull request #5 from yummy4friends/YUM04-33-footer

Footer merged into dev

Pages/Index.razor

@@ -13,4 +13,3 @@
         <button href="Speisekarte.razor" type="button" class=" btn btn-light justify-content-center">Zur Speisekarte</button>
     </div>
 </body>
-

Shared/Footer.razor

@@ -0,0 +1,18 @@
+<footer class="text-center text-lg-start bg-light text-muted">
+    <section class="d-flex justify-content-center justify-content-lg-between p-4 border-bottom"></section>
+    <section class="">
+        <div class="container text-center text-md-start mt-5">
+            <div class="col-md-3 col-lg-6 col-xl-12 mx-auto mb-4">
+                <center>
+                    <h6 class="text-uppercase fw-bold mb-4">
+                        <a href="">Kontakt</a> | <a href="">Impressum</a> | <a href="">Datenschutzerklärung</a> | <a href="">Cookies</a>
+                    </h6>
+                </center>
+            </div>
+        </div>
+    </section>
+</footer>
+
+@code {
+
+}

Shared/Footer.razor.css

@@ -0,0 +1,13 @@
+a {
+    color: grey;
+    text-decoration: none;
+}
+
+a:hover, a:focus {
+    color: #2A6496;
+    text-decoration: underline;
+}
+
+h6 {
+    color: grey;
+}

Shared/MainLayout.razor

@@ -9,4 +9,6 @@
             @Body
         </article>
     </main>
+
+    <Footer />
 </div>