Skip to content

Commit

Permalink
integration finished
Browse files Browse the repository at this point in the history
  • Loading branch information
M-nogales committed Feb 9, 2024
1 parent 7717cd4 commit 880beec
Show file tree
Hide file tree
Showing 6 changed files with 34 additions and 28 deletions.
Binary file modified Resources/img/img_Personal-4-3/cristina_DxO.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified Resources/img/img_Personal-4-3/lourdes_DxO.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified Resources/img/img_Personal-4-3/mariat_DxO.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified Resources/img/img_Personal-4-3/noemi_DxO.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
22 changes: 14 additions & 8 deletions css/integration.css
Original file line number Diff line number Diff line change
Expand Up @@ -21,13 +21,6 @@
--badge-turquoise: #5dc1b9;
}

/* body{
background-color: #b8b8b8;
} */
.bg-card-orange {
background-color: #F28E13;
}

.h35 {
font-size: 1.5rem;
/* Tamaño de fuente medio entre 3 y 4 */
Expand All @@ -38,6 +31,19 @@
.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;
}

#rotated-svg {
transform: rotate(180deg) scaleX(-1);
Expand Down Expand Up @@ -118,4 +124,4 @@
to {
opacity: 1;
}
}
}
40 changes: 20 additions & 20 deletions integracionsocial.html
Original file line number Diff line number Diff line change
Expand Up @@ -204,7 +204,7 @@ <h1 class="mb-3">Integración Social</h1>
<!-- CARDS -->
<div class="container p-5 mt-2">
<!-- Cristina -->
<div class="card mb-5 mt-5 fade-in-g card-shadow">
<div class="card mb-5 mt-5 card-shadow">
<div class="row no-gutters">
<div class="col-md-4 d-flex justify-content-center justify-content-lg-center justify-content-xl-start">
<img src="Resources/img/img_Personal-4-3/cristina_DxO.jpg" class="img-fluid rounded-start">
Expand All @@ -213,25 +213,25 @@ <h1 class="mb-3">Integración Social</h1>
<div class="card-body d-flex flex-column">
<h3 class="card-title d-flex justify-content-center">Cristina Nieto Carmona</h3>
<div class="list-group cursor">
<div class="list-group-item border-end-0 border-start-0 rounded-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 rounded-0 critina-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Formación</h5>
</div>
<p class="mb-1">Pedagoga y doctora en Educación.</p>
</div>
<div class="list-group-item border-end-0 border-start-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 critina-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Hobbies</h5>
</div>
<p class="mb-1">La gente divertida, viajar y comer.</p>
</div>
<div class="list-group-item border-end-0 border-start-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 critina-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Frase que te represente</h5>
</div>
<p class="mb-1">Dame risa y comida y me has conquistado.</p>
</div>
<div class="list-group-item border-end-0 border-start-0 border-bottom-0 rounded-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 border-bottom-0 rounded-0 critina-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Algo sobre ti</h5>
</div>
Expand All @@ -244,7 +244,7 @@ <h5 class="h35 mb-1">Algo sobre ti</h5>
</div>
</div>
<!-- Maria -->
<div class="card fade-in-g card-shadow mb-5">
<div class="card card-shadow mb-5">
<div class="row no-gutters">
<div class="col-md-4 d-flex justify-content-center justify-content-lg-center justify-content-xl-start">
<img src="Resources/img/img_Personal-4-3/mariat_DxO.jpg" class="img-fluid rounded-start">
Expand All @@ -253,26 +253,26 @@ <h5 class="h35 mb-1">Algo sobre ti</h5>
<div class="card-body d-flex flex-column">
<h3 class="card-title d-flex justify-content-center">Maria Tenorio Rodriguez</h3>
<div class="list-group cursor">
<div class="list-group-item border-end-0 border-start-0 rounded-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 rounded-0 maria-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Formación</h5>
</div>
<p class="mb-1">Grado en Pedagogia.</p>
</div>
<div class="list-group-item border-end-0 border-start-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 maria-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Hobbies</h5>
</div>
<p class="mb-1">Me encanta la lectura, el baile, conocer lugares y disfrutar la calle
con amig@s..</p>
</div>
<div class="list-group-item border-end-0 border-start-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 maria-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Frase que te represente</h5>
</div>
<p class="mb-1">Dame risa y comida y me has conquistado.</p>
</div>
<div class="list-group-item border-end-0 border-start-0 border-bottom-0 rounded-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 border-bottom-0 rounded-0 maria-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Algo sobre ti</h5>
</div>
Expand All @@ -285,7 +285,7 @@ <h5 class="h35 mb-1">Algo sobre ti</h5>
</div>
</div>
<!-- Lourdes -->
<div class="card mb-5 mt-3 fade-in-g card-shadow">
<div class="card mb-5 mt-3 card-shadow">
<div class="row no-gutters">
<div class="col-md-4 d-flex justify-content-center justify-content-lg-center justify-content-xl-start">
<img src="Resources/img/img_Personal-4-3/lourdes_DxO.jpg" class="img-fluid rounded-start">
Expand All @@ -294,25 +294,25 @@ <h5 class="h35 mb-1">Algo sobre ti</h5>
<div class="card-body d-flex flex-column">
<h3 class="card-title d-flex justify-content-center">Lourdes Pallarés Gonzalez</h3>
<div class="list-group cursor">
<div class="list-group-item border-end-0 border-start-0 rounded-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 rounded-0 lourdes-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Formación</h5>
</div>
<p class="mb-1">Grado en Pedagogia.</p>
</div>
<div class="list-group-item border-end-0 border-start-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 lourdes-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Hobbies</h5>
</div>
<p class="mb-1">Leer Valeria en sus zapatos, reír mucho, tarifa y dormir.</p>
</div>
<div class="list-group-item border-end-0 border-start-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 lourdes-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Frase que te represente</h5>
</div>
<p class="mb-1">¡Que ansiedad tengo!</p>
</div>
<div class="list-group-item border-end-0 border-start-0 border-bottom-0 rounded-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 border-bottom-0 rounded-0 lourdes-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Algo sobre ti</h5>
</div>
Expand All @@ -324,7 +324,7 @@ <h5 class="h35 mb-1">Algo sobre ti</h5>
</div>
</div>
<!-- Noemi -->
<div class="card mb-5 mt-3 fade-in-g card-shadow">
<div class="card mb-5 mt-3 card-shadow">
<div class="row no-gutters">
<div class="col-md-4 d-flex justify-content-center justify-content-lg-center justify-content-xl-start">
<img src="Resources/img/img_Personal-4-3/noemi_DxO.jpg" class="img-fluid rounded-start">
Expand All @@ -333,25 +333,25 @@ <h5 class="h35 mb-1">Algo sobre ti</h5>
<div class="card-body d-flex flex-column">
<h3 class="card-title d-flex justify-content-center">Noemi País Bozo</h3>
<div class="list-group cursor">
<div class="list-group-item border-end-0 border-start-0 rounded-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 rounded-0 noemi-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Formación</h5>
</div>
<p class="mb-1">Diplomatura trabajo social.</p>
</div>
<div class="list-group-item border-end-0 border-start-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 noemi-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Hobbies</h5>
</div>
<p class="mb-1">Leer, Viajar, Senderismo, Cocinar.</p>
</div>
<div class="list-group-item border-end-0 border-start-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 noemi-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Frase que te represente</h5>
</div>
<p class="mb-1">Lo esencial es invisible a los ojos.</p>
</div>
<div class="list-group-item border-end-0 border-start-0 border-bottom-0 rounded-0" aria-current="true">
<div class="list-group-item border-end-0 border-start-0 border-bottom-0 rounded-0 noemi-select" aria-current="true">
<div class="d-flex w-100 justify-content-between">
<h5 class="h35 mb-1">Algo sobre ti</h5>
</div>
Expand Down

0 comments on commit 880beec

Please sign in to comment.