aplicacion de cambios
This commit is contained in:
@@ -114,25 +114,45 @@
|
||||
<div class='col-12 apa0'>
|
||||
<div class='row justify-content-center'>
|
||||
<div class="col-12 text-white animate__animated animate__lightSpeedInLeft">
|
||||
<h2 class="text-pink-3 fw-bold text-center text-md-start">¿Qué es OGestan<sup class="text-pink-3">®</sup> Pré?</h2>
|
||||
<p class="animate__animated animate__zoomIn"><strong>OGestan</strong><sup><strong>® </strong></sup><strong>Pré</strong> es un <strong>suplemento alimenticio en
|
||||
cápsulas</strong> que combina <strong>L-</strong><strong>metilfolato</strong><strong>, folato, vitaminas y
|
||||
minerales</strong>, diseñado especialmente para acompañar las necesidades nutricionales de <strong>todas las mujeres
|
||||
en preconcepción</strong> y durante el <strong>primer trimestre del embarazo</strong>.</p>
|
||||
<p class="mb-0 animate__animated animate__lightSpeedInLeft animate__delay-15s">Su fórmula está orientada a brindar apoyo en las etapas más tempranas del desarrollo, cuando la suplementación es
|
||||
<h2 class="text-pink-3 fw-bold text-center text-md-start">¿Qué es OGestan<sup
|
||||
class="text-pink-3">®</sup> Pré?</h2>
|
||||
<p class="animate__animated animate__zoomIn"><strong>OGestan</strong><sup><strong>®
|
||||
</strong></sup><strong>Pré</strong> es un <strong>suplemento alimenticio en
|
||||
cápsulas</strong> que combina <strong>L-</strong><strong>metilfolato</strong><strong>, folato,
|
||||
vitaminas y
|
||||
minerales</strong>, diseñado especialmente para acompañar las necesidades nutricionales de
|
||||
<strong>todas las mujeres
|
||||
en preconcepción</strong> y durante el <strong>primer trimestre del embarazo</strong>.
|
||||
</p>
|
||||
<p class="mb-0 animate__animated animate__lightSpeedInLeft animate__delay-15s">Su fórmula está
|
||||
orientada a brindar apoyo en las etapas más tempranas del desarrollo, cuando la suplementación
|
||||
es
|
||||
clave para lograr una concepción saludable.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="w-100 py-3 py-md-4 text-center next-action bg-white" style="display: none;">
|
||||
<div class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite" data-sec="sec1">
|
||||
<img src="img/nSec.png" class="img-fluid">
|
||||
<div
|
||||
class="w-100 py-3 py-md-4 text-center next-action bg-white"
|
||||
style="display: none;"
|
||||
>
|
||||
<div
|
||||
class="btn-next-section d-inline-block animate__animated animate__pulse animate__infinite"
|
||||
data-sec="sec1"
|
||||
>
|
||||
<img
|
||||
src="img/nSec.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="sec1" class='page-sco py-2 py-md-4 back1' style="display: none;">
|
||||
<div
|
||||
id="sec1"
|
||||
class='page-sco py-2 py-md-4 back1'
|
||||
style="display: none;"
|
||||
>
|
||||
<div class='container'>
|
||||
<div class='row justify-content-center align-items-center'>
|
||||
<div class='col-12'>
|
||||
@@ -142,22 +162,35 @@
|
||||
<div class="col-12">
|
||||
<div class="grid-containter-expandible">
|
||||
<!--Expandible 1-->
|
||||
<div class="expandible-card bg-pink-1 animate__animated animate__pulse animate__infinite">
|
||||
<div
|
||||
class="expandible-card animate__animated animate__pulse animate__infinite"
|
||||
style="background-color: #d76679;"
|
||||
>
|
||||
<div class="expandible-content">
|
||||
<div
|
||||
class="e-col-l punta0 position-relative w-100 h-100 d-flex flex-row justify-content-center align-items-center align-items-md-end">
|
||||
<img src="img/02.3.png" class="img-fluid">
|
||||
class="e-col-l punta0 position-relative w-100 h-100 d-flex flex-row justify-content-center align-items-center align-items-md-end"
|
||||
>
|
||||
<img
|
||||
src="img/02.3.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="e-col-r position-relative w-100 h-100 flex-row justify-content-center align-items-center px-3 py-2 bg-pink-1">
|
||||
class="e-col-r position-relative w-100 h-100 flex-row justify-content-center align-items-center px-3 py-2"
|
||||
style="background-color: #d76679;"
|
||||
>
|
||||
<div class="col-12">
|
||||
<div class="row justify-content-center align-items-center">
|
||||
<div class="col-12 col-lg-6 text-white mb-3 mb-lg-0">
|
||||
<h3 class="fw-bold">Presentación Comercial</h3>
|
||||
<p class="mb-0">Caja de cartón con <strong>30 cápsulas de 1.278gr.</strong> cada una.</p>
|
||||
<p class="mb-0">Caja de cartón con <strong>30 cápsulas de 1.278gr.</strong> cada
|
||||
una.</p>
|
||||
</div>
|
||||
<div class="col-5 col-md-5 col-lg-6 text-center">
|
||||
<img src="img/02.0.png" class="img-fluid">
|
||||
<img
|
||||
src="img/02.0.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -165,22 +198,37 @@
|
||||
</div>
|
||||
</div>
|
||||
<!--Expandible 2-->
|
||||
<div class="expandible-card bg-blue-1 animate__animated animate__pulse animate__infinite">
|
||||
<div
|
||||
class="expandible-card animate__animated animate__pulse animate__infinite"
|
||||
style="background-color: #0060b5;"
|
||||
>
|
||||
<div class="expandible-content">
|
||||
<div
|
||||
class="e-col-l punta1 position-relative w-100 h-100 d-flex flex-row justify-content-center align-items-center align-items-md-end">
|
||||
<img src="img/02.4.png" class="img-fluid">
|
||||
class="e-col-l punta1 position-relative w-100 h-100 d-flex flex-row justify-content-center align-items-center align-items-md-end"
|
||||
>
|
||||
<img
|
||||
src="img/02.4.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="e-col-r position-relative w-100 h-100 flex-row justify-content-center align-items-center px-3 py-2 bg-blue-1">
|
||||
class="e-col-r position-relative w-100 h-100 flex-row justify-content-center align-items-center px-3 py-2"
|
||||
style="background-color: #0060b5;"
|
||||
>
|
||||
<div class="col-12">
|
||||
<div class="row justify-content-center align-items-center">
|
||||
<div class="col-12 col-lg-6 text-white mb-3 mb-lg-0">
|
||||
<h3 class="fw-bold">Indicación</h3>
|
||||
<p class="mb-0">OGestan<sup>®</sup> Pré está indicado como <strong>suplemento alimenticio para todas las mujeres en preconcepción</strong> y durante el <strong>1er trimestre del embarazo</strong>.</p>
|
||||
<p class="mb-0">OGestan<sup>®</sup> Pré está indicado como <strong>suplemento
|
||||
alimenticio para todas las mujeres en preconcepción</strong> <!-- y durante el
|
||||
<strong>1er trimestre del embarazo</strong> -->.
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-5 col-md-5 col-lg-6 text-center">
|
||||
<img src="img/02.1.png" class="img-fluid">
|
||||
<img
|
||||
src="img/02.1.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -188,26 +236,39 @@
|
||||
</div>
|
||||
</div>
|
||||
<!--Expandible 3-->
|
||||
<div class="expandible-card bg-primary animate__animated animate__pulse animate__infinite">
|
||||
<div
|
||||
class="expandible-card animate__animated animate__pulse animate__infinite"
|
||||
style="background-color: #840373;"
|
||||
>
|
||||
<div class="expandible-content">
|
||||
<div
|
||||
class="e-col-l punta2 position-relative w-100 h-100 d-flex flex-row justify-content-center align-items-center align-items-md-end">
|
||||
<img src="img/02.5.png" class="img-fluid">
|
||||
class="e-col-l punta2 position-relative w-100 h-100 d-flex flex-row justify-content-center align-items-center align-items-md-end"
|
||||
>
|
||||
<img
|
||||
src="img/02.5.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="e-col-r position-relative w-100 h-100 flex-row justify-content-center align-items-center px-3 py-2 bg-primary">
|
||||
class="e-col-r position-relative w-100 h-100 flex-row justify-content-center align-items-center px-3 py-2"
|
||||
style="background-color: #840373;"
|
||||
>
|
||||
<div class="col-12">
|
||||
<div class="row justify-content-center align-items-center">
|
||||
<div class="col-12 col-lg-6 text-white mb-3 mb-lg-0">
|
||||
<h3 class="fw-bold">Modo de Empleo</h3>
|
||||
<ul class="mb-0 bul0">
|
||||
<li>Se recomienda ingerir <strong>1 cápsula al día</strong>, junto con alguno de los alimentos del día.</li>
|
||||
<li>Se recomienda ingerir <strong>1 cápsula al día</strong>, junto con alguno
|
||||
de los alimentos del día.</li>
|
||||
<li><strong>No exceder</strong> la porción máxima recomendada.</li>
|
||||
<li>Uso recomendado a partir de los <strong>18 años</strong>.</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-5 col-md-5 col-lg-6 text-center">
|
||||
<img src="img/02.2.png" class="img-fluid">
|
||||
<img
|
||||
src="img/02.2.png"
|
||||
class="img-fluid"
|
||||
>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -241,11 +302,11 @@
|
||||
audios.push(CourseNav.createSound(element));
|
||||
});
|
||||
|
||||
audiom02.on('play',function(){
|
||||
audiom02.on('play', function () {
|
||||
$('.apa0').show();
|
||||
});
|
||||
|
||||
audiom02.on('end',function(){
|
||||
audiom02.on('end', function () {
|
||||
$('.next-action').show();
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user