diff --git a/Resources/Icons/audiologia_iconos/beach-svgrepo-com.svg b/Resources/Icons/audiologia_iconos/beach-svgrepo-com.svg new file mode 100644 index 0000000..f527bd2 --- /dev/null +++ b/Resources/Icons/audiologia_iconos/beach-svgrepo-com.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/Resources/Icons/audiologia_iconos/fondoAudiologia.jpg b/Resources/Icons/audiologia_iconos/fondoAudiologia.jpg new file mode 100644 index 0000000..e40ed68 Binary files /dev/null and b/Resources/Icons/audiologia_iconos/fondoAudiologia.jpg differ diff --git a/Resources/Icons/audiologia_iconos/girl-reading-a-book-svgrepo-com.svg b/Resources/Icons/audiologia_iconos/girl-reading-a-book-svgrepo-com.svg new file mode 100644 index 0000000..9eace7c --- /dev/null +++ b/Resources/Icons/audiologia_iconos/girl-reading-a-book-svgrepo-com.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/Resources/Icons/audiologia_iconos/health-healthcare-hospital-medic-medical-medicine-svgrepo-com.svg b/Resources/Icons/audiologia_iconos/health-healthcare-hospital-medic-medical-medicine-svgrepo-com.svg new file mode 100644 index 0000000..942f0ba --- /dev/null +++ b/Resources/Icons/audiologia_iconos/health-healthcare-hospital-medic-medical-medicine-svgrepo-com.svg @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/Resources/Icons/audiologia_iconos/muscle-svgrepo-com.svg b/Resources/Icons/audiologia_iconos/muscle-svgrepo-com.svg new file mode 100644 index 0000000..f3946f1 --- /dev/null +++ b/Resources/Icons/audiologia_iconos/muscle-svgrepo-com.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/Resources/Icons/audiologia_iconos/music-svgrepo-com.svg b/Resources/Icons/audiologia_iconos/music-svgrepo-com.svg new file mode 100644 index 0000000..74cf701 --- /dev/null +++ b/Resources/Icons/audiologia_iconos/music-svgrepo-com.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/Resources/img/bg photos/fondoinfantil.avif b/Resources/img/bg photos/fondoinfantil.avif new file mode 100644 index 0000000..bfbc130 Binary files /dev/null and b/Resources/img/bg photos/fondoinfantil.avif differ diff --git a/Resources/img/grupo4/fondoCaracterizacion.jpg b/Resources/img/grupo4/fondoCaracterizacion.jpg new file mode 100644 index 0000000..d9225f1 Binary files /dev/null and b/Resources/img/grupo4/fondoCaracterizacion.jpg differ diff --git a/Resources/img/img_Personal-4-3/AlvaroRodriguez_DxO.jpg b/Resources/img/img_Personal-4-3/AlvaroRodriguez_DxO.jpg new file mode 100644 index 0000000..5479191 Binary files /dev/null and b/Resources/img/img_Personal-4-3/AlvaroRodriguez_DxO.jpg differ diff --git a/Resources/img/img_Personal-4-3/cristina_DxO.jpg b/Resources/img/img_Personal-4-3/cristina_DxO.jpg index d01e38d..0da9701 100644 Binary files a/Resources/img/img_Personal-4-3/cristina_DxO.jpg and b/Resources/img/img_Personal-4-3/cristina_DxO.jpg differ diff --git a/Resources/img/img_Personal-4-3/juanCa_DxO.jpg.jpeg b/Resources/img/img_Personal-4-3/juanCa_DxO.jpg.jpeg new file mode 100644 index 0000000..a18ac8a Binary files /dev/null and b/Resources/img/img_Personal-4-3/juanCa_DxO.jpg.jpeg differ diff --git a/Resources/img/img_Personal-4-3/lourdes_DxO.jpg b/Resources/img/img_Personal-4-3/lourdes_DxO.jpg index c2e2b81..881298d 100644 Binary files a/Resources/img/img_Personal-4-3/lourdes_DxO.jpg and b/Resources/img/img_Personal-4-3/lourdes_DxO.jpg differ diff --git a/Resources/img/img_Personal-4-3/mariat_DxO.jpg b/Resources/img/img_Personal-4-3/mariat_DxO.jpg index 98436cb..1c5ff85 100644 Binary files a/Resources/img/img_Personal-4-3/mariat_DxO.jpg and b/Resources/img/img_Personal-4-3/mariat_DxO.jpg differ diff --git a/Resources/img/img_Personal-4-3/noemi_DxO.jpg b/Resources/img/img_Personal-4-3/noemi_DxO.jpg index 2456058..3474f7e 100644 Binary files a/Resources/img/img_Personal-4-3/noemi_DxO.jpg and b/Resources/img/img_Personal-4-3/noemi_DxO.jpg differ diff --git a/Resources/img/img_Personal-4-3/pablocenizo.jpg b/Resources/img/img_Personal-4-3/pablocenizo.jpg new file mode 100644 index 0000000..746a521 Binary files /dev/null and b/Resources/img/img_Personal-4-3/pablocenizo.jpg differ diff --git a/Resources/img/personal/AlvaroRodriguez.jpeg b/Resources/img/personal/AlvaroRodriguez.jpeg new file mode 100644 index 0000000..0ac0c4f Binary files /dev/null and b/Resources/img/personal/AlvaroRodriguez.jpeg differ diff --git a/Resources/img/personal/Ruben.jpeg b/Resources/img/personal/Ruben.jpeg new file mode 100644 index 0000000..77cf569 Binary files /dev/null and b/Resources/img/personal/Ruben.jpeg differ diff --git a/Resources/img/personal/guille3d.jpg b/Resources/img/personal/guille3d.jpg new file mode 100644 index 0000000..d38a52c Binary files /dev/null and b/Resources/img/personal/guille3d.jpg differ diff --git a/Resources/img/personal/jes.jpeg b/Resources/img/personal/jes.jpeg new file mode 100644 index 0000000..4d43514 Binary files /dev/null and b/Resources/img/personal/jes.jpeg differ diff --git a/Resources/img/personal/jessica3d.jpeg b/Resources/img/personal/jessica3d.jpeg new file mode 100644 index 0000000..4d43514 Binary files /dev/null and b/Resources/img/personal/jessica3d.jpeg differ diff --git a/Sanidad_Anatomia.html b/Sanidad_Anatomia.html index 4554a9a..d7b4017 100644 --- a/Sanidad_Anatomia.html +++ b/Sanidad_Anatomia.html @@ -10,6 +10,7 @@ + @@ -72,6 +73,7 @@
  • @@ -153,181 +155,93 @@

    Anatomia Patológica y Citoldiagnostico

    -
    -
    - -
    -
    -
    - -
    -
    - -

    Raquel García Rodríguez - - ☆ -

    -

    Profesora

    -
    - -
    - -
    -
    -
    -
    -
    -

    Formación

    -

    Licenciatura en Derecho y Diplomatura en Ciencias Empresariales - - - - -

    -
    -
    -

    Hobbies

    -

    Viajar, ir de conciertos/festivales, pasar tiempo con los míos, la - playa y un buen atardecer - - - . - -

    -
    -
    -

    Frase que te represente

    -

    Tiempo al tiempo - - - -

    -
    -
    -

    Algo sobre ti

    -

    Imparto asignaturas trasversales como Formación y Orientación - Laboral, entre otras .Estoy feliz de poder dedicarme a la docencia y de ayudar al alumnado en su - incorporación al mundo laboral. Creo firmemente en el poder de la actitud. - - . - -

    -
    -
    -
    +
    +

    Profesores

    +
    + + +
    + +
    +
    + + Nombre +

    Raquel García Rodríguez

    +
    +
    + +
    +
    +

    Formación

    +

    Licenciatura en Derecho y Diplomatura en Ciencias Empresariales.

    + +

    Hobbies

    +

    Viajar, ir de conciertos/festivales, pasar tiempo con los míos, la playa y un buen atardecer.

    + +

    Frase que te represente

    +

    Tiempo al tiempo.

    + +

    Algo sobre ti

    +

    Imparto asignaturas transversales como Formación y Orientación Laboral, entre otras. Estoy feliz de poder dedicarme a la docencia y de ayudar al alumnado en su incorporación al mundo laboral. Creo firmemente en el poder de la actitud.

    +
    -
    -
    - -
    -
    - -
    -
    -
    - -
    -
    - -

    Daniel Domínguez Cabría ☆

    -

    Profesor

    -
    - -
    - -
    -
    -
    -
    -
    -

    Formación

    -

    Licenciatura Licenciado en Biología - -

    -
    -
    -

    Hobbies

    -

    videojuegos, libros, juegos de mesa, anime. - . - -

    -
    -
    -

    Frase que te represente

    -

    ¿Se necesita una razón para ayudar a alguien? Yitan FFIX -

    -
    -
    -

    Algo sobre ti

    -

    cercano y apasionado, creo que el profesor debe apoyar al alumno - desde la cercanía, no desde una posición de poder -

    -
    -
    -
    + +
    +
    + + Dani +

    Daniel Domínguez Cabría

    +
    +
    + +
    +
    +

    Formación

    +

    Licenciado en Biología.

    + +

    Hobbies

    +

    Videojuegos, libros, juegos de mesa, anime.

    + +

    Frase que te represente

    +

    ¿Se necesita una razón para ayudar a alguien? Yitan FFIX.

    + +

    Algo sobre ti

    +

    Cercano y apasionado, creo que el profesor debe apoyar al alumno desde la cercanía, no desde una posición de poder.

    +
    -
    -
    - -
    -
    - -
    -
    -
    - -
    -
    - -

    Rosa García Valero ☆

    -

    Profesora

    -
    - -
    - -
    -
    -
    -
    -
    -

    Formación

    -

    Doctora en Microbiología

    -
    -
    -

    Hobbies

    -

    Leer, cocinar, senderismos, ciencia ficción, manga, submarinismos, - artes marciales, juegos de mesa. - -

    -
    -
    -

    Frase que te represente

    -

    Me lo contaron y lo olvidé. - Lo vi y lo entendí. - Lo hice y lo aprendí

    -
    -
    -

    Algo sobre ti

    -

    Me encanta la investigación tanto básica como aplicada. A nivel - docente, intento transmitir mi pasión por la ciencia a las nuevas generaciones. -

    -
    -
    -
    + + + +
    +
    + + Dani +

    Daniel Domínguez Cabría

    +
    +
    + +
    +
    +

    Formación

    +

    Doctora en Microbiología.

    + +

    Hobbies

    +

    Leer, cocinar, senderismos, ciencia ficción, manga, submarinismos, artes marciales, juegos de mesa.

    + +

    Frase que te represente

    +

    Me lo contaron y lo olvidé. Lo vi y lo entendí. Lo hice y lo aprendí.

    + +

    Algo sobre ti

    +

    Me encanta la investigación tanto básica como aplicada. A nivel docente, intento transmitir mi pasión por la ciencia a las nuevas generaciones.

    +
    -
    -
    + diff --git a/Sanidad_Audiologia.html b/Sanidad_Audiologia.html index 2a65a4b..3636020 100644 --- a/Sanidad_Audiologia.html +++ b/Sanidad_Audiologia.html @@ -8,59 +8,64 @@ - - - + + + + - + +
    • +
  • + Transversales +
    • +
  • + Administración +
    • +
  • + Mantenimientos y + servicios +
    • +
  • + Voluntariado +
    • + + - +
    - -
    -
    -
    -
    -
    -
    -

    Audiología Protésica

    -

    ¿Te gustaría especializarte en el campo de la audiología? En ILERNA aprenderás, de forma práctica y dinámica, a realizar exploraciones audiológicas, medir el nivel sonoro, adaptar prótesis auditivas, elaborar moldes y protectores auditivos, determinar medidas de protección acústicas y utilizar cabinas audiométricas. Nuestros laboratorios equipados con las herramientas de última tecnología te prepararán para trabajar como especialista audioprotesista.

    -
    -
    -
    + +
    +
    +
    +
    +
    +
    +

    Audiología Protésica

    +

    ¿Te gustaría especializarte en el campo de la audiología? En ILERNA aprenderás, de forma + práctica y dinámica, a realizar exploraciones audiológicas, medir el nivel sonoro, adaptar prótesis + auditivas, elaborar moldes y protectores auditivos, determinar medidas de protección acústicas y + utilizar cabinas audiométricas. Nuestros laboratorios equipados con las herramientas de última + tecnología te prepararán para trabajar como especialista audioprotesista.

    +
    +
    +
    -
    -
    - -
    -
    -
    - -
    -
    - -

    Alba Molina Aragon ☆

    -

    Profesora

    -
    +
    +
    -
    +
    + +
    + +
    + + AlbaMolinaAragon +
    +
    + +

    Alba Molina Aragón

    +

    Profesora

    +
    -
    -
    -
    -
    -
    -

    Formación

    -

    Óptica y optometrista, audióloga protésica

    -
    -

    Hobbies

    -

    Ir a la playa y leer un buen libro es una de mis pasiones, nadar me hace desconectar y sentirme libre y sobre todo pasar tiempo con mi familia y amigos -

    + +
    +
    +
    +
    +
    +
    +
    +
    Formación
    +
    +
    +
    Hobbies
    +
    +
    +
    Frase representativa
    +
    +
    +
    Algo sobre ti
    +
    +
    + +
    + +
    +

    Óptica y optometrista, audióloga protésica

    +
    + + + + + + + +
    -
    -

    Frase que te represente

    -

    Vive y deja vivir

    +
    +
    +
    +
    +
    +
    +
    + +
    + +
    + +
    + + RubenTorrejonSanchez +
    +
    + +

    Rubén Torrejón Sánchez

    +

    Profesor

    +
    +
    -
    -

    Algo sobre ti

    -

    Soy una apasionada de la enseñanza, 100% vocación. Por eso intento dar todo de mí en cada una de mis clases. Además de enseñar contenidos curriculares, pretendo inculcar que valores como el esfuerzo y la constancia son fundamentales para llegar al éxito

    + +
    + +
    +
    +
    +
    +
    +
    +
    Formación
    +
    +
    +
    Hobbies
    +
    +
    +
    Frase representativa
    +
    +
    +
    Algo sobre ti
    +
    +
    + +
    + +
    +

    Grado en Logopedia y Técnico superior en Audiología protésica

    +
    + + + + + + + +
    -
    -
    - +
    - - \ No newline at end of file + \ No newline at end of file diff --git a/adminCentro_direccion.html b/adminCentro_direccion.html index 6100e97..16cc22c 100644 --- a/adminCentro_direccion.html +++ b/adminCentro_direccion.html @@ -72,6 +72,7 @@
  • diff --git a/adminCentro_personal.html b/adminCentro_personal.html index 1950fa8..1596c14 100644 --- a/adminCentro_personal.html +++ b/adminCentro_personal.html @@ -71,6 +71,7 @@
  • diff --git a/administracionFinanzas.html b/administracionFinanzas.html index 287e619..be9d3fe 100644 --- a/administracionFinanzas.html +++ b/administracionFinanzas.html @@ -10,7 +10,8 @@ - + + @@ -71,6 +72,7 @@
  • @@ -107,29 +109,29 @@
  • Integracion Social
  • Educacion Infantil
    • - - - - - -
  • - Transversales -
    • -
  • - Administración -
    • -
  • - Mantenimientos y - servicios + +
    • + + + +
  • + Transversales +
    • +
  • + Administración +
    • +
  • + Mantenimientos y + servicios
  • Voluntariado
    • - + + - - - + +
    @@ -146,254 +148,140 @@

    Administracion y Finanzas

    - + - -
    - -
    +
    +
    -
    -
    -
    +
    +
    +
    -
    -
    - -

    Fco Javier Sanchez Echevarria☆ -

    -

    Orientador/Profesor

    -
    - -
    - -
    - -
    -
    -
    -
    -

    Formación

    -

    Grado universitario de administración y finanzas -

    -
    -
    -

    Hobbies

    -

    Los hobbies que más disfruto son el deporte y - el carnaval

    -
    -
    -

    Frase que te represente

    -

    La clave de la educación no es enseñar, es - despertar

    -
    -
    -

    Algo sobre ti

    -

    Como profesional me considero constante y justo -

    -
    - -
    -
    + class="img-fluid rounded-3 w-60" alt=""> +

    Fco Javier Sanchez Echevarria

    +

    Orientador/Profesor

    +

    Graduado en administración y finanzas.

    +

    Los hobbies que más disfruto son el deporte y el carnaval.

    +

    Como profesional me considero constante y justo

    +
    -
    -
    - -
    - -
    - -
    - -
    -
    -
    - -
    -
    - -

    Carmen Vidaurreta Casero☆ -

    -

    Profesora

    -
    - -
    +
    +
    +
    + +

    Carmen Vidaurreta Casero

    +

    Profesora

    +

    Licenciada en ADE

    +

    Entre mis hobbies se encuentran leer, viajar, el cine, hacer senderismo + y jugar a juegos de mesa entre otros

    +

    Soy una persona muy comprometida con mi trabajo, por ello nunca he + parado de formarme. Intento inculcar en mis alumnos el valor del esfuerzo, y sobre todo, + ser buenas personas.

    +
    - -
    -
    -
    -
    -

    Formación

    -

    Licenciada en ADE

    -
    -
    -

    Hobbies

    -

    Entre mis hobbies se encuentran leer, viajar, - el cine, hacer senderismo y jugar a juegos de mesa entre otros

    -
    -
    -

    Frase que te represente

    -

    Aunque nada cambie, si yo cambio todo cambia -

    -
    -
    -

    Algo sobre ti

    -

    Soy una persona muy comprometida con mi trabajo, - por ello nunca he parado de formarme. Intento inculcar en mis alumnos el - valor del esfuerzo, y sobre todo, ser buenas personas.

    -
    +
    +
    -
    -
    +
    +
    +
    + +

    Jessica Cardenas Cadiz

    +

    Profesora

    +

    Licenciada en Ciencias empresariales

    +

    Mis hobbies principales son ir a la playa, la lectura y pasar tiempo + con mis amistades.

    +

    Tras varios años dedicada al mundo de la banca, me desenamoré de mi + profesión al descubrir mi pasión, la docencia.

    + +
    -
    -
    -
    - -
    -
    -
    -
    - -
    -
    - -

    Jessica Cardenas Cadiz ☆ -

    -

    Profesora

    -
    -
    -
    - -
    -
    -
    -
    -

    Formación

    -

    - Licenciada en Ciencias empresariales, - Máster en formación del profesorado de educación secundaria y bachillerato, - formación profesional y enseñanza de idiomas -

    -
    -
    -

    Hobbies

    -

    Mis hobbies principales son ir a la playa, la - lectura y pasar tiempo con mis amistades

    -
    -
    -

    Frase que te represente

    -

    Insistir, persistir, resistir y nunca desistir -

    -
    -
    -

    Algo sobre ti

    -

    Tras varios años dedicada al mundo de la banca, - me desenamoré de mi profesión al descubrir mi pasión, la docencia

    -
    -
    -
    -
    -
    -
    - -
    - -
    - -
    - diff --git a/caracterizacion.html b/caracterizacion.html new file mode 100644 index 0000000..0b3ffa0 --- /dev/null +++ b/caracterizacion.html @@ -0,0 +1,330 @@ + + + + + + + + + + + + + Caracterización y Maquillaje Profesional + + + + + +
    +
    +
    +
    +
    +
    +
    +

    Educación Infantil

    +

    + Si te fascina el sector de la caracterización, los efectos especiales y la creación + de personajes, con el Grado Superior de Caracterización y Maquillaje Profesional te + especializarás para realizar los procesos de caracterización, organizando los + materiales, diseñando los personajes y llevando a cabo los maquillajes + profesionales. Gracias a las numerosas sesiones prácticas aprenderás las técnicas de + maquillaje para trabajar en medios audiovisuales y espectáculos escénicos. +

    +
    +
    +
    +
    +
    +
    + +
    + +
    +
    +
    + Mauro + +
    +
    +
    +
    +

    Mauro Muñoz

    +
    Profesor
    +
    +
    + +
    +
    +
    +

    Mi Formación

    +

    Técnico Superior en Imagen Personal

    +
    +
    +

    Mis hobbies

    +

    Cine, leer y viajar

    +
    +
    +
    +

    Frase que me representa

    +

    El éxito no está en ganar siempre, sino en no desanimarse nunca

    +
    +
    +

    Sobre mi

    +

    Tras haber trabajado como Técnico Estilista en Peluquería, Maquillaje y Asesoramiento + de Imagen durante más de 10 años en empresas de fotografía, textil, moda, + maquillaje, producciones audiovisuales y eventos, decidí combinar mi pasión con el + de la docencia para ayudar a los más jóvenes a cumplir su sueño.

    +
    +
    +
    +
    +
    +
    + +
    +
    +
    + Mauro + +
    +
    +
    +
    +

    Carolina García Martínez

    +
    Profesor
    +
    +
    + +
    +
    +
    +

    Mi Formación

    +

    FPII Estilismo y Dirección de Peluquería

    +
    +
    +

    Mis hobbies

    +

    Patinar, senderismo, teatro y cine

    +
    +
    + +
    +

    Frase que me representa

    +

    "Nadie sabe al principio, práctica y tiempo"

    +
    +
    +

    Sobre mi

    +

    Me considero una profesora paciente, flexible y muy organizada. Me gusta la + puntualidad y el perfeccionamiento en el trabajo realizado.

    +
    +
    +
    +
    +
    +
    + +
    + + + + \ No newline at end of file diff --git a/cardPrueba.html b/cardPrueba.html new file mode 100644 index 0000000..4deca1d --- /dev/null +++ b/cardPrueba.html @@ -0,0 +1,84 @@ + + + + + + Prueba Card + + +
    +
    + +
    + +
    + + \ No newline at end of file diff --git a/css/ade.css b/css/ade.css new file mode 100644 index 0000000..68a6a25 --- /dev/null +++ b/css/ade.css @@ -0,0 +1,64 @@ +.card-text { + display: block; + /* Muestra inicialmente el texto */ +} + +.card:hover .card-text { + display: none; + /* Oculta el texto cuando el ratón pasa sobre la tarjeta */ +} + +.card:hover .new-text { + display: block; + /* Muestra el nuevo texto cuando el ratón pasa sobre la tarjeta */ +} + +.new-text { + display: none; + /* Oculta el nuevo texto inicialmente */ +} + +.color-card{ + background-color: rgb(84, 84, 84); +} + +.w-60{ + width: 65%; +} + +.text-card-color{ + color: rgb(194, 194, 194) !important; +} + +.color-card:hover .card-body, +.color-card:hover .card-body h3, +.color-card:hover .card-body h4, +.color-card:hover .card-body p { + color: white !important; /* Cambia el color del texto a blanco al pasar el ratón sobre la tarjeta */ +} + +.titulo{ + color: var(--main-Blue) !important +} + +.card .btn { + display: none; + /* Muestra inicialmente el boton */ +} + +.card:hover .btn { + display: block; + /* Oculta el texto cuando el ratón pasa sobre la tarjeta */ +} + + + +.btn-round { + border-radius: 50%; /* Establece el radio del borde para hacer un círculo */ + width: 40px; /* Ajusta el ancho del botón según tus preferencias */ + height: 40px; /* Ajusta la altura del botón según tus preferencias */ + padding: 0; /* Elimina el relleno interior del botón */ + font-size: 20px; /* Ajusta el tamaño de la fuente según tus preferencias */ +} + + diff --git a/css/anatomia.css b/css/anatomia.css new file mode 100644 index 0000000..749e5b2 --- /dev/null +++ b/css/anatomia.css @@ -0,0 +1,164 @@ +/*CARDS*/ +.cards-container { + display: flex; + flex-wrap: wrap; + justify-content: space-around; + align-items: center; + margin: 20px; + margin-bottom: 200px; + margin-top: 50px; + color: #fff; + } + + + .card { + position: relative; + width: 100%; + max-width: 500px; + height: 550px; + cursor: pointer; + margin: 10px; + } + + + .card .face { + position: absolute; + width: 100%; + height: 100%; + backface-visibility: hidden; + border-radius: 10px; + overflow: hidden; + transition: .5s; + } + + + .card .front { + transform: perspective(600px) rotateY(0deg); + box-shadow: 0 5px 10px #000; + } + + + .card .front img { + position: absolute; + width: 100%; + height: 100%; + object-fit: cover; + } + + + .card .front h3 { + position: absolute; + bottom: 0; + width: 100%; + height: 45px; + line-height: 45px; + color: #fff; + background: rgb(0,0,0,.4); + text-align: center; + } + + + .card .back { + transform: perspective(600px) rotateY(180deg); + background: #023047; + color: #fff; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; + padding: 20px; + box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; + } + + + .card .back h4 { + margin: 10px 0; + padding-bottom: 5px; + font-size: 1.2em; + font-weight: bold; + border-bottom: 2px solid #008f9f + } + + + .card .back p { + font-size: 1em; + margin: 5px 0 15px; + line-height: 1.6; + } + + + /*HOVER*/ + .card:hover .front { + transform: perspective(600px) rotateY(180deg); + } + + + .card:hover .back { + transform: perspective(600px) rotateY(360deg); + } + + + /*RESPONSIVIDAD*/ + @media only screen and (min-width: 768px) { + .card { + width: calc(50% - 20px); + } + } + + + @media only screen and (min-width: 992px) { + .card { + width: calc(43.333% - 20px); + } + } + + + @media only screen and (min-width: 1200px) { + .card { + width: calc(30% - 10px); + } + } + + + .card:hover .front { + transform: perspective(600px) rotateY(180deg); + } + + + .card:hover .back { + transform: perspective(600px) rotateY(360deg); + } + + + /*TITULO*/ + .title-container { + text-align: center; + margin: 40px 0; + margin-top: 150px; + } + + + .title { + font-size: 2.5rem; + color: #333; + text-transform: uppercase; + letter-spacing: 3px; + display: inline-block; + position: relative; + } + + + .title::after { + content: ''; + position: absolute; + bottom: -10px; + left: 50%; + transform: translateX(-50%); + height: 4px; + width: 70%; + background: #008f9f; + border-radius: 2px; + } + \ No newline at end of file diff --git a/css/audiologia.css b/css/audiologia.css new file mode 100644 index 0000000..c503284 --- /dev/null +++ b/css/audiologia.css @@ -0,0 +1,15 @@ +.fs-7{ + font-size: 1.2em; +} + +.bg-blue{ + background-color: rgb(97, 134, 255); +} + +.bg-dark-blue{ + background-color: rgb(0, 0, 180); +} + +body{ + background-image: url('../Resources/Icons/audiologia_iconos/fondoAudiologia.jpg'); +} \ No newline at end of file diff --git a/css/card-transversal.css b/css/card-transversal.css new file mode 100644 index 0000000..4328978 --- /dev/null +++ b/css/card-transversal.css @@ -0,0 +1,102 @@ +.text-rosa{ + color: var(--badge-Pink); +} + +.text-azul{ + color: var(--badge-blue); +} + +.text-purple{ + color: var(--badge-Purple); +} + +.main { + display: grid; + justify-content: center; + align-items: center; + height: auto; + margin: 3vh; +} + +.general-card { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); + transition: 0.3s; + max-width: 90vh; + border-radius: 5px; + overflow: hidden; + margin-left: 3vh; + margin-right: 3vh; + display: grid; + grid-template-columns: 1fr 1fr; +} + +@media (width< 1224px) { + .general-card { + display: grid; + grid-template-columns: 1fr; + + } +} + +.teacher-card { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); + transition: 0.3s; + width: 45vh; + overflow: hidden; +} + +.container { + padding: 16px 16px; +} + +.title { + color: grey; + font-size: 18px; +} + +.overlay { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: rgba(0, 0, 0, 0.5); + opacity: 0; + transition: .5s ease; + display: flex; + justify-content: center; + align-items: center; +} + +.image-container:hover .overlay { + opacity: 1; +} + +.text { + color: white; + font-size: 2em; + text-align: center; + padding: 5%; +} + + +/*Botones redes sociales*/ +.marco { + border: 1px solid lightgray; + border-radius: 500px; + width: 50px; + height: 50px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + margin: 7px; + box-shadow: 2px 2px grey; + color: black; + transition: transform .2s; +} + +.marco:hover { + box-shadow: 5px 5px grey; + transform: scale(1.2); +} \ No newline at end of file diff --git a/css/cardTransporte.css b/css/cardTransporte.css new file mode 100644 index 0000000..c3789e4 --- /dev/null +++ b/css/cardTransporte.css @@ -0,0 +1,191 @@ +@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@200;400;500;700&display=swap"); + +body{ + background: rgb(25,11,1); +background: linear-gradient(90deg, rgba(25,11,1,1) 0%, rgba(125,92,16,1) 39%, rgba(255,162,0,1) 100%); +} + +*, +*::after, +*::before { + box-sizing: border-box; + padding: 0; + margin: 0; + font-family: "Nunito", sans-serif; +} + +.cards-container { + display: flex; + flex-direction: column; + justify-content: space-evenly; + align-items:center; + margin-top: 25px; +} + +#card1, #card2 { + transform-style: preserve-3d; + margin-bottom: 25px; +} + +#card1 h4, #card2 h4 { + color: #8b5d2e; + margin-top: -15px; +} + +input#open, input#open2 { + display: none; +} + +.open, .open2 { + display: flex; + background-color: transparent; + cursor: pointer; + transition: 2s; +} + +#open:checked ~ label #p1 .clip, +#open2:checked ~ label #p1 .clip { + transform: rotateY(-180deg); +} + +#open:checked ~ label, +#open2:checked ~ label { + margin-left: 300px; +} + +#p1, +#p2 { + width: 300px; + height: 400px; + border-radius: 10px; +} + +#p1 { + perspective: 3000px; +} + +#p1 h2, +#p1 h4 { + margin: 15px; +} + +#p1 .clip { + width: 100%; + transform-style: preserve-3d; + transition: 2s; + height: 100%; + transform-origin: left center; + background-color: #ead5b7; /* Beige claro */ + border: 5px solid #8b5d2e; /* Marrón oscuro */ +} + +#p1 .front, +#p1 .back { + position: absolute; + width: 100%; + height: 100%; + backface-visibility: hidden; +} + +#p1 .front img { + width: 100%; + height: 300px; + object-fit: cover; + object-position: center top; /* Puedes ajustar esto según tu preferencia */ + border-bottom: 3px solid #30261e; /* Marrón oscuro */ + outline: 0px solid #000; + background-color: #ead5b7; /* Beige claro */ +} + +#card1 #p1 .back { + transform: rotateY(180deg); + background-image: url("../Resources/img/img_Personal-4-3/jessica_DxO.jpg"); + background-position: center center; + background-size: cover; +} + +#card2 #p1 .back { + transform: rotateY(180deg); + background-image: url("../Resources/img/img_Personal-4-3/pablocenizo.jpg"); + background-position: center center; + background-size: cover; +} + +#p2 { + position: relative; + margin-left: -300px; + transition: 1s; + z-index: -1; + padding: 15px; + background-color: #30261e; /* Marrón oscuro */ +} + +#p2 h1 { + text-align: center; + font-size: 30px; + margin: 10px; + margin-bottom: 30px; + color: #d2b48c; +} + +#p2 h2{ + color: #d2b48c; +} + +.skill { + margin: 15px; + margin-bottom: 30px; +} + +.skill .a1 { + display: flex; + width: 100%; + justify-content: space-between; +} + +#p2 h3 { + color: #d2b48c; /* Beige */ +} + +.percentage-bar { + background-color: #d2b48c; /* Beige */ + border-radius: 10px; + height: 10px; + position: relative; + width: 100%; +} + +.percentage { + background-color: #8b5d2e; /* Marrón oscuro */ + border-radius: 10px; + height: 100%; + position: absolute; + left: 0; + top: 0; + box-shadow: 0px 0px 10px #8b5d2e; /* Marrón oscuro */ +} + +#p2 footer { + position: absolute; + bottom: 0px; + left: 0px; + border-top: 3px solid #ead5b7; /* Beige claro */ + width: 100%; + height: 50px; +} + +#p2 ul { + display: flex; + width: 100%; + height: 100%; + align-items: center; + justify-content: space-around; +} + +ul li { + list-style: none; +} + +ul li i { + font-size: 1.5rem; +} diff --git a/css/cards-DAW-SEIDA.css b/css/cards-DAW-SEIDA.css new file mode 100644 index 0000000..c06c74b --- /dev/null +++ b/css/cards-DAW-SEIDA.css @@ -0,0 +1,86 @@ +.card { + position: relative; + width: 300px; + background-color: #fff; + border-radius: 8px; + box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.15); + padding: 16px; + margin: 56px 24px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.card-image { + width: 150px; + height: 150px; + border-radius: 6%; + overflow: hidden; + position: absolute; + top: 0; + left: 50%; + transform: translate(-50%, -50%); + box-shadow: 0 15px 35px -15px rgba(0, 0, 0, 0.5), + 0 5px 20px 0 rgba(0, 0, 0, 0.1); +} + +.card-image img { + width: 100%; + transform: scale(1.2); +} + +p { + line-height: 24px; + letter-spacing: 0.5px; + margin-bottom: 12px; + text-align: center; +} + +.name { + margin-top: 80px; + font-size: 1.4em; + color: #333; + font-weight: bold; + letter-spacing: 0.8px; + margin-bottom: 8px; +} + +.socials { + display: flex; + align-items: center; + justify-content: center; +} + +button { + margin: 12px 8px; + width: 44px; + height: 44px; + border: none; + border-radius: 50%; + cursor: pointer; + transition: opacity 0.4s; +} + +button:hover { + opacity: 0.8; +} + +button i { + color: #fff; + font-size: 1.4em; +} + +@keyframes spin { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(360deg); + } +} + +.socials:hover { + animation: spin 0.5s linear infinite; +} \ No newline at end of file diff --git a/css/dietetica.css b/css/dietetica.css new file mode 100644 index 0000000..c8285d4 --- /dev/null +++ b/css/dietetica.css @@ -0,0 +1,45 @@ +#profesor img { + width: 80%; + height: 100%; +} + +h2 { + margin: 0; + font-size: 1.4rem; +} + +@media (min-width: 50em) { + h2 { + font-size: 1.8rem; + } +} + +.cta { + --shadowColor: 187 60% 40%; + display: flex; + flex-wrap: wrap; + background: hsl(187 70% 85%); + max-width: 50rem; + width: 100%; + box-shadow: 0.65rem 0.65rem 0 hsl(var(--shadowColor) / 1); + border-radius: 0.8rem; + overflow: hidden; + border: 0.5rem solid; +} + +.cta img { + aspect-ratio: 3 / 2; + object-fit: cover; + flex: 1 1 300px; + outline: 0.5rem solid; +} + +#trigger:hover h4{ + text-decoration: underline; + text-decoration-color: blue; +} + +#trigger2:hover h4{ + text-decoration: underline; + text-decoration-color: rgb(0, 0, 0); +} \ No newline at end of file diff --git a/css/infantil.css b/css/infantil.css new file mode 100644 index 0000000..8a78a06 --- /dev/null +++ b/css/infantil.css @@ -0,0 +1,50 @@ +body{ + background-image: url("../Resources/img/bg\ photos/fondoinfantil.avif"); + } + + .bgbluecolor{ + background-color: #C7ECFF; + } + + .color-identificador-Green { + width: 100%; + height: 35px; + background-color: #05b80b; + position: absolute; + top: 0; + left: 0; + border-top-left-radius: 2em; + border-top-right-radius: 2em; + } + .color-identificador-Yellow { + width: 100%; + height: 35px; + background-color:#ece112; + position: absolute; + top: 0; + left: 0; + border-top-left-radius: 2em; + border-top-right-radius: 2em; + } + + .color-identificador-Purple { + width: 100%; + height: 35px; + background-color:#800080; + position: absolute; + top: 0; + left: 0; + border-top-left-radius: 2em; + border-top-right-radius: 2em; + } + + .color-identificador-Light-blue { + width: 100%; + height: 35px; + background-color: #80cdde; + position: absolute; + top: 0; + left: 0; + border-top-left-radius: 2em; + border-top-right-radius: 2em; + } diff --git a/css/integration.css b/css/integration.css new file mode 100644 index 0000000..d55f7b9 --- /dev/null +++ b/css/integration.css @@ -0,0 +1,138 @@ +:root { + --main-White: #FBFBFB; + --main-Light-blue: #CAE2E4; + --main-Blue: #008F9F; + --main-Black: #050505; + --main-Yellow: #FDC523; + --badge-Red: #ec1212; + --badge-Green: #05b80b; + --badge-Lilac: #B695C0; + --badge-blue: #1b5ed3; + --badge-Orange: #ec9c12; + --badge-Pink: #ff35d7; + /*o fucsia*/ + --badge-White: #dddddd; + --badge-Black: #050505; + --badge-Yellow: #ece112; + --badge-Aquamarine: #9fd5d1; + --badge-Purple: #800080; + --badge-Light-blue: #80cdde; + --badge-mallow: #E0B0FF; + --badge-turquoise: #5dc1b9; +} + +.h35 { + font-size: 1.5rem; + /* Tamaño de fuente medio entre 3 y 4 */ + font-weight: 550; +} + +/* modificar por lapiz */ +.cursor { + cursor: pointer; +} + +.critina-select:hover { + background-color: #05b80b; +} + +.maria-select:hover { + background-color: #800080; + color: var(--main-White); +} + +.lourdes-select:hover { + background-color: #ece112; +} + +.noemi-select:hover { + background-color: #80cdde; +} +.integration-bg{ + background-color: #fff; +} + +.card-shadow-integration { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.6); +} + +#rotated-svg { + transform: rotate(180deg) scaleX(-1); + width: 500px; + height: 500px; +} + +#rotated-rectangle { + transform: rotate(-90deg); +} + +#ilustration img { + max-width: 905px; + width: 100%; + margin: auto; + opacity: 0; + animation-name: show; + animation-delay: 6s; + animation-duration: 1s; + animation-fill-mode: forwards; + animation-iteration-count: 1; + animation-timing-function: linear; + position: relative; + left: 50%; + transform: translateX(-50%); + z-index: 2; +} + +#ilustration svg { + max-width: 900px; + width: 100%; + margin: auto; + position: absolute; + position: absolute; + left: 0; + right: 0; + z-index: 1; +} + +#ilustration svg path { + stroke-width: 2; + animation-fill-mode: forwards; + animation-iteration-count: 1; + animation-name: draw; + animation-timing-function: linear; +} + +#ilustration svg path#hands { + stroke: #666; + stroke-dasharray: 14535; + stroke-dashoffset: 14535; + animation-duration: 10s; +} + +#ilustration svg path#shadow { + stroke: #999; + stroke-dasharray: 1481; + stroke-dashoffset: 1481; + animation-duration: 2s; + animation-delay: 2s; +} + +#ilustration svg path#heart { + stroke: #ddd; + stroke-dasharray: 3093; + stroke-dashoffset: 3093; + animation-duration: 2s; + animation-delay: 5s; +} + +@keyframes draw { + to { + stroke-dashoffset: 0; + } +} + +@keyframes show { + to { + opacity: 1; + } +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 38aa3d0..f4efc6c 100644 --- a/css/style.css +++ b/css/style.css @@ -1,36 +1,35 @@ :root { - --main-White: #FBFBFB; - --main-Light-blue: #CAE2E4; - --main-Blue: #008F9F; + --main-White: #fbfbfb; + --main-Light-blue: #cae2e4; + --main-Blue: #008f9f; --main-Black: #050505; - --main-Yellow: #FDC523; + --main-Yellow: #fdc523; --badge-Red: #ec1212; --badge-Green: #05b80b; - --badge-Lilac: #B695C0; + --badge-Lilac: #b695c0; --badge-blue: #1b5ed3; --badge-Orange: #ec9c12; - --badge-Pink: #ff35d7;/*o fucsia*/ + --badge-Pink: #ff35d7; /*o fucsia*/ --badge-White: #dddddd; --badge-Black: #050505; --badge-Yellow: #ece112; --badge-Aquamarine: #9fd5d1; --badge-Purple: #800080; --badge-Light-blue: #80cdde; - --badge-mallow: #E0B0FF; - --badge-turquoise:#5dc1b9; + --badge-mallow: #e0b0ff; + --badge-turquoise: #5dc1b9; } - .carouselImg { width: 15%; height: 15%; } -@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap'); -@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap'); +@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Lato&display=swap"); body { - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; } /*NAVBAR*/ @@ -43,7 +42,7 @@ body { .menu-derecha { margin-left: auto; /* Mueve el menú hacia la derecha */ - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; } /* Estilo del subrayado y color al pasar el cursor sobre los elementos del menú */ @@ -63,7 +62,6 @@ body { bottom: 0; left: 0; background-color: var(--main-Light-blue); - ; /* Color inicial del subrayado */ transform: scaleX(0); /* Inicialmente, el subrayado no es visible */ @@ -81,7 +79,6 @@ body { /* Muestra el subrayado al pasar el cursor */ transform-origin: bottom left; background-color: var(--main-Light-blue); - ; /* Cambia el color del subrayado al pasar el cursor */ } @@ -94,7 +91,7 @@ body { display: none; position: absolute; background-color: #008f9f; - /*main blue con transparencia*/ + /*main blue con transparencia*/ /* con transparencia en los menús mucho ojo porque se ponen encima del texto y no se ve*/ list-style: none; margin: 0; @@ -214,7 +211,7 @@ body { } .nav-link:hover::before { - content: ''; + content: ""; position: absolute; bottom: 0; left: 0; @@ -228,7 +225,7 @@ body { } .nav-link:hover::after { - content: ''; + content: ""; position: absolute; bottom: 0; right: 0; @@ -247,7 +244,7 @@ body { opacity: 1; transform: scaleX(1); } -.link-joseka{ +.link-joseka { text-decoration: none; color: inherit; } @@ -266,13 +263,13 @@ h1, h2, h3, h4 { - font-family: 'Montserrat', sans-serif; + font-family: "Montserrat", sans-serif; font-weight: bold; } /*font size por defecto 16px*/ p { - font-family: 'Lato', sans-serif; + font-family: "Lato", sans-serif; font-weight: normal; } @@ -309,10 +306,6 @@ p { text-align: center; } -.border-color { - border-color: var(--main-Black); -} - /*evita texto fuera de sus cuadros*/ .white-space { white-space: nowrap; @@ -330,12 +323,10 @@ p { margin: 0%; } - .image-container img { width: 100%; height: auto; margin: 0%; - } .image-container .texto { @@ -348,7 +339,6 @@ p { text-align: center; background-color: rgba(0, 0, 0, 0.4); border-radius: 5px; - } .carrusel-img { @@ -356,21 +346,24 @@ p { flex: 1; } -button{ +button { background-color: var(--main-Yellow); - font-weight:bold; + font-weight: bold; font-size: 16px; } -.bg-badge-sergio{ - background: linear-gradient(to bottom, #000000, #0000FF); +.bg-badge-sergio { + background: linear-gradient(to bottom, #000000, #0000ff); /* Cambia el valor según tus necesidades */ } -/*oculta card en displ moviles*/ -@media (max-width: 750px) { - #remove_mobile { - display: none; - } +.bg-badge-jessica3d{ + background-color: #ff0000; + /* Cambia el valor según tus necesidades */ +} + +.bg-badge-guille3d{ + background-color: #f8770d; + /* Cambia el valor según tus necesidades */ } /** Carousel*/ @@ -433,44 +426,76 @@ button{ .bg-badge-turquoise { background-color: var(--badge-turquoise); } -.dropdown-h{ +.dropdown-h { height: 500px; } -.title-dropdown{ - color:var(--main-Yellow) ; +.title-dropdown { + color: var(--main-Yellow); } -.img-max-w{ +.img-max-w { max-width: 1500px; height: auto; } -.img-min-w{ +.img-min-w { min-width: 1000px; height: auto; } figure { max-width: 300px; overflow: auto; - } - - figure img { +} + +figure img { float: left; margin: 0 1em 1em 0; width: 40px; height: auto; - } - @media screen and (max-width: 600px) { +} +@media screen and (max-width: 600px) { .table-container { - width: 100%; - overflow-y: auto; - _overflow: auto; - margin: 0 0 1em; + width: 100%; + overflow-y: auto; + _overflow: auto; + margin: 0 0 1em; } } +.information button { + border-radius: 15px; + border: solid black 1px; + background-color: #eee; +} +.caracterizacion { + background-image: url("../Resources/img/grupo4/fondoCaracterizacion.jpg"); + background-color: rgba(255, 255, 255, 0.267) !important; +} +.imagenxd { + align-items: start; +} +.mauroFavorito { + background: rgb(0, 0, 0); + background: linear-gradient( + 90deg, + rgba(0, 0, 0, 1) 0%, + rgba(255, 255, 255, 1) 100% + ); +} + +.carolinaFavorito { + background: rgb(115, 74, 145); + background: linear-gradient( + 90deg, + rgba(115, 74, 145, 1) 0%, + rgba(168, 123, 199, 1) 25%, + rgba(224, 176, 255, 1) 50%, + rgba(241, 215, 255, 1) 75%, + rgba(255, 255, 255, 1) 100% + ); +} diff --git a/css/style2.css b/css/style2.css new file mode 100644 index 0000000..0f42bab --- /dev/null +++ b/css/style2.css @@ -0,0 +1,118 @@ +@import url('https://fonts.googleapis.com/css?family=Montserrat'); + +* { + box-sizing: border-box; +} + + +.left-content { + margin-right:5%; +} +.card-container { + background-color: #f5f1f1; + border-radius: 20px; + box-shadow: 0px 10px 20px -10px rgba(0, 0, 0, 0.75); + color: #24252a; + padding-top: 30px; + position: relative; + max-width: 89%; + margin: 0 auto; + text-align: center; +} + +.card-container .rectangular { + border: 5px solid #464141; + border-radius: 10px; +} + +button.primary { + background-color: #ffb700; + border: 1px solid #ffb700; + font-weight: bold; + border-radius: 25px; + color: #231e39; + font-family: Montserrat, sans-serif; + padding: 10px 25px; +} + +button.primary.ghost { + background-color: transparent; + color: #02899c; +} + +#Martin{ + background-color: #ff0000; + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; + text-align: center; + padding: 10px; + margin-top: 30px; + margin-left: -12px; + margin-right: -12px; +} +#Martin ul { + list-style-type: none; + margin: 0; + padding: 0; + font-size: 22px; +} + + + + +#Olga{ + background-color: #ca92e9; + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; + text-align: center; + padding: 10px; + margin-top: 30px; + margin-left: -12px; + margin-right: -12px; +} + +#Olga ul{ + list-style-type: none; + margin: 0; + padding: 0; + font-size: 22px; +} + + +#Soraya{ + background-color: #05b80b; + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; + text-align: center; + padding: 10px; + margin-top: 30px; + margin-left: -12px; + margin-right: -12px; +} + +#Soraya ul{ + list-style-type: none; + margin: 0; + padding: 0; + font-size: 22px;} + + #Pedro{ + background-color: #1b5ed3; + border-bottom-left-radius: 20px; + border-bottom-right-radius: 20px; + text-align: center; + padding: 10px; + margin-top: 30px; + margin-left: -12px; + margin-right: -12px; + } + + #Pedro ul{ + list-style-type: none; + margin: 0; + padding: 0; + font-size: 22px;} + + + + diff --git a/css/style3d.css b/css/style3d.css new file mode 100644 index 0000000..e7031f5 --- /dev/null +++ b/css/style3d.css @@ -0,0 +1,151 @@ +@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap"); +@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap"); + +.card-3d { + perspective: 1000px; + margin-bottom: 30px; +} + +.card-3d .main-part { + width: 100%; + height: 320px; + position: relative; + transform-style: preserve-3d; + transition: transform 0.5s; + cursor: pointer; +} + +.card-3d .main-part { + width: 460px; + height: 320px; + position: relative; + transform-style: preserve-3d; + transition: transform 0.5s; + cursor: pointer; + margin: 0 auto; + background: linear-gradient(135deg, #ececec 0%, #f9f9f9 100%); +} + +.card-3d .main-part:hover { + transform: rotateY(180deg); +} + +.card-3d .front, +.card-3d .back { + width: 100%; + height: 100%; + position: absolute; + backface-visibility: hidden; + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + border-radius: 10px; + background-image: linear-gradient(112.5deg, + rgb(214, 214, 214) 0%, + rgb(214, 214, 214) 10%, + rgb(195, 195, 195) 10%, + rgb(195, 195, 195) 53%, + rgb(176, 176, 176) 53%, + rgb(176, 176, 176) 55%, + rgb(157, 157, 157) 55%, + rgb(157, 157, 157) 60%, + rgb(137, 137, 137) 60%, + rgb(137, 137, 137) 88%, + rgb(118, 118, 118) 88%, + rgb(118, 118, 118) 91%, + rgb(99, 99, 99) 91%, + rgb(99, 99, 99) 100%), + linear-gradient(157.5deg, + rgb(214, 214, 214) 0%, + rgb(214, 214, 214) 10%, + rgb(195, 195, 195) 10%, + rgb(195, 195, 195) 53%, + rgb(176, 176, 176) 53%, + rgb(176, 176, 176) 55%, + rgb(157, 157, 157) 55%, + rgb(157, 157, 157) 60%, + rgb(137, 137, 137) 60%, + rgb(137, 137, 137) 88%, + rgb(118, 118, 118) 88%, + rgb(118, 118, 118) 91%, + rgb(99, 99, 99) 91%, + rgb(99, 99, 99) 100%), + linear-gradient(135deg, + rgb(214, 214, 214) 0%, + rgb(214, 214, 214) 10%, + rgb(195, 195, 195) 10%, + rgb(195, 195, 195) 53%, + rgb(176, 176, 176) 53%, + rgb(176, 176, 176) 55%, + rgb(157, 157, 157) 55%, + rgb(157, 157, 157) 60%, + rgb(137, 137, 137) 60%, + rgb(137, 137, 137) 88%, + rgb(118, 118, 118) 88%, + rgb(118, 118, 118) 91%, + rgb(99, 99, 99) 91%, + rgb(99, 99, 99) 100%), + linear-gradient(90deg, rgb(195, 195, 195), rgb(228, 228, 228)); + background-blend-mode: overlay, overlay, overlay, normal; +} + +.card-3d .back { + transform: rotateY(180deg); +} + +.image-container3D { + display: inline-block; + border-radius: 50%; + padding: 4px; + position: relative; + background: linear-gradient(270deg, #000000, #0000FF, #000000); + background-size: 400% 400%; + animation: AnimateGradient 8s ease infinite; + box-sizing: border-box; + } + + .picSergio { + display: block; + width: 120px; + height: 120px; + border-radius: 50%; + object-fit: cover; + } + + @keyframes AnimateGradient { + 0% { + background-position: 0% 50%; + } + 50% { + background-position: 100% 50%; + } + 100% { + background-position: 0% 50%; + } + } + + +.card-3d .picGuille { + width: 120px; + /* Ajuste para responsividad */ + height: 120px; + border-radius: 50%; + border: 4px solid orange; +} + +.card-3d .picJessica { + width: 120px; + /* Ajuste para responsividad */ + height: 120px; + border-radius: 50%; + border: 4px solid #e50c0c; +} + +.card-3d .user-name, +.card-3d .intro1, +.card-3d .intro2 { + font-family: 'Roboto', sans-serif; + text-align: center; + margin-top: 10px; +} \ No newline at end of file diff --git a/educacioninfantil.html b/educacioninfantil.html index ee641e8..b00fa47 100644 --- a/educacioninfantil.html +++ b/educacioninfantil.html @@ -7,6 +7,7 @@ + Educacion Infantil @@ -71,6 +72,7 @@
  • @@ -140,7 +142,7 @@
    -
    +
    @@ -165,201 +167,196 @@

    Educación Infantil

    - +
    - -
    + + +
    + class="row rounded-5 justify-content-center align-items-center card-shadow-Dark p-4 bg-card border border-1 border-color position-relative"> + +
    +
    - +
    - -

    Cristina Nieto Carmona ☆

    +

    Cristina Nieto Carmona
    👩‍🏫

    Profesora

    -
    -
    - -
    +
    -
    +
    +
    -

    Formación

    +

    Formación 🎓

    Pedagoga y doctora en Educación

    -

    Hobbies

    +

    Hobbies 📚

    La gente divertida, viajar y comer

    -

    Frase que te represente

    +

    Frase que te represente 🌠

    Dame risa y comida y me has conquistado

    -

    Algo sobre ti

    -

    Defensora de la Pedagogía de la Emoción. - El aprendizaje divertido siempre es significativo.

    +

    Algo sobre ti 🗺️

    +

    Defensora de la Pedagogía de la Emoción. El aprendizaje divertido + siempre es + significativo.

    - +
    -
    - -
    - -
    -
    -
    - -
    -
    - -

    Maria Tenorio Rodriguez☆

    -

    Profesora

    -
    -
    +
    -
    - -
    -
    -
    -
    -

    Formación

    -

    Grado en Pedagogia

    -
    -
    -

    Hobbies

    -

    Me encanta la lectura, el baile, conocer lugares y disfrutar la calle - con amig@s.

    -
    -
    -

    Frase que te represente

    -

    Dame risa y comida y me has conquistado

    -
    -
    -

    Algo sobre ti

    -

    Defensora de la Pedagogía de la Emoción. - El aprendizaje divertido siempre es significativo.

    -
    + +
    +
    +
    + +
    +
    + +
    +
    +

    Maria Tenorio Rodriguez
    👩‍🏫

    +

    Profesora

    +
    +
    +
    +
    +
    +
    + +
    +

    Formación 🎓

    +

    Grado en Pedagogia

    +
    +
    +

    Hobbies 📚

    +

    Me encanta la lectura, el baile, conocer lugares y disfrutar la calle + con amig@s.

    +
    +
    +

    Frase que te represente 🌠

    +

    Cómo me las maravillaría yo

    +
    +

    Algo sobre ti 🗺️

    +

    Soy una apasionada de mi trabajo. Trato de crear un clima relajado, de + confianza y motivación que nos permita aprender junt@s.

    +
    +
    - -
    -
    - +
    + + +
    + class="row rounded-5 justify-content-center align-items-center card-shadow-Dark p-4 bg-card border border-1 border-color position-relative"> + +
    +
    - +
    - -

    Lourdes Pallarés Gonzalez ☆

    +

    Lourdes Pallarés Gonzalez
    👩‍🏫

    Profesora

    -
    -
    - -
    +
    -
    +
    -

    Formación

    +

    Formación 🎓

    Pedagoga y doctora en Educación

    -

    Hobbies

    +

    Hobbies 📚

    Leer Valeria en sus zapatos, reír mucho, tarifa y dormir.

    -

    Frase que te represente

    +

    Frase que te represente 🌠

    ¡Que ansiedad tengo!

    -

    Algo sobre ti

    +

    Algo sobre ti 🗺️

    Exigente, creativa y apasionada de lo social.

    -
    - -
    -
    -
    - +
    + + +
    + class="row rounded-5 justify-content-center align-items-center card-shadow-Dark p-4 bg-card border border-1 border-color position-relative"> + +
    +
    - +
    - -

    Noemi País Bozo☆

    +

    Noemi País Bozo
    👩‍🏫

    Profesora

    -
    -
    - -
    +
    -
    +
    -

    Formación

    +

    Formación 🎓

    Diplomatura trabajo social

    -

    Hobbies

    +

    Hobbies 📚

    Leer, Viajar, Senderismo, Cocinar.

    -

    Frase que te represente

    +

    Frase que te represente 🌠

    Lo esencial es invisible a los ojos.

    -

    Algo sobre ti

    +

    Algo sobre ti 🗺️

    Soy una persona con empatía, con capacidad de escucha , resolutiva, con habilidades comunicativas, y versátil. Me encanta el dinamismo, y me aburre lo estático, proponer y organizar actividades dando rienda suelta a la imaginación y creatividad forma parte de mi esencia. Me gusta ayudar a los demás, y mi profesión es totalmente vocacional.

    -
    - -
    -
    +
    • +
  • + Transversales +
    • +
  • + Administración +
    • +
  • + Mantenimientos y + servicios +
    • +
  • + Voluntariado +
    • + + - +
    @@ -153,147 +163,93 @@

    Animaciones 3D, juegos y entornos interactivos

    -
    - -
    -
    -
    -
    - -
    -
    - -

    Guillermo Sánchez
    ☆

    -

    Profesor 3D

    -
    -
    -
    - -
    -
    -
    -
    -

    Formación

    -

    NS/NC

    -
    -
    -

    Hobbies

    -

    NS/NC

    -
    -
    -

    Frase que te represente

    -

    NS/NC

    -
    -
    -

    Algo sobre ti

    -

    Ah

    -
    -
    -
    -
    + + +
    +
    + +
    +
    + Twitter profile +
    +

    Sergio Ros Pérez

    +

    Profesor de Ciclo Animaciones 3D y Juegos

    +
    + + +
    +
    +

    Formación

    +

    Máster, Carrera, Grado Superior, Grado Medio

    +

    Hobbies

    +

    Música, Cine, Videojuegos, Salir, Conciertos, Juegos de mesa

    +

    Frase que me representa

    +

    "Recuérdenme que agradezca a John este feliz fin de semana."

    +

    Algo sobre mí

    +

    Me considero un docente que se preocupa por el alumnado y que siempre intenta ayudar en lo que puede.

    -
    - -
    -
    -
    -
    - -
    -
    - -

    Sergio Ros Pérez
    ☆

    -

    Profesor 3D

    -
    -
    -
    - -
    -
    -
    -
    -

    Formación

    -

    Master, Grado - Carrera, Grado Superior, Grado Medio

    -
    -
    -

    Hobbies

    -

    Música, Cine, Videojuegos, Salir, Conciertos, Juegos de mesa

    -
    -
    -

    Frase que te represente

    -

    Recuérdenme que agradezca a John este feliz fin de semana.

    -
    -
    -

    Algo sobre ti

    -

    Me considero un docente que se preocupa por el alumnado y que siempre - intenta ayudar en lo que puede. Aparte creo que lo más importante es el clima que se genera ya que - es primordial para el buen funcionamiento y desempeño de un equipo de trabajo y/o trabajo con el - alumnado.

    -
    -
    -
    -
    + +
    +
    + +
    + Guillermo Sánchez +

    Guillermo Sánchez Fuentes

    +

    Profesor de Ciclo Animaciones 3D y Juegos

    +
    + +
    +
    +

    Formación

    +

    Diseño y desarrollo de videojuegos. Máster en modelado y texturizado para juegos AAA

    +

    Hobbies

    +

    Leer

    +

    Frase que me representa

    +

    "Unlucky"

    +

    Algo sobre mí

    +

    Apasionado por la enseñanza y la tecnología.

    -
    - -
    -
    -
    -
    - -
    -
    - -

    Jéssica Álvarez
    ☆

    -

    Profesora 3D

    -
    -
    -
    - -
    -
    -
    -
    -

    Formación

    -

    NS/NC

    -
    -
    -

    Hobbies

    -

    NS/NC

    -
    -
    -

    Frase que te represente

    -

    NS/NC

    -
    -
    -

    Algo sobre ti

    -

    Ah

    -
    -
    -
    -
    + + +
    +
    + +
    + Twitter profile +

    Jessica Álvarez Tirado

    +

    Profesora de Ciclo Animaciones 3D y Juegos

    +
    + + +
    +
    +

    Formación

    +

    Carrera de Bellas Artes, especializada en 3D.

    +

    Hobbies

    +

    Mi trabajo es mi hobbie, puesto que me encanta dibujar y pintar, ya sea tradicional o digital.

    +

    Frase que me representa

    +

    "Todo es camino recorrido, nada es perdido."

    +

    Algo sobre mí

    +

    Me encanta Diego Velázquez y me flipa Mulán. Tengo un fiel compañero, que es mi perro, mi Draco.

    + + +