translated signin and fixed front end

Author: emslmar

Youdemy/web/css/signin.css

@@ -18,6 +18,13 @@ body {
   margin: auto;
 }
 
+.center {
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+  
+}
+
 .form-signin .checkbox {
   font-weight: 400;
 }
@@ -26,14 +33,25 @@ body {
   z-index: 2;
 }
 
-.form-signin input[type="email"] {
+.form-signin input[type="first"] {
   margin-bottom: -1px;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
 
-.form-signin input[type="password"] {
+.form-signin input[type="last"] {
   margin-bottom: 10px;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+
+.form-signin input[type="middle"] {
+  margin-top: -1px;
+  margin-bottom: -1px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+

Youdemy/web/login.html

@@ -66,26 +66,22 @@
   </header>
 
   <main class="form-signin">
-  <div class="container">
+  <div class="container text-center">
     <form>
       <img class="mb-4" src="../assets/brand/bootstrap-logo.svg" alt="" width="72" height="57">
-      <h1 class="h3 mb-3 fw-normal">Log in</h1>
+      <h1 class="h3 mb-3 fw-normal">Sign in</h1>
 
       <div class="form-floating">
         <input type="email" class="form-control" id="floatingInput" placeholder="[email protected]">
-        <label for="floatingInput">Correo electrónico</label>
+        <label for="floatingInput">e-mail</label>
       </div>
-      <div class="form-floating">
+      <div class="form-floating mb-4">
         <input type="password" class="form-control" id="floatingPassword" placeholder="Password">
-        <label for="floatingPassword">Contraseña</label>
-      </div>
-
-      <div class="checkbox mb-3">
-        <label>
-          <input type="checkbox" value="remember-me"> Recordarme
-        </label>
+        <label for="floatingPassword">Password</label>
       </div>
-      <button class="w-100 btn btn-lg btn-primary" type="submit">Alta</button>
+      <button class="w-100 btn btn-lg btn-primary mb-3" type="submit">Sign in</button>
+      <p class="mb-0 ">Dont have an account?</p>
+      <a href="/Users/emi/Documents/URJC/Web Dev/webapp10/Youdemy/web/register.html" style="margin-bottom:20px; display:block;">Register here!</a>
     </form>
 
   </div>