diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..e43b0f9 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +.DS_Store diff --git a/Ascani.html b/Ascani.html index b8fb4ae..64e9333 100644 --- a/Ascani.html +++ b/Ascani.html @@ -4,243 +4,253 @@ Document +
-

Trabajo diagnostico - Urquiza 2026

-

Materia: Programación 1

-

Alumna: Ascani Andrea

+

Trabajo diagnostico - Urquiza 2026

+

Materia: Programación 1

+

Alumna: Ascani Andrea

- + + Cuaderno con frase + + - -
-

Ingresa los datos principales de la cita

- -
-

Ingresa qué tipo de cita deseas guardar

- -
- -

- -
-

Ingresa cuántas citas estás por ingresar a la vez

- -

Si la conoces, ingresa la nacionalidad de la/el autor/a

-

- -

- - -
- +
  • Tenelas siempre a mano
    • +
  • Llevalas digitalmente con vos
    • +
  • Buscalas de diversas maneras
    • + + +
    +

    Ingresa los datos principales de la cita

    + + + +
    + +

    Ingresa qué tipo de cita deseas guardar

    + + +
    + + + +
    + + + + +

    + + + + +

    + + +
    + \ No newline at end of file diff --git a/ascani.css b/ascani.css new file mode 100644 index 0000000..fbb452a --- /dev/null +++ b/ascani.css @@ -0,0 +1,111 @@ +body { + background-color: #fdfaf3; + color: #4a3728; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + line-height: 1.6; + margin: 0; + padding: 20px; +} + +header { + text-align: center; + border-bottom: 2px solid #5f9ea0; + margin-bottom: 30px; + padding-bottom: 10px; +} + +header h1 { + margin: 0; + color: #5f9ea0; +} + + +.imagen-destacada { + display: block; + max-width: 400px; + height: auto; + margin: 20px auto; + border: 8px solid #fff; + box-shadow: 0 4px 15px rgba(0,0,0,0.1); + border-radius: 4px; +} + +form { + max-width: 500px; + margin: 0 auto; + background: #ffffff; + padding: 30px; + border-radius: 12px; + box-shadow: 0 10px 25px rgba(74, 55, 40, 0.05); +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; + font-size: 0.9em; +} + +input, select, textarea { + width: 100%; + padding: 12px; + margin-bottom: 20px; + border: 1.5px solid #e0e0e0; + border-radius: 6px; + box-sizing: border-box; + background-color: #fafafa; + transition: border-color 0.3s; +} + +input:focus, select:focus { + outline: none; + border-color: #5f9ea0; +} + +button { + background-color: #4a3728; + color: #fdfaf3; + padding: 12px 24px; + border: none; + border-radius: 6px; + cursor: pointer; + font-size: 1em; + width: 100%; + transition: background-color 0.3s ease; +} + +button:hover { + background-color: #5f9ea0; +} +input[type="radio"], input[type="checkbox"] { + width: auto; + margin-bottom: 0; + vertical-align: middle; +} + + +input[type="radio"] + label { + display: inline-block; + width: auto; + margin-left: 10px; + vertical-align: middle; +} +nav { + text-align: center; + font-weight: bold; + margin-top: 20px; + color: #5f9ea0; +} + + +ul { + list-style-position: inside; + padding: 0; + margin: 10px 0; +} +ul { + text-align: center; + list-style-position: inside; /* Mueve el puntito hacia adentro para que no quede a la izquierda */ + padding: 0; /* Elimina el espacio reservado para los puntos */ + margin: 20px 0; /* Espacio arriba y abajo de la lista */ +} \ No newline at end of file