jueves, 3 de febrero de 2022

Solución bootstrap 6

<!DOCTYPE html>
<html lang="es">
<head>
  <title>Bootstrap 6</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container" style="padding-top: 1em;">
<div class="well">
<h1>Inscríbete a la oferta de trabajo</h1>
<p>Rellena los datos que aparecen a continuación.</p>
</div>
<form role="form">
  <div class="form-group">
    <label for="nombre">Nombre</label>
    <input type="text" class="form-control" id="nombre"
           placeholder="Introduce tu nombre">
  </div>
  <div class="form-group">
    <label for="apellido">Apellido</label>
    <input type="text" class="form-control" id="apellido"
           placeholder="Introduce tu apellido">
  </div>
  <div class="radio">
 <strong>Sexo:</strong>
 <label><input type="radio" name="opciones" id="opciones_1" value="opcion_1" checked>
Hombre</label>
 <label><input type="radio" name="opciones" id="opciones_2" value="opcion_2">
Mujer</label>
  </div>
  <div class="form-group">
    <label for="email">Email</label>
    <input type="email" class="form-control" id="email"
           placeholder="Introduce tu email">
  </div>
  <div class="form-group">
    <label for="contrasena">Contraseña</label>
    <input type="password" class="form-control" id="contrasena"
           placeholder="Introduce una contraseña">
  </div>
  <div class="form-group">
    <label for="contrasena">Carta de presentación</label>
    <textarea class="form-control" rows="5"></textarea>
  </div>
  <div class="form-group">
    <label for="archivo">Adjuntar un archivo con el currículum</label>
    <input type="file" id="archivo">
    <p class="help-block">Solo es posible adjuntar documentos doc o pdf.</p>
  </div>
  <div class="checkbox">
    <label>
      <input type="checkbox"> Activa esta opción si quieres que adjuntemos tu currículum a nuestra base de datos
    </label>
  </div>
  <button type="submit" class="btn btn-default">Enviar</button>
</form>


</div>
</body>
</html>

1 comentario: