Skip to content

Commit

Permalink
Merge branch 'master' of https://github.com/olga3emes/IIernaStaff
Browse files Browse the repository at this point in the history
  • Loading branch information
M-nogales committed Feb 9, 2024
2 parents 7a1d0e3 + 181487f commit f81ca75
Show file tree
Hide file tree
Showing 5 changed files with 130 additions and 53 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added Resources/img/personal/AlvaroRodriguez.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
31 changes: 16 additions & 15 deletions Sanidad_Aux_Enfermeria.html
Original file line number Diff line number Diff line change
Expand Up @@ -152,6 +152,7 @@
</header>
<img>
<!-- Hero -->

<div id="hero" class="has-bg-image p-5 text-center bg-banner-direccion">
<div class="container">
<div class="row">
Expand Down Expand Up @@ -189,7 +190,7 @@ <h1 class="mb-3">Auxiliar de enfermería</h1>
<div class="container">
<div class="row justify-content-center align-items-center g-2 mt-2">
<!--! PONER NOMBRE DEL PROFE PARA EVITAR CONFLICTOS EN BG-BADGE-->
<h1 class="col-12 text-center">Ana García 👩‍⚕️</h1>
<h1 class="col-12 text-center">Ana García</h1>
<h4 class="col-12 text-center">Profesora</h4>
</div>
</div>
Expand All @@ -198,7 +199,7 @@ <h4 class="col-12 text-center">Profesora</h4>
<div class="row justify-content-center align-items-center align-middle g-2">
<div class="col-12 text-center container bg-dark border border-color border-1 rounded-3 px-1 my-4 ">
<div class="container bg-card rounded-top mt-1">
<h4 class="pt-2 tab" data-tab="formacion">Formación 🎓</h4>
<h4 class="pt-2 tab" data-tab="formacion">Formación</h4>

<div id="formacion" class="info" style="display:none;">
<p class="text-break pb-1 mb-1"> Enfermera</p>
Expand All @@ -208,23 +209,23 @@ <h4 class="pt-2 tab" data-tab="formacion">Formación 🎓</h4>

</div>
<div class="container bg-card">
<h4 class="pt-2 tab" data-tab="hobbies">Hobbies 🎾</h4>
<h4 class="pt-2 tab" data-tab="hobbies">Hobbies</h4>
<div id="hobbies" class="info" style="display:none;">
<p class="text-break pb-1 mb-1"> Pádel, vóley, cocinar, viajar, estar con mi familia, escuchar
música…</p>
</div>

</div>
<div class="container bg-card">
<h4 class="pt-2 tab" data-tab="frase">Frase que te represente 👁️</h4>
<h4 class="pt-2 tab" data-tab="frase">Frase que te represente</h4>
<div id="frase" class="info" style="display:none;">
<p class="text-break pb-1 mb-1">Vive y deja vivir</p>
</div>


</div>
<div class="container bg-card rounded-bottom ">
<h4 class="pt-2 tab" data-tab="sobre">Algo sobre ti ⚕️</h4>
<h4 class="pt-2 tab" data-tab="sobre">Algo sobre ti </h4>
<div id="sobre" class="info" style="display:none;">
<p class="text-break pb-1 mb-1">Me sale la enfermería por los poros, no hay una profesión más
bonita . Soy determinada y bastante intensa.</p>
Expand Down Expand Up @@ -256,7 +257,7 @@ <h4 class="pt-2 tab" data-tab="sobre">Algo sobre ti ⚕️</h4>
<div class="container">
<div class="row justify-content-center align-items-center g-2 mt-2">
<!--! PONER NOMBRE DEL PROFE PARA EVITAR CONFLICTOS EN BG-BADGE-->
<h1 class="col-12 text-center">Raquel García 👩‍⚕️</h1>
<h1 class="col-12 text-center">Raquel García</h1>
<h4 class="col-12 text-center">Profesora</h4>
</div>
</div>
Expand All @@ -265,7 +266,7 @@ <h4 class="col-12 text-center">Profesora</h4>
<div class="row justify-content-center align-items-center align-middle g-2">
<div class="col-12 text-center container bg-dark border border-color border-1 rounded-3 px-1 my-4 ">
<div class="container bg-card rounded-top mt-1">
<h4 class="pt-2 tab" data-tab="formacion">Formación 🎓</h4>
<h4 class="pt-2 tab" data-tab="formacion">Formación</h4>

<div id="formacion" class="info" style="display:none;">
<p class="text-break pb-1 mb-1"> Licenciatura en Derecho y Diplomatura en Ciencias Empresariales
Expand All @@ -276,7 +277,7 @@ <h4 class="pt-2 tab" data-tab="formacion">Formación 🎓</h4>

</div>
<div class="container bg-card">
<h4 class="pt-2 tab" data-tab="hobbies">Hobbies</h4>
<h4 class="pt-2 tab" data-tab="hobbies">Hobbies</h4>
<div id="hobbies" class="info" style="display:none;">
<p class="text-break pb-1 mb-1"> Viajar, ir de conciertos/festivales, pasar tiempo con los míos,
la
Expand All @@ -285,15 +286,15 @@ <h4 class="pt-2 tab" data-tab="hobbies">Hobbies ✈</h4>

</div>
<div class="container bg-card">
<h4 class="pt-2 tab" data-tab="frase">Frase que te represente 👁️</h4>
<h4 class="pt-2 tab" data-tab="frase">Frase que te represente</h4>
<div id="frase" class="info" style="display:none;">
<p class="text-break pb-1 mb-1">Tiempo al tiempo</p>
</div>


</div>
<div class="container bg-card rounded-bottom ">
<h4 class="pt-2 tab" data-tab="sobre">Algo sobre ti 📚</h4>
<h4 class="pt-2 tab" data-tab="sobre">Algo sobre ti</h4>
<div id="sobre" class="info" style="display:none;">
<p class="text-break pb-1 mb-1">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
Expand Down Expand Up @@ -324,7 +325,7 @@ <h4 class="pt-2 tab" data-tab="sobre">Algo sobre ti 📚</h4>
<div class="container">
<div class="row justify-content-center align-items-center g-2 mt-2">
<!--! PONER NOMBRE DEL PROFE PARA EVITAR CONFLICTOS EN BG-BADGE-->
<h1 class="col-12 text-center">Alba Valle Molina 👩‍⚕️</h1>
<h1 class="col-12 text-center">Alba Valle Molina</h1>
<h4 class="col-12 text-center">Profesora</h4>
</div>
</div>
Expand All @@ -333,7 +334,7 @@ <h4 class="col-12 text-center">Profesora</h4>
<div class="row justify-content-center align-items-center align-middle g-2">
<div class="col-12 text-center container bg-dark border border-color border-1 rounded-3 px-1 my-4 ">
<div class="container bg-card rounded-top mt-1">
<h4 class="pt-2 tab" data-tab="formacion">Formación 🎓</h4>
<h4 class="pt-2 tab" data-tab="formacion">Formación</h4>

<div id="formacion" class="info" style="display:none;">
<p class="text-break pb-1 mb-1"> Grado en Podología</p>
Expand All @@ -343,22 +344,22 @@ <h4 class="pt-2 tab" data-tab="formacion">Formación 🎓</h4>

</div>
<div class="container bg-card">
<h4 class="pt-2 tab" data-tab="hobbies">Hobbies 📚</h4>
<h4 class="pt-2 tab" data-tab="hobbies">Hobbies</h4>
<div id="hobbies" class="info" style="display:none;">
<p class="text-break pb-1 mb-1"> Leer, viajar, etc.</p>
</div>

</div>
<div class="container bg-card">
<h4 class="pt-2 tab" data-tab="frase">Frase que te represente 👁️</h4>
<h4 class="pt-2 tab" data-tab="frase">Frase que te represente</h4>
<div id="frase" class="info" style="display:none;">
<p class="text-break pb-1 mb-1">Todo esfuerzo tiene su recompensa</p>
</div>


</div>
<div class="container bg-card rounded-bottom ">
<h4 class="pt-2 tab" data-tab="sobre">Algo sobre ti 📚</h4>
<h4 class="pt-2 tab" data-tab="sobre">Algo sobre ti</h4>
<div id="sobre" class="info" style="display:none;">
<p class="text-break pb-1 mb-1">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
Expand Down
107 changes: 69 additions & 38 deletions Sanidad_Dietetica.html
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="Resources/img/logo/ilerna_Staff_Amarillo.png" type="image/x-icon">
<link rel="stylesheet" href="css/dietetica.css">

<script defer src="js/bootstrap.bundle.js"></script>
</head>
Expand Down Expand Up @@ -147,51 +148,79 @@ <h1 class="mb-3">Dietética</h1>
</div>
</div>
</div>
</div>
</div>

<div class="container p-5 mt-5">
<div class="row justify-content-center align-items-center p-5">

<div class="container p-3 mt-5 mb-5 cta">
<div class="justify-content-center align-items-center">
<div class="col-12 col-md-12 col-lg-12 g-5">
<div class="row rounded-5 justify-content-center align-items-center card-shadow p-4 bg-card border border-1 border-color ">
<div class="col-12 col-md-12 col-lg-6 text-center p-3">
<img src="Resources/img/img_Personal-4-3/anamr_DxO.jpg" class="img-fluid rounded-3">
<div class="container">
<div class="row justify-content-center align-items-center g-2 mt-2">
<!-- PONER NOMBRE DEL PROFE PARA EVITAR CONFLICTOS EN BG-BADGE-->
<h1 class="col-12 text-center"> Ana Martínez Rivero <span class="badge rounded-pill badge-size bg-badge-blue align-middle"></span></h1>
<h4 class="col-12 text-center">Profesora</h4>
</div>
<div class="d-flex justify-content-center " id="profesor">
<img src="Resources/img/personal/anamr.jpeg" class="img-fluid rounded-3">
</div>
<div class="container">
<div class="justify-content-center align-items-center g-2 mt-2">
<!--! PONER NOMBRE DEL PROFE PARA EVITAR CONFLICTOS EN BG-BADGE-->
<h1 class="col-12 text-center"> Ana Martínez Rivero </h1>
<h4 class="col-12 text-center">Profesora</h4>
</div>
</div>
</div>

