changements visuels login form

src/app/pages/login-form/login-form.component.html

@@ -1,17 +1,36 @@
-<ion-card>
-    <ion-card-header>
-        <ion-card-title>Connectez-vous à Knots !</ion-card-title><br><br>
-    </ion-card-header>
+<ion-content [fullscreen]="true" class="bg">
 
-    <ion-card-content>
-        Login
-        <br>
-        <input type="text">
-        <br>
-        Mot de Passe
-        <br>
-        <input type="password">
-    </ion-card-content><br>
+    <div class="container">
 
-    <ion-button fill="clear">Se connecter</ion-button>
-</ion-card>
+        <div class="logo-box">
+            <img src="assets/icon/logo.png" alt="logo">
+        </div>
+
+        <h1>Knots</h1>
+
+        <div class="card">
+
+            <h3>Connectez-vous à Knots !</h3>
+
+            <ion-item lines="none" class="input">
+                <ion-input placeholder="Login..."></ion-input>
+            </ion-item>
+
+            <ion-item lines="none" class="input">
+                <ion-input type="password" placeholder="Password..."></ion-input>
+            </ion-item>
+
+            <ion-button expand="block" class="btn">
+                Se connecter
+            </ion-button>
+
+        </div>
+
+        <div class="signup">
+            Vous êtes nouveau ?<br>
+            <a href="#">Créez vous un compte ici</a>
+        </div>
+
+    </div>
+
+</ion-content>