Besins/Ogestan_Drossagyn_Papilocare
3
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update: CC interno

Browse Source
This commit is contained in:
andres.sanjuan
2025-12-16 12:30:57 -06:00
parent 5af5aaf113
commit 836690bea1
23 changed files with 95 additions and 615 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Papilocare/contenido/05.html
+31 -18
View File
@@ -10,7 +10,7 @@
border: 4px solid transparent;
border-radius: 14px;
/* Capa 1: fondo blanco del contenido, Capa 2: borde radial degradado */
background-image: linear-gradient(white, white), radial-gradient(circle at center, #f5f0f5 0%, #7b3686 30%, #efba92 80%, #7b3686 100%);
background-image: linear-gradient(#f5f0f5, #f5f0f5), radial-gradient(circle at center, #f5f0f5 0%, #7b3686 30%, #efba92 80%, #7b3686 100%);
background-origin: border-box;
background-clip: padding-box, border-box;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
@@ -28,6 +28,11 @@
width: 100%;
}
.custom-card {
background: rgb(255, 255, 255, 0.6);
border-radius: 15px;
padding: 15px;
}
@media(min-width: 768px) {
.pop-type0 {
@@ -78,25 +83,33 @@
<div class="col-7 col-md-4 col-xl-3">
<img src="img/05.1.png" class="img-fluid">
</div>
<div class="col-12">
<div class="col-12 col-md-12">
<div class="row justify-content-center align-items-center">
<div class="col-6 col-md-2">
<img src="img/05.2.png" class="img-fluid">
<p class="text-center fw-semibold">Ácido hialurónico</p>
<div class="col-12 col-md-8 col-xl-8 my-2 my-md-0">
<div class="card border-0 custom-card">
<p class="text-center text-pink-1 fw-bold">Niosomas</p>
<div class="row justify-content-center align-items-start">
<div class="col-12 col-md-4 col-xl-5 text-center">
<img src="img/05.2.png" class="img-fluid">
<p class="text-center fw-semibold">Ácido hialurónico</p>
</div>
<div class="col-12 col-md-4 col-xl-5 text-center">
<img src="img/05.3.png" class="img-fluid">
<p class="text-center fw-semibold">β-glucano</p>
</div>
</div>
</div>
</div>
<div class="col-6 col-md-2">
<p class="text-center text-pink-1 fw-bold">Niosomas</p>
</div>
<div class="col-6 col-md-2">
<img src="img/05.3.png" class="img-fluid">
<p class="text-center fw-semibold">β-glucano</p>
</div>
<div class="col-6 col-md-2">
<p class="text-center text-pink-1 fw-bold">Fitosomas</p>
</div>
<div class="col-6 col-md-2">
<img src="img/05.4.png" class="img-fluid">
<p class="text-center fw-semibold">Centella asiática</p>
<div class="col-12 col-md-4 col-xl-4 my-2 my-md-0">
<div class="card border-0 custom-card">
<p class="text-center text-pink-1 fw-bold">Fitosomas</p>
<div class="row justify-content-center align-items-start">
<div class="col-12 col-md-8 text-center">
<img src="img/05.4.png" class="img-fluid">
<p class="text-center fw-semibold">Centella asiática</p>
</div>
</div>
</div>
</div>
</div>
</div>