generated from marquez.juan/Ejercicio-inicial--git-y-HTML
Compare commits
6 Commits
8051bd7e0e
...
6797c29b98
| Author | SHA1 | Date | |
|---|---|---|---|
|
6797c29b98 | ||
|
|
882d524b57 | ||
|
|
f0c5b8eea6 | ||
|
|
c1c2689382 | ||
|
|
fcd1afeb9d | ||
|
|
8e066c3c02 |
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@@ -0,0 +1 @@
|
||||
Suscripcion de programacion.py
|
||||
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>
|
||||
BIN
HTML y CSS.jpg
Normal file
BIN
HTML y CSS.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
BIN
Logica de programacion.webp
Normal file
BIN
Logica de programacion.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
BIN
Python.png
Normal file
BIN
Python.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
102
estilodiag.css
Normal file
102
estilodiag.css
Normal file
@@ -0,0 +1,102 @@
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
background-color: #eef2f3;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
header {
|
||||
background-color: #198754;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
nav {
|
||||
background-color: #333;
|
||||
padding: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: white;
|
||||
margin: 10px;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
main {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
section {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 100%;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
table, th, td {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
th, td {
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
form {
|
||||
background-color: white;
|
||||
padding: 20px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #ccc;
|
||||
max-width: 400px;
|
||||
margin: auto;
|
||||
box-shadow: 0px 0px 10px rgba(0,0,0,0,1);
|
||||
}
|
||||
|
||||
form label {
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
input, select, textarea {
|
||||
width: 100%;
|
||||
padding: 8px;
|
||||
margin-top: 5px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button {
|
||||
background-color: #198754;
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 10px;
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
margin-top: 15px;
|
||||
cursor: pointer;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
background-color: #146c43;
|
||||
}
|
||||
|
||||
footer {
|
||||
background-color: #333;
|
||||
color: white;
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user