F2
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Solicitud de Crédito</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 20px;
}
.container {
max-width: 800px;
margin: auto;
background: #fff;
padding: 20px;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h2 {
text-align: center;
}
label {
display: block;
margin-bottom: 8px;
font-weight: bold;
}
input, select, textarea {
width: 100%;
padding: 10px;
margin-bottom: 20px;
border: 1px solid #ddd;
border-radius: 5px;
}
button {
background-color: #28a745;
color: white;
padding: 10px 15px;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #218838;
}
</style>
</head>
<body>
<div class="container">
<h2>Solicitud de Crédito para Motocicleta</h2>
<form>
<!-- Datos personales -->
<h3>Datos Personales</h3>
<label for="rut">RUT</label>
<input type="text" id="rut" name="rut" required>
<label for="nombres">Nombres</label>
<input type="text" id="nombres" name="nombres" required>
<label for="apellidos">Apellidos</label>
<input type="text" id="apellidos" name="apellidos" required>
<label for="estado-civil">Estado Civil</label>
<select id="estado-civil" name="estado-civil" required>
<option value="soltero">Soltero</option>
<option value="casado">Casado</option>
<option value="divorciado">Divorciado</option>
<option value="viudo">Viudo</option>
</select>
<label for="nacionalidad">Nacionalidad</label>
<input type="text" id="nacionalidad" name="nacionalidad" required>
<!-- Información laboral -->
<h3>Información Laboral</h3>
<label for="empresa">Nombre de la Empresa</label>
<input type="text" id="empresa" name="empresa" required>
<label for="antiguedad">Antigüedad Laboral (años)</label>
<input type="number" id="antiguedad" name="antiguedad" required>
<label for="ingresos">Ingresos Líquidos</label>
<input type="number" id="ingresos" name="ingresos" required>
<!-- Detalles del crédito -->
<h3>Detalles del Crédito</h3>
<label for="concesionario">Concesionario</label>
<select id="concesionario" name="concesionario" required>
<option value="concesionario1">Concesionario 1</option>
<option value="concesionario2">Concesionario 2</option>
<option value="concesionario3">Concesionario 3</option>
</select>
<label for="modelo">Modelo de la Motocicleta</label>
<select id="modelo" name="modelo" required>
<option value="modelo1">Modelo 1</option>
<option value="modelo2">Modelo 2</option>
<option value="modelo3">Modelo 3</option>
</select>
<label for="valor-moto">Valor de la Motocicleta</label>
<input type="number" id="valor-moto" name="valor-moto" required>
<label for="pie">Porcentaje del Pie</label>
<input type="number" id="pie" name="pie" required>
<label for="plazo">Plazo del Crédito (meses)</label>
<input type="number" id="plazo" name="plazo" required>
<!-- Botón de envío -->
<button type="submit">Enviar Solicitud</button>
</form>
</div>
</body>
</html>