tab1 angepasst

src/app/tab1/tab1.page.html

@@ -9,9 +9,73 @@
 <ion-content [fullscreen]="true">
   <ion-header collapse="condense">
     <ion-toolbar>
-      <ion-title size="large">plAN – präventive und lebenskompetenzfördernde Angebote</ion-title>
+      <img
+        src="https://www.breisgau-hochschwarzwald.de/pb/site/Breisgau-Hochschwarzwald/get/params_E491248136/282741/plAn%20Logo.JPG"
+      />
     </ion-toolbar>
   </ion-header>
 
-  <app-explore-container name="Suche durchführen"></app-explore-container>
+  <ion-searchbar placeholder="Suche"></ion-searchbar>
+  <ion-list>
+    <ion-item>
+      <ion-label>Kategorie</ion-label>
+      <ion-select
+        placeholder="Bitte auswählen"
+        cancelText="Abbrechen"
+        okText="Okay"
+      >
+        <ion-select-option value="a">Elternbildung</ion-select-option>
+        <ion-select-option value="b">Inklusion</ion-select-option>
+        <ion-select-option value="c">Sucht</ion-select-option>
+      </ion-select>
+    </ion-item>
+    <ion-item>
+      <ion-label>Zielgruppe</ion-label>
+      <ion-select
+        placeholder="Bitte auswählen"
+        cancelText="Abbrechen"
+        okText="Okay"
+      >
+        <ion-select-option value="a">allgemeine Bevölkerung</ion-select-option>
+        <ion-select-option value="b">Betriebe</ion-select-option>
+        <ion-select-option value="c">Eltern</ion-select-option>
+        <ion-select-option value="d">Gemeinden</ion-select-option>
+      </ion-select>
+    </ion-item>
+
+    <ion-item>
+      <ion-label>Altersgruppe</ion-label>
+      <ion-select
+        multiple="true"
+        placeholder="Bitte auswählen"
+        cancelText="Abbrechen"
+        okText="Okay"
+      >
+        <ion-select-option value="a"
+          >Schwangerschaft und Geburt</ion-select-option
+        >
+        <ion-select-option value="b">0 - 3 Jahre</ion-select-option>
+        <ion-select-option value="c">3 - 6 Jahre</ion-select-option>
+        <ion-select-option value="d">6 - 10 Jahre</ion-select-option>
+      </ion-select>
+    </ion-item>
+    <ion-item>
+      <ion-label>Region</ion-label>
+      <ion-select
+        multiple="true"
+        placeholder="Bitte auswählen"
+        cancelText="Abbrechen"
+        okText="Okay"
+      >
+        <ion-select-option value="a"
+          >Batzenberg – Schönberg – Hexental</ion-select-option
+        >
+        <ion-select-option value="b">Dreisamtal, Gundelfingen-Glottertal</ion-select-option>
+        <ion-select-option value="c">Hochschwarzwald</ion-select-option>
+        <ion-select-option value="d">Stadt Freiburg</ion-select-option>
+      </ion-select>
+    </ion-item>
+
+    <ion-button expand="block">Suche</ion-button>
+  </ion-list>
 </ion-content>