S Footer

<footer class="container-fluid px-0 overflow-hidden">
    <div class="container">
        <div class="row">
            <div class="col-12 px-5 px-lg-0 mb-2 openmodal text-center">
                <img src='../../../img/logo.png' alt="logo" class="img img-auto col-10 col-md-3" />
            </div>
            <div class="col-12 col-md-6 col-lg-3 px-5 px-lg-3 mb-5 mb-lg-0">
                <p class='text text-family-secondary text-lh-150 text-color-gray m-0'>En compañía de experimentados profesionales del turismo y una acertada calidad en los servicios, el Grupo Hotelero de Cubanacan harán que sus vacaciones en Cuba tengan un encanto único al que le acompañarán modalidades diversas en hoteles de playa, ciudad y campos de Cuba.</p>
            </div>
            <div class="col-12 col-md-6 col-lg-3 px-5 px-lg-3 mb-5 mb-lg-0">
                <p class='text text-family-secondary text-w-bold'>Grupo Hotelero Cubanacan S.A.</p>
                <p class='text text-family-secondary text-color-gray'>Política de Privacidad</p>
                <p class='text text-family-secondary text-color-gray'>Términos y Condiciones</p>
                <p class='text text-family-secondary text-color-gray'>Sobre Nosotros</p>
                <p class='text text-family-secondary text-color-gray'>Contáctenos</p>
            </div>
            <div class="col-12 col-md-6 col-lg-3 px-5 px-lg-3 mb-5 mb-lg-0">
                <p class='text text-family-secondary text-w-bold text-color-six mb-1'>Descargue nuestra App</p>
                <p class='text text-family-secondary text-color-gray'>Contáctenos</p>
                <img src='../../../img/logo_store.png' alt="logo store" class="img img-auto col-3 col-lg-6" />
            </div>
            <div class="col-12 col-md-6 col-lg-3 px-5 px-lg-3 mb-5 mb-lg-0">
                <p class='text text-family-secondary text-w-bold text-color-six mb-1'>Contactenos</p>
                <div class="w-100 d-flex flex-wrap">
                    <i class="icon fas fa-map-marker-alt d-inline-block mt-1 col-1"></i>
                    <p class='text text-family-secondary text-lh-150 col-11 m-0 pl-1 text-color-gray'>Calle 23, Nº 156 N Y O. Vedado, Plaza de la Revolución La Habana, Cuba</p>
                </div>
                <div class="w-100 d-flex flex-wrap">
                    <i class="icon fas fa-phone d-inline-block mt-1 col-1"></i>
                    <p class='text text-family-secondary text-lh-150 col-11 m-0 pl-1 text-color-gray'>(+53) 7 838 5252</p>
                </div>
                <div class="w-100 d-flex flex-wrap">
                    <i class="icon fas fa-envelope d-inline-block mt-1 col-1"></i>
                    <p class='text text-family-secondary text-lh-150 col-11 m-0 pl-1 text-color-gray'>callcenter@cubanacan.tur.cu</p>
                </div>
            </div>
        </div>
    </div>
    <div class="w-100 bg bg-color-quintary py-3 mt-lg-5">
        <div class="container">
            <div class="row">
                <div class="col-12 d-lg-flex flex-lg-wrap align-items-center">
                    <p class="text text-family-secondary text-color-gray mb-3 mb-lg-0 col-lg-8">© 2022 SISTEMA DE RESERVAS ON LINE S.L. Todos los Derechos Reservados</p>
                    <img src='../../../img/logos_footer.png' alt="logo footer" class="img img-auto col-12 col-lg-4" />
                </div>
            </div>
        </div>
    </div>
</footer>

<div class="c-modal w-100 h-100 position position-fixed position-z-5 p-4">
    <span class="mask w-100 h-100 position-fixed position-z-2 openmodal"></span>
    <div class="wrapper col-11 col-md-7 col-lg-5 mx-auto position position-50-50 position-absolute position-z-3 p-4 bg bg-color-white">
        <p class="text text-w-bold text-size-1-5 text-size-lg-2 mb-2">Titulo</p>
        <p class="text">Texto</p>
        <form class="c-form">
            <div class="form-group text-center mb-3">
                <input type="text" class="form-control border" placeholder="texto">
            </div>
            <div class="form-group text-center mb-3">
                <input type="text" class="form-control border" placeholder="texto">
            </div>
            <div class="form-group text-center mb-3">
                <input type="submit" class="btn btn-solid btn-solid-primary px-4 py-2 w-100 d-block" value="texto">
            </div>
        </form>
    </div>
</div>