diff --git a/Resources/img/cosasTCAE/fondo.jpg b/Resources/img/cosasTCAE/fondo.jpg index 75af781..84ea1d7 100644 Binary files a/Resources/img/cosasTCAE/fondo.jpg and b/Resources/img/cosasTCAE/fondo.jpg differ diff --git a/Resources/img/cosasTCAE/fondo.webp b/Resources/img/cosasTCAE/fondo.webp new file mode 100644 index 0000000..541ab32 Binary files /dev/null and b/Resources/img/cosasTCAE/fondo.webp differ diff --git a/Sanidad_Aux_Enfermeria.html b/Sanidad_Aux_Enfermeria.html index ba7d7d7..112d218 100644 --- a/Sanidad_Aux_Enfermeria.html +++ b/Sanidad_Aux_Enfermeria.html @@ -6,20 +6,18 @@ - - - - - - + + + + - + + @@ -80,7 +78,7 @@ - +
@@ -90,14 +88,10 @@

Auxiliar de enfermería

-

¿Te gustaría especializarte en el ámbito - sanitario? El título de Técnico/a en Cuidados - Auxiliares de Enfermería es una figura imprescindible en el - proceso asistencial. Este ciclo formativo - te proporcionará los conocimientos para trabajar en - hospitales, centros sanitarios o geriátricos, - atendiendo a pacientes, preparando los diferentes - materiales, dando apoyo psicológico y practicando +

¿Te gustaría especializarte en el ámbito sanitario? El título de Técnico/a en Cuidados + Auxiliares de Enfermería es una figura imprescindible en el proceso asistencial. Este ciclo formativo + te proporcionará los conocimientos para trabajar en hospitales, centros sanitarios o geriátricos, + atendiendo a pacientes, preparando los diferentes materiales, dando apoyo psicológico y practicando curas auxiliares de enfermería.

@@ -106,195 +100,94 @@

Auxiliar de enfermería

-
-
+
+
+ Foto de perfil +
+

Ana García

+

Profesora

+
-
- -
-
-
- -
-
- -

Ana García

-

Profesora

-
-
-
-
-
-
-
-

Formación

- - - -
-
-

Hobbies

- - -
-
-

Frase que te - represente

- - -
-
-

Algo sobre ti

- -
- -
-
-
-
+
+
+

Formación

+

Enfermera

+
+
+

Hobbies

+

Pádel, vóley, cocinar, viajar, estar con mi familia, escuchar música…

+
+
+

Frase que me representa

+

Vive y deja vivir

+
+
+

Sobre mí

+

Me sale la enfermería por los poros, no hay una profesión más bonita. Soy + determinada y bastante intensa.

-
-
- -
-
-
- -
-
- -

Raquel García

-

Profesora

-
-
-
-
-
-
-
-

Formación

- - - -
-
-

Hobbies

- - -
-
-

Frase que te - represente

- - -
-
-

Algo sobre ti

- -
- -
-
-
-
+
+
+ Foto de perfil +
+

Raquel García

+

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 me representa

+

Tiempo al tiempo

+
+
+

Sobre mí

+

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.

-
-
-
-
-
- -
-
- -

Alba Valle Molina

-

Profesora

-
-
-
-
-
-
-
-

Formación

- - - -
-
-

Hobbies

- - -
-
-

Frase que te - represente

- - -
-
-

Algo sobre ti

- -
- -
-
-
-
+
+
+ Foto de perfil +
+

Raquel García

+

Profesora

+
+
+
+
+

Formación

+

Grado en Podología

+
+
+

Hobbies

+

Leer, viajar, etc.

+
+
+

Frase que me representa

+

Todo esfuerzo tiene su recompensa

+
+
+

Sobre mí

+

Tanto como podóloga como profesora me gusta la interacción con + otras personas, pudiendo transmitirle el conocimiento que tengo sobre distintas materias al fin + de + poder ayudarlos.

@@ -373,5 +266,4 @@

Algo sobre ti

