C Room

<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. */
  • Content:
    // room section
    .c-room {
        .c-flag {
            top: -2rem;
            right: 0;
        }
    }
  • URL: /components/raw/c-room/c-room.scss
  • Filesystem Path: src/components/comp/c-room/c-room.scss
  • Size: 85 Bytes

No notes defined.