Component Library

S Newsletter 

<div class="container mb-3">
    <div class="row">
        <div class="col-12">
            <h3 class="text text-w-bold text-size-1-5 text-size-lg-2 text-color-secondary m-0">Disfrute de nuestras ofertas Exclusivas</h3>
        </div>
    </div>
</div>

<section class="s-newsletter container-fluid px-0 bg bg-color-secondary">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-6 col-lg-8 px-0">
                <img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-300 img-h-lg-350">
            </div>
            <div class="col-12 col-md-6 col-lg-4 p-3 p-lg-5">
                <div class="w-100 main-carousel main-carousel-full dots dots-no-zoom dots-no-bullets dots-arrow px-3 mb-3">
                    <div class="item col-12 px-0">
                        <p class="text text-w-bold text-color-white text-uppercase text-size-1-5 text-size-lg-2 mb-1">Title</p>
                        <p class="text text-color-white text-size-1-2 text-size-lg-1-5 mb-5">Sub Title</p>
                        <p class="text text-w-bold text-color-white text-uppercase text-size-2 m-0">$44</p>
                    </div>
                    <div class="item col-12 px-0">
                        <p class="text text-w-bold text-color-white text-uppercase text-size-1-5 text-size-lg-2 mb-1">Title</p>
                        <p class="text text-color-white text-size-1-2 text-size-lg-1-5 mb-5">Sub Title</p>
                        <p class="text text-w-bold text-color-white text-uppercase text-size-2 m-0">$44</p>
                    </div>
                    <div class="item col-12 px-0">
                        <p class="text text-w-bold text-color-white text-uppercase text-size-1-5 text-size-lg-2 mb-1">Title</p>
                        <p class="text text-color-white text-size-1-2 text-size-lg-1-5 mb-5">Sub Title</p>
                        <p class="text text-w-bold text-color-white text-uppercase text-size-2 m-0">$44</p>
                    </div>
                </div>
                <div class="w-100 pl-3">
                    <button class="btn btn-round btn-round-white text text-color-secondary text-w-bold px-2 py-1">Accion</button>
                </div>
            </div>
        </div>
    </div>
</section>
 
<div class="container mb-3">
    <div class="row">
        <div class="col-12">
        <h3 class="text text-w-bold text-size-1-5 text-size-lg-2 text-color-secondary m-0">Disfrute de nuestras ofertas Exclusivas</h3>
    </div>
    </div>
</div>

<section class="s-newsletter container-fluid px-0 bg bg-color-secondary">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-6 col-lg-8 px-0">
                <img src="../../../img/dummy.png" alt="" class="img img-w img-auto img-h-300 img-h-lg-350">
            </div>
            <div class="col-12 col-md-6 col-lg-4 p-3 p-lg-5">
                <div class="w-100 main-carousel main-carousel-full dots dots-no-zoom dots-no-bullets dots-arrow px-3 mb-3">
                    <div class="item col-12 px-0">
                        <p class="text text-w-bold text-color-white text-uppercase text-size-1-5 text-size-lg-2 mb-1">Title</p>
                        <p class="text text-color-white text-size-1-2 text-size-lg-1-5 mb-5">Sub Title</p>
                        <p class="text text-w-bold text-color-white text-uppercase text-size-2 m-0">$44</p>
                    </div>
                    <div class="item col-12 px-0">
                        <p class="text text-w-bold text-color-white text-uppercase text-size-1-5 text-size-lg-2 mb-1">Title</p>
                        <p class="text text-color-white text-size-1-2 text-size-lg-1-5 mb-5">Sub Title</p>
                        <p class="text text-w-bold text-color-white text-uppercase text-size-2 m-0">$44</p>
                    </div>
                    <div class="item col-12 px-0">
                        <p class="text text-w-bold text-color-white text-uppercase text-size-1-5 text-size-lg-2 mb-1">Title</p>
                        <p class="text text-color-white text-size-1-2 text-size-lg-1-5 mb-5">Sub Title</p>
                        <p class="text text-w-bold text-color-white text-uppercase text-size-2 m-0">$44</p>
                    </div>
                </div>
                <div class="w-100 pl-3">
                    <button class="btn btn-round btn-round-white text text-color-secondary text-w-bold px-2 py-1">Accion</button>
                </div>
            </div>
        </div>
    </div>
</section>
 
/* No context defined. */
  • Content: 
    // newsletter section
.s-newsletter {
    .dots {
        &.dots {
            &-arrow {
                .flickity {
                    &-button {
                        background: none;
                        border: none;
                        &-icon { fill: $color_white; }
                    }
                }
            }
        }
    }
}
  • URL: /components/raw/s-newsletter/s-newsletter.scss
  • Filesystem Path: src/components/sections/s-newsletter/s-newsletter.scss
  • Size: 354 Bytes

No notes defined.