Component Library

S Bubble 

<section class="s-bubble contanier-fluid mb-5">
    <div class="container">
        <div class="row align-items-center">
            <div class="images col-12 col-lg-4">
                <img src="../../../img/bubble.png" alt="" class="img img-auto img-w">
            </div>
            <div class="col-12 col-lg-8">
                <h2 class="text text-color-primary text-w-bold text-size-2 text-size-lg-2-5 text-lh-120 mb-2 mb-lg-1">Descubre nuestros destinos</h2>
                <p class="text text-color-gray">Quisque cursus lacus a ultricies imperdiet. Maecenas ex arcu, dignissim a pellentesque molestie, sodales at risus. Cras neque odio, maximus ac magna in, mattis cursus metus. Aenean hendrerit velit ultricies, iaculis libero vel, pellentesque quam. Aliquam erat volutpat. Donec sed placerat velit, sed hendrerit sapien. Quisque pharetra risus sapien, in semper est finibus sed. Quisque mattis venenatis feugiat.</p>
            </div>
        </div>
    </div>
</section>
 
<section class="s-bubble contanier-fluid mb-5">
    <div class="container">
        <div class="row align-items-center">
            <div class="images col-12 col-lg-4">
                <img src="../../../img/bubble.png" alt="" class="img img-auto img-w">
            </div>
            <div class="col-12 col-lg-8">
                <h2 class="text text-color-primary text-w-bold text-size-2 text-size-lg-2-5 text-lh-120 mb-2 mb-lg-1">Descubre nuestros destinos</h2>
                <p class="text text-color-gray">Quisque cursus lacus a ultricies imperdiet. Maecenas ex arcu, dignissim a pellentesque molestie, sodales at risus. Cras neque odio, maximus ac magna in, mattis cursus metus. Aenean hendrerit velit ultricies, iaculis libero vel, pellentesque quam. Aliquam erat volutpat. Donec sed placerat velit, sed hendrerit sapien. Quisque pharetra risus sapien, in semper est finibus sed. Quisque mattis venenatis feugiat.</p>
            </div>
        </div>
    </div>
</section>
 
/* No context defined. */
  • Content: 
    // bubble section
.s-bubble {
    .images {
        @include breakpoint(desktop) { transform: translateX(-50%); }
        .img {
            @include breakpoint(desktop) { width: 150%; }
        }
    }
}
  • URL: /components/raw/s-bubble/s-bubble.scss
  • Filesystem Path: src/components/sections/s-bubble/s-bubble.scss
  • Size: 204 Bytes

No notes defined.