<div class="c-room col-12 col-lg-6 mb-3 position-relative px-lg-2">
<div class="w-100 d-flex flex-wrap bg bg-color-fourteen px-3 pb-3 pt-9 pt-lg-3">
<div class="c-flag position position-absolute position-z-2">
<img src="../../../img/flag.png" alt="flag-background" class="img img-auto">
<p class="value text text-color-white m-0 text-center text-size-0-8 text-lh-100 position-absolute">Desde<span class="d-block text text-size-1-5 text-color-white text-family-primary text-w-bold">41,00€</span></p>
</div>
<h2 class="text text-color-primary text-w-bold text-size-1-2 col-12 p-0 mb-1">Estandar</h2>
<div class="col-12 col-md-6 col-lg-5 p-0 mb-3">
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_personas.png" alt="" class="img img-auto img-w-1-5 mr-1"> Hasta 3 Huespedes
</p>
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_superficie.png" alt="" class="img img-auto img-w-1-5 mr-1"> 12 mt2
</p>
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_camas.png" alt="" class="img img-auto img-w-1-5 mr-1"> 1 Cama doble
</p>
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_camas.png" alt="" class="img img-auto img-w-1-5 mr-1"> 2 camas
</p>
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_vista.png" alt="" class="img img-auto img-w-1-5 mr-1"> Vista Jardin
</p>
</div>
<div class="main-carousel main-carousel-full dots dots-arrow dots-no-bullets dots-zoom col-12 col-md-6 col-lg-7 p-0 mb-3">
<img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-200 img-h-lg-250">
<img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-200 img-h-lg-250">
<img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-200 img-h-lg-250">
<img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-200 img-h-lg-250">
</div>
<ul class="list list-none m-0 p-0 column-lg-2 w-100">
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
</ul>
</div>
</div>
<div class="c-room col-12 col-lg-6 mb-3 position-relative px-lg-2">
<div class="w-100 d-flex flex-wrap bg bg-color-fourteen px-3 pb-3 pt-9 pt-lg-3">
{{> @c-flag }}
<h2 class="text text-color-primary text-w-bold text-size-1-2 col-12 p-0 mb-1" >Estandar</h2>
<div class="col-12 col-md-6 col-lg-5 p-0 mb-3">
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_personas.png" alt="" class="img img-auto img-w-1-5 mr-1"> Hasta 3 Huespedes</p>
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_superficie.png" alt="" class="img img-auto img-w-1-5 mr-1"> 12 mt2</p>
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_camas.png" alt="" class="img img-auto img-w-1-5 mr-1"> 1 Cama doble</p>
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_camas.png" alt="" class="img img-auto img-w-1-5 mr-1"> 2 camas </p>
<p class="text text-black text-size-lg-1-1 mb-0">
<img src="../../../img/icon_vista.png" alt="" class="img img-auto img-w-1-5 mr-1"> Vista Jardin</p>
</div>
<div class="main-carousel main-carousel-full dots dots-arrow dots-no-bullets dots-zoom col-12 col-md-6 col-lg-7 p-0 mb-3">
<img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-200 img-h-lg-250">
<img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-200 img-h-lg-250">
<img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-200 img-h-lg-250">
<img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-200 img-h-lg-250">
</div>
<ul class="list list-none m-0 p-0 column-lg-2 w-100">
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
<li class="item d-flex flex-wrap">
<img src="../../../img/icon_chulo.png" alt="" class="img img-contain img-w-1-5">
<p class="text text-color-primary mb-0 ml-1">item</p>
</li>
</ul>
</div>
</div>
/* No context defined. */
// room section
.c-room {
.c-flag {
top: -2rem;
right: 0;
}
}
No notes defined.