Header

2025-06-16 10:28:54 +02:00
parent d435ad36b4
commit 23e4ded0f3
22 changed files with 83 additions and 612 deletions
--- a/Views/Header/header.css
+++ b/Views/Header/header.css
@@ -0,0 +1,28 @@
+a {
+    color: black;
+    text-decoration: none;
+}
+#navigation {
+    display: flex;
+    justify-content: center;
+}
+.link-container {
+    display: grid;
+    width: 80%;
+    grid-template-columns: 20% 20% 56% 4%;
+    background-color: #BAC8D4;
+    border-bottom-right-radius: 10px;
+    border-bottom-left-radius: 10px;
+}
+.links {
+    display: flex;
+    align-items: center;
+    font-size: 25px;
+}
+#logo {
+    height: 60px;
+    width: 170px;
+    background-image: url("../../images/bibArts.png");
+    background-position: center;
+    background-size: contain;
+}
--- a/Views/Header/header.phtml
+++ b/Views/Header/header.phtml
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="HTML-5">
+    <head>
+        <title>VR Contact</title>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link href="./header.css" rel="stylesheet" type="text/css" />
+    </head>
+    <body>
+        <div id="wrapper">
+        <nav id="navigation">
+            <div class="link-container">
+                <div id="logo" ><a class="link-logo" href="#"></a></div>
+                <a id="link-tickets" class="links" href="#">Tickets</a>
+                <a id="link-infos" class="links" href="?controller=Welcome&do=showWelcome">Infos</a>
+                <a id="link-profil" class="links" href="?controller=Contact&do=showContactForm">Profil</a>
+                <div id="profile-picture"></div>
+            </div>
+        </nav>
+    </body>
+</html>