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