Component Library

B Destino 

<div class="card thumb thumb_1 col-12 col-md-6 col-lg-4 col-xl-3 position-relative px-3 mb-5 align-self-end">
    <div class="wrapper overflow-hidden">
        <div class="images w-100 overflow-hidden">
            <img src="../../../img/dummy.png" alt="Guardalavaca" class="img img-auto img-w img-h-290">
        </div>
        <div class="captions w-100 bg bg-color-secondary py-2 px-3 text-center">
            <p class="text text-lh-100 text-w-bold text-color-white text-size-1-2 mb-1">Guardalavaca</p>
            <p class="text text-lh-100 text-color-white m-0">2 hoteles</p>
        </div>
    </div>
    <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>
</div>
 
<div class="card thumb thumb_1 col-12 col-md-6 col-lg-4 col-xl-3 position-relative px-3 mb-5 align-self-end">
    <div class="wrapper overflow-hidden">    
        <div class="images w-100 overflow-hidden">
            <img src="../../../img/dummy.png" alt="Guardalavaca" class="img img-auto img-w img-h-290">
        </div>
        <div class="captions w-100 bg bg-color-secondary py-2 px-3 text-center">
            <p class="text text-lh-100 text-w-bold text-color-white text-size-1-2 mb-1">Guardalavaca</p>
            <p class="text text-lh-100 text-color-white m-0">2 hoteles</p>
        </div>
    </div>
    {{> @c-flag }}
</div>
 
/* No context defined. */

No notes defined.