Prototype not finished

Shared/NavRegistrierung.razor

@@ -0,0 +1,38 @@
+<nav class="navbar navbar-expand-md navbar-light mb-4 me-5 ms-5 ">
+    <div class="container-fluid">
+        @*<a class="navbar-brand" href="">Yummy4Friends</a>*@
+        <a class="navbar-brand" href="">
+            <img src="assets/Logo_new.png" alt="Yummy4Friends" width="60px" height="auto">
+        </a>
+
+        <button class="navbar-toggler @NavButtonCssClass" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse"
+                aria-controls="navbarCollapse" aria-label="Toggle navigation" @onclick="ToggleNavMenu">
+            <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse justify-content-end @NavBarCssClass" id="navbarCollapse" @onclick="ToggleNavMenu">
+            <ul class="navbar-nav">
+                
+                <li class="nav-item">
+                    <NavLink class="nav-link" href="Admin">
+                        Admin
+                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
+                            <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z" />
+                        </svg>
+                    </NavLink>
+                </li>
+            </ul>
+        </div>
+    </div>
+</nav>
+
+@code {
+    private bool collapseNavMenu = true;
+    private string? NavBarCssClass => collapseNavMenu ? null : "show";
+    private string? NavButtonCssClass => collapseNavMenu ? "collapsed" : null;
+
+
+    private void ToggleNavMenu()
+    {
+        collapseNavMenu = !collapseNavMenu;
+    }
+}

Shared/Registrierung.razor

@@ -0,0 +1,15 @@
+@inherits LayoutComponentBase
+
+
+<div >
+    <NavRegistrierung />
+
+    <main class="container">
+
+        
+            @Body
+        
+    </main>
+
+    <Footer />
+</div>

Shared/Registrierung.razor.css

@@ -0,0 +1,5 @@
+html, body {
+    /*background-color: #C7FFD5;*/
+    padding: 0px;
+    margin: 0px;
+}

Shared/RegistrierungK.razor

@@ -0,0 +1,26 @@
+@page "/RegistrierungK"
+@layout Registrierung
+
+<div class="container col-lg-5 col-md-9 col-sm-12 d-flex flex-column " id="content">
+    <form id="button1" action="https://qrcodescan.in/">
+        <input type="submit" value="QR-Code einscannen" class="btn">
+        
+    </form>
+
+    <input type="text" class="form-control" id="qrcode" placeholder="QR-Code manuell eintragen" name="qrcode">
+    <form id="button1" action="Startseite">
+        <input type="submit" value="Bestätigen" class="btn">
+
+    </form>
+    <input type="text" class="form-control" id="email" placeholder="Email eintragen" name="email">
+    <form id="button1" action="">
+        <input type="submit" value="Email abschicken" class="btn">
+        
+    </form>
+
+    <p>Durch die Eingabe der Email Adresse wird Ihnen ein QR-Code für die Anmeldung zugeschickt.</p>
+
+</div>
+@code {
+
+}

Shared/RegistrierungK.razor.css

@@ -0,0 +1,9 @@
+p {
+    color: grey;
+}
+
+form {
+    margin-bottom:20px;
+    margin-top: 5px;
+}
+