Está en la página 1de 1

<!

DOCTYPE html> *{
<html lang="en"> margin: 0;
<head> padding: 0;
<meta charset="UTF-8"> box-sizing: border-box;
<meta http-equiv="X-UA-Compatible" content="IE=edge"> }
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css"> .form-register {
<title>Formulario de registro</title> width: 400px;
</head> background: #92939e;
<body> padding: 30px;
<section class="form-register"> margin: auto;
<h4>Formulario de registro</h4> margin-top: 100px;
<label for="name">Ingresa tu nombre:</label> border-radius: 4px;
<input class = "controls" type="text" placeholder = "Escribe tu nombre" font-family: "calibri";
id="name"> color: white;
<br> }
<label for="fecha">Fecha de nacimiento:</label>
<input class = "controls" type="date" id="fecha"> .form-register H4{
<br> font-size: 24px;
<label for="clave">Contraseña:</label> margin-bottom: 20px;
<input class = "controls" type="password" id="clave"> }
<br>
<label for="correo">Correo electrónico:</label> .controls {
<input class = "controls" type="email" id="correo"> width: 100%;
<br> background: #95e8ee;
<label for="estadoc">Casado</label> padding: 10px;
<input type="checkbox" id="estadoc"> border-radius: 4px;
<br> margin-bottom: 16px;
<br> border: 1px solid white;
<br> font-family: "calibri";
<p>Estoy de acuerdo con <a href="#">Terminos y condiciones</a></p> font-size: 18px;
<br> }
<input type="submit" value="enviar">
<p><a href="#">=====</a></p>
</section>
</body>
</html>

También podría gustarte