generated from marquez.juan/Ejercicio-inicial--git-y-HTML
Agrega html
This commit is contained in:
108
Diagnostico.html
Normal file
108
Diagnostico.html
Normal file
@@ -0,0 +1,108 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="es">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Suscripción a Plataforma de Programación</title>
|
||||||
|
<link rel="stylesheet" href="estilodiag.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<!--Página de suscripción-->
|
||||||
|
|
||||||
|
<header>
|
||||||
|
<h1>CodeLearn</h1>
|
||||||
|
<p>Aprendé programación desde cero</p>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<nav>
|
||||||
|
<a href="#">Inicio</a>
|
||||||
|
<a href="#">Cursos</a>
|
||||||
|
<a href="#">Contacto</a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
<section>
|
||||||
|
<article>
|
||||||
|
<h2>¿Qué ofrecemos?</h2>
|
||||||
|
<p>Ofrecemos cursos básicos para estudiantes que comienzan en programación.</p>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li>Python</li>
|
||||||
|
<li>HTML y CSS</li>
|
||||||
|
<li>Lógica de programación</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
<img src="Python.png" alt="Logo Python">
|
||||||
|
<img src="HTML y CSS.jpg" alt="Logo HTML y CSS">
|
||||||
|
<img src="Logica de programacion.webp" alt="Logo Lógica de programación">
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<h2>Planes</h2>
|
||||||
|
|
||||||
|
<table>
|
||||||
|
<tr>
|
||||||
|
<th>Plan</th>
|
||||||
|
<th>Precio</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Básico</td>
|
||||||
|
<td>$1500</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Completo</td>
|
||||||
|
<td>$3000</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section>
|
||||||
|
<div>
|
||||||
|
<h2>Formulario de Suscripción</h2>
|
||||||
|
|
||||||
|
<form>
|
||||||
|
<label for="Nombre">Nombre:</label>
|
||||||
|
<input type="text" required>
|
||||||
|
|
||||||
|
<label for="Apellido">Apellido:</label>
|
||||||
|
<input type="text" required>
|
||||||
|
|
||||||
|
<label for="Email">Email:</label>
|
||||||
|
<input type="email" required>
|
||||||
|
|
||||||
|
<label for="plan">Elegí un plan:</label><br>
|
||||||
|
<input type="radio" name="plan">Básico
|
||||||
|
<input type="radio" name="plan">Completo
|
||||||
|
<br><br>
|
||||||
|
|
||||||
|
<label for="cuotas">Cantidad de cuotas:</label>
|
||||||
|
<input type="number" min="1" required>
|
||||||
|
|
||||||
|
<label for="Provincia">Provincia:</label>
|
||||||
|
<select>
|
||||||
|
<option value="s">Santa Fe</option>
|
||||||
|
<option value="e">Entre Ríos</option>
|
||||||
|
<option value="c">Córdoba</option>
|
||||||
|
</select>
|
||||||
|
|
||||||
|
<label>
|
||||||
|
<input type="checkbox"> Soy estudiante
|
||||||
|
</label>
|
||||||
|
|
||||||
|
<label for="Comentarios">Comentarios:</label>
|
||||||
|
<textarea rows="3"></textarea>
|
||||||
|
|
||||||
|
<button type="submit">Enviar</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<p>© 2026 CodeLearn</p>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Reference in New Issue
Block a user