Modifier mon compte

src/app/pages/profil-edit/profil-edit.page.html

 <ion-header>
-  <ion-toolbar color="primary">
-    <ion-buttons slot="start">
-      <ion-back-button defaultHref="/app/profil" text="Retour"></ion-back-button>
-    </ion-buttons>
-    <ion-title>
-      Modifier mon profil
-    </ion-title>
-  </ion-toolbar>
+    <ion-toolbar color="primary">
+        <ion-buttons slot="start">
+            <ion-back-button defaultHref="/app/profil" text="Retour"></ion-back-button>
+        </ion-buttons>
+        <ion-title>
+            Modifier mon profil
+        </ion-title>
+        <ion-button color="success" slot="end">Valider</ion-button>
+    </ion-toolbar>
 </ion-header>
 
 <ion-content>
-  <ion-card>
-    <ion-item color="primary">
-      Ma carte testeur :
-    </ion-item>
-    <ion-item>
-      <ion-icon name="card" slot="start"></ion-icon> 2019 0108 0000 0001
-    </ion-item>
-    <ion-item>
-      <ion-icon name="stopwatch" slot="start"></ion-icon> 08/2020
-    </ion-item>
-    <ion-item lines="none">
-      <ion-icon name="person" slot="start"></ion-icon> G101010
-    </ion-item>
-  </ion-card>
-  <ion-card>
-    <ion-item color="primary">
-      Infos :
-      <ion-button slot="end" color="light" fill="outline" routerLink="/app/profil-edit" routerDirection="root"
-        routerLinkActive="active">Modifier</ion-button>
-    </ion-item>
-    <ion-item>
-      <ion-icon name="mail" slot="start"></ion-icon> monemail@allo-testeurs.com
-    </ion-item>
-    <ion-item>
-      <ion-icon name="pin" slot="start"></ion-icon> Lorem ipsum sit dolor amet
-    </ion-item>
-    <ion-item lines="none">
-      <ion-icon name="call" slot="start"></ion-icon> +212 661 20 30 40
-    </ion-item>
-  </ion-card>
+    <ion-grid>
+        <ion-row>
+            <ion-col size="2"></ion-col>
+            <ion-col size="8">
+                <ion-img src="../../assets/img/avatar.jpeg"></ion-img>
+            </ion-col>
+            <ion-col size="2"></ion-col>
+        </ion-row>
+    </ion-grid>
+    <ion-card padding-bottom>
+        <ion-item color="light" lines="none">
+            Mes infos :
+        </ion-item>
+        <ion-item>
+            <ion-label position="floating">Nom</ion-label>
+            <ion-input clearInput></ion-input>
+        </ion-item>
+        <ion-item>
+            <ion-label position="floating">Prénom</ion-label>
+            <ion-input clearInput></ion-input>
+        </ion-item>
+        <ion-item>
+            <ion-label position="floating">E-mail</ion-label>
+            <ion-input clearInput></ion-input>
+        </ion-item>
+        <ion-item>
+            <ion-label position="floating">Téléphone</ion-label>
+            <ion-input clearInput></ion-input>
+        </ion-item>
+    </ion-card>
 </ion-content>
\ No newline at end of file