<div class="justify-content-center align-items-center align-middle g-2">
<div class="container bg-card rounded-top mt-1" id="trigger">
<h4 class="pt-2">Formación</h4>
<p class="text-break pb-1 mb-1"> Graduada en Nutrición Humana y Dietética
</p>
</div>
<div class="container bg-card" id="trigger">
<h4 class="pt-2">Hobbies</h4>
<p class="text-break pb-1 mb-1"> Viajar, la playa, la pintura, cocinar, un buen concierto y unas tapitas al sol. </p>
</div>
<div class="container bg-card" id="trigger">
<h4 class="pt-2">Frase que te represente</h4>
<p class="text-break pb-1 mb-1">“Sí puedes virar el rumbo y tirar lo que sobra, puedes volver a coleccionar segundos de placer y estrofas” - El Kanka </p>
</div>
<div class="container bg-card rounded-bottom " id="trigger">
<h4 class="pt-2">Algo sobre ti</h4>
<p class="text-break pb-1 mb-1"> Apasionada de la nutrición, y del poder que tienen los alimentos para mejorar nuestra salud, nuestro estado de ánimo, y en general nuestra vida. Me encanta enseñar y transmitir a mis alumnos esa pasión. Se me alegra el día cuando escucho un “qué interesante profe!” </p>
</div>
</div>
</div>
</div>
</div>

</div>
<div class="col-12 col-md-12 col-lg-6 ">
<div class="row justify-content-center align-items-center align-middle g-2">
<div class="col-12 text-center container bg-dark border border-color border-1 rounded-3 px-1 my-4 ">
<div class="container bg-card rounded-top mt-1">
<h4 class="pt-2">Formación</h4>
<p class="text-break pb-1 mb-1"> Graduada en Nutrición Humana y Dietética
</p>
</div>
<div class="container bg-card">
<h4 class="pt-2">Hobbies</h4>
<p class="text-break pb-1 mb-1"> Viajar, la playa, la pintura, cocinar, un buen concierto y unas tapitas al sol.
<div class="container p-3 mt-5 mb-5 cta">
<div class="justify-content-center align-items-center">
<div class="col-12 col-md-12 col-lg-12 g-5">
<div class="d-flex justify-content-center" id="profesor">
<img src="Resources/img/img_Personal-4-3/AlvaroRodriguez_DxO.jpg" class="img-fluid rounded-3">
</div>
<div class="container">
<div class="justify-content-center align-items-center g-2 mt-2">
<!--! PONER NOMBRE DEL PROFE PARA EVITAR CONFLICTOS EN BG-BADGE-->
<h1 class="col-12 text-center"> Álvaro Rodrígez García </h1>
<h4 class="col-12 text-center">Profesor</h4>
</div>
</div>

</p>
</div>
<div class="container bg-card">
<h4 class="pt-2">Frase que te represente</h4>
<p class="text-break pb-1 mb-1">“Sí puedes virar el rumbo y tirar lo que sobra, puedes volver a coleccionar segundos de placer y estrofas” - El Kanka
</p>
</div>
<div class="container bg-card rounded-bottom ">
<h4 class="pt-2">Algo sobre ti</h4>
<p class="text-break pb-1 mb-1"> Apasionada de la nutrición, y del poder que tienen los alimentos para mejorar nuestra salud, nuestro estado de ánimo, y en general nuestra vida. Me encanta enseñar y transmitir a mis alumnos esa pasión. Se me alegra el día cuando escucho un “qué interesante profe!”
</p>
</div>
</div>
<div class="justify-content-center align-items-center align-middle g-2">
<div class="container bg-card rounded-top mt-1" id="trigger2">
<h4 class="pt-2">Formación</h4>
<p class="text-break pb-1 mb-1"> Graduada en Nutrición Humana y Dietética
</p>
</div>
<div class="container bg-card" id="trigger2">
<h4 class="pt-2">Hobbies</h4>
<p class="text-break pb-1 mb-1"> Entrenar </p>
</div>
<div class="container bg-card" id="trigger2">
<h4 class="pt-2">Frase que te represente</h4>
<p class="text-break pb-1 mb-1">Fluye</p>
</div>
<div class="container bg-card rounded-bottom" id="trigger2">
<h4 class="pt-2">Algo sobre ti</h4>
<p class="text-break pb-1 mb-1">Daltónico</p>
</div>
</div>
</div>
</div>
</div>
Expand All @@ -203,6 +232,8 @@ <h4 class="pt-2">Algo sobre ti</h4>
<div class="container">
<div class="row my-4">



<!-- Línea horizontal -->
<div class="col-12 mb-2">
<hr class="bg-white">
Expand Down
45 changes: 45 additions & 0 deletions css/dietetica.css
Original file line number Diff line number Diff line change
@@ -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);
}

0 comments on commit f81ca75

Please sign in to comment.