- - \ No newline at end of file + \ No newline at end of file diff --git a/comerciomarketing.html b/comerciomarketing.html index e6beb56..ec82bdc 100644 --- a/comerciomarketing.html +++ b/comerciomarketing.html @@ -1,4 +1,4 @@ - + diff --git a/css/TCAE.css b/css/TCAE.css index bdc0595..8db92bf 100644 --- a/css/TCAE.css +++ b/css/TCAE.css @@ -1,4 +1,34 @@ -.tab { +body { + background-position: center; + background-image: url("../Resources/img/cosasTCAE/fondo.jpg"); + background-repeat: repeat; + +} + +.background-img { + + background-repeat: repeat; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: -1; + opacity: 0.5; +} + +/* Estilo para el contenedor de las tarjetas */ +.card-container { + position: relative; + z-index: 1; /* Asegura que las tarjetas estén por encima de la imagen de fondo */ +} + +.card { + width: 600px; /* Ancho aumentado */ + max-width: 90%; /* Para que no exceda el ancho de la pantalla en dispositivos pequeños */ + border: 1px solid #ace8e9; + border-radius: 15px; /* Bordes redondeados */ + margin: 20px auto; cursor: pointer; } @@ -6,33 +36,36 @@ margin-top: 20px; } -body { - background-image: url('/Resources/img/cosasTCAE/fondo.jpg'); - /* -Reemplaza 'path/to/fondo.jpg' con la ruta real de tu imagen */ - background-size: cover; - background-repeat: no-repeat; - background-attachment: fixed; - background-position: center; +.card-blue { + height: auto; + width: 600px; + border: 2px solid #007bff; /* Borde azul */ + box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2); /* Sombra azul */ } -/* Estilos para hacer que el contenido sea opaco */ -main, -header, -footer { - background-color: rgba(188, 199, 253, 0.9); - /* Ajusta el valor de -alfa según sea necesario */ +.card-red { + border: 2px solid #dc3545; /* Borde rojo */ + box-shadow: 0 4px 8px rgba(220, 53, 69, 0.2); /* Sombra roja */ } -.card { - opacity: 0.8; - /* Ajusta la opacidad según sea necesario */ +.card-purple { + border: 2px solid #6f42c1; /* Borde morado */ + box-shadow: 0 4px 8px rgba(111, 66, 193, 0.2); /* Sombra morada */ } -.img-border { - border: 3px solid #00FFFF; - /* Azul fosforito */ - box-shadow: 0 0 10px rgba(0, 255, 255, 0.5); - /* Sombra azul fosforito */ -} \ No newline at end of file +.profile-image { + border-radius: 50%; + overflow: hidden; + width: 100px; /* Ajusta el tamaño de la imagen según tus necesidades */ + height: 100px; /* Ajusta el tamaño de la imagen según tus necesidades */ +} + +/* Estilos para posicionar el texto a la izquierda de la imagen */ +.profile-info { + display: flex; + align-items: center; +} + +.profile-text { + margin-right: 20px; /* Ajusta el margen entre el texto y la imagen según tus necesidades */ +} diff --git a/index.html b/index.html index 8840bfc..65001d6 100644 --- a/index.html +++ b/index.html @@ -1,4 +1,4 @@ - + diff --git a/informatica.html b/informatica.html index a61afae..f63fc18 100644 --- a/informatica.html +++ b/informatica.html @@ -1,4 +1,4 @@ - + diff --git a/js/TCAE.js b/js/TCAE.js index 90a22b8..be3fc25 100644 --- a/js/TCAE.js +++ b/js/TCAE.js @@ -1,16 +1,21 @@ +"use strict" + +// Ocultar todas las tarjetas al cargar la página document.addEventListener("DOMContentLoaded", function() { - var tabs = document.querySelectorAll(".tab"); - tabs.forEach(function(tab) { - tab.addEventListener("click", function() { - var tabId = this.getAttribute("data-tab"); - var infoTabs = document.querySelectorAll(".info"); - infoTabs.forEach(function(infoTab) { - if (infoTab.getAttribute("id") === tabId) { - infoTab.style.display = "block"; - } else { - infoTab.style.display = "none"; - } - }); - }); - }); - }); \ No newline at end of file + var cards = document.querySelectorAll('.card-body'); + cards.forEach(function(card) { + card.style.display = 'none'; + }); +}); + +function toggleCardBody(cardId) { + // Ocultar todas las tarjetas + var cards = document.querySelectorAll('.card-body'); + cards.forEach(function(card) { + card.style.display = 'none'; + }); + + // Mostrar la tarjeta seleccionada + var selectedCard = document.querySelector('#' + cardId); + selectedCard.style.display = 'block'; +} \ No newline at end of file diff --git a/sanidad.html b/sanidad.html index 60cc67e..e35277c 100644 --- a/sanidad.html +++ b/sanidad.html @@ -1,4 +1,4 @@ - + diff --git a/serviciosculturales.html b/serviciosculturales.html index 645d465..2a38f1c 100644 --- a/serviciosculturales.html +++ b/serviciosculturales.html @@ -1,4 +1,4 @@ - + diff --git a/voluntariado.html b/voluntariado.html index bfc25ea..4fd87ae 100644 --- a/voluntariado.html +++ b/voluntariado.html @@ -1,4 +1,4 @@ - +