Inscription form

frontend/src/components/LoginNavbar.vue

@@ -29,7 +29,6 @@ import Icon from 'vue-awesome/components/Icon'
 	border:4px solid #403d39;
 	cursor:pointer;
 	color:#403d39;
-	font-family:Arial;
 	font-size:28px;
 	padding:16px 31px;
     font-weight: bold;

frontend/src/router/index.js

@@ -25,7 +25,12 @@ const routes = [
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
     component: () => import(/* webpackChunkName: "accueil" */ '../views/Accueil.vue')
-  }
+  },
+  {
+    path: '/inscription',
+    name: 'Inscription',
+    component: () => import(/* webpackChunkName: "inscription" */ '../views/Inscription.vue')
+  },
 ]
 
 const router = new VueRouter({

frontend/src/views/Inscription.vue

+<template>
+    <div class="inscription">
+        <div class="row _centered">
+            <div class="column _600">
+                <h1>Inscription</h1>
+                <form action="post" class="form">
+                    <div class="row lmargin">
+                        <label for="FirstName"> Prénom </label>
+                        <input type="text" name="FirstName">
+                    </div>
+                    <div class="row lmargin">
+                        <label for="LastName"> Nom </label>
+                        <input type="text" name="LastName">
+                    </div>
+                    <div class="row lmargin">
+                        <label for="Login"> Login </label>
+                        <input type="text" name="Login">
+                    </div>
+                    <div class="row lmargin">
+                        <label for="Email"> Email </label>
+                        <input type="email" name="Email">
+                    </div>
+                    <div class="row lmargin">
+                        <label for="Password"> Mot de passe </label>
+                        <input type="password" name="Password">
+                    </div>
+                    <div class="row lmargin">
+                        <label for="ConfirmPassword"> Confirmer MdP </label>
+                        <input type="password" name="ConfirmPassword">
+                    </div>
+
+                    <div class="row lmargin">
+                        <button type="submit" class="btn"> Valider </button>
+                    </div>
+                </form>
+            </div>
+        </div>
+    </div>
+    
+</template>
+
+<style scoped>
+    ._600{
+        max-width: 600px;
+    }
+
+    .lmargin{
+        padding: 1%;
+        justify-content: center ;
+    }
+
+    label{
+        margin-right: 1%;
+    }
+
+    .btn{
+        background-color: transparent;
+        border-radius:10px;
+        border:4px solid #403d39;
+        color:#403d39;
+        font-family:Arial;
+        font-size:28px;
+        padding:16px 31px;
+        font-weight: bold;
+        margin: 1%;
+    }
+
+    .form{
+        background-color: transparent;
+        border-radius:10px;
+        border:4px solid #403d39;
+        color:#403d39;
+        font-family:Arial;
+        font-size:28px;
+        padding:16px 31px;
+        font-weight: bold;
+        margin: 1%;
+        justify-content: center;
+    }
+
+    ._centered{
+        justify-content: center;
+    }
+
+    .inscription{
+        height: 100%;
+        margin: 0 auto;
+        max-width: 1200px;
+    }
+
+</style>
+
+<script>
+export default {
+  name: 'Inscription'
+}
+
+</script>