first FundVelo pages

Pages/CaritasServiceFundVeloKeyDataPage.razor

@@ -0,0 +1,25 @@
+@page "/keydata/{FromRoute}"
+@inject NavigationManager NavigationManager
+
+<div class="row px-3 h-100">
+    <div class="row no-gutters align-items-center justify-content-center w-100">
+        <h1>@FromRoute</h1>
+    </div>
+</div>
+
+
+@code {
+
+    private void Found() {
+        //NavigationManager.NavigateTo("keydata/found");
+    }
+
+    private void Lost() {
+        //NavigationManager.NavigateTo("keydata/lost");
+    }
+
+    @code {
+        [Parameter]
+        public string FromRoute { get; set; }
+    }
+}

Pages/CaritasServiceFundVeloLostFoundPage.razor

@@ -0,0 +1,45 @@
+@page "/lost_found"
+@inject NavigationManager NavigationManager
+
+<div class="row px-3 h-100">
+    <div class="row no-gutters align-items-center w-100">
+        <div class="mat-layout-grid w-100">
+            <div class="mat-layout-grid-inner">
+                <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
+                </div>
+                <div class="mat-layout-grid-cell mat-layout-grid-cell-span-2">
+                    <MatCard class="demo-mat-card">
+                        <MatCardContent>
+                            <MatCardMedia Square="true" ImageUrl="/images/batch_found.png" @onclick="Found"></MatCardMedia>
+                        </MatCardContent>
+                    </MatCard>
+                </div>
+                <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
+                </div>
+                <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
+                </div>
+                <div class="mat-layout-grid-cell mat-layout-grid-cell-span-2">
+                    <MatCard class="demo-mat-card">
+                        <MatCardContent>
+                            <MatCardMedia Square="true" ImageUrl="/images/batch_missing.png" @onclick="Missing"></MatCardMedia>
+                        </MatCardContent>
+                    </MatCard>
+                </div>
+                <div class="mat-layout-grid-cell mat-layout-grid-cell-span-1">
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+
+@code {
+
+    private void Found() {
+        NavigationManager.NavigateTo("keydata/Found");
+    }
+
+    private void Missing() {
+        NavigationManager.NavigateTo("keydata/Missing");
+    }
+}

Pages/CaritasServicesPage.razor

@@ -1,7 +1,43 @@
 @page "/caritas_services"
+@inject NavigationManager NavigationManager
+
+
+<div class="row px-3 h-100">
+    <div class="row no-gutters align-items-center w-100">
+        <div class="mat-layout-grid w-100">
+            <div class="mat-layout-grid-inner">
+                <div class="mat-layout-grid-cell mat-layout-grid-cell-span-2">
+                    <MatCard class="demo-mat-card">
+                        <MatCardContent>
+                            <MatCardMedia Square="true" ImageUrl="/images/batch_kulturlegi.png"></MatCardMedia>
+                        </MatCardContent>
+                    </MatCard>
+                </div>
+                <div class="mat-layout-grid-cell mat-layout-grid-cell-span-2">
+                    <MatCard class="demo-mat-card">
+                        <MatCardContent>
+                            <MatCardMedia Square="true" ImageUrl="/images/batch_markt.png"></MatCardMedia>
+                        </MatCardContent>
+                    </MatCard>
+
+                </div>
+                <div class="mat-layout-grid-cell mat-layout-grid-cell-span-2">
+                    <MatCard class="demo-mat-card">
+                        <MatCardContent>
+                            <MatCardMedia Square="true" ImageUrl="/images/batch_fundvelo.png" @onclick="Next"></MatCardMedia>
+                        </MatCardContent>
+                    </MatCard>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
 
-<p>Caritas Dienste</p>
 
 @code {
 
+    private void Next() {
+        NavigationManager.NavigateTo("lost_found");
+    }
+
 }