fractal-starter/components/carousel/carousel--warmth.hbs at develop · correasebastian/fractal-starter · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<section class="tcs-carousel tcs-carousel--warmth swiper-container py-4 d-lg-flex">

    <img class="tcs-carousel__bg-image d-lg-none " src="https://res.cloudinary.com/dg1knuetg/image/upload/c_scale,w_200/v1598929797/Snow_p0zvpl.png" alt="">
    <h2 class="tcs-carousel__title fs-40 text-primary  mb-2 d-lg-none">
        Compare Warmth Levels
    </h2>

    <div class="tcs-carousel__desktop d-none d-lg-block">
        <img class="tcs-carousel__bg-image " src="https://res.cloudinary.com/dg1knuetg/image/upload/c_scale,w_200/v1598929797/Snow_p0zvpl.png" alt="">
        <h2 class="tcs-carousel__title fs-40 text-primary  mb-2">
            Compare Warmth Levels
        </h2>
    </div>
    <div class="tcs-carousel--warmth-slider">
        <div class="swiper-wrapper ">
            {{#each slides}}
            <div class="swiper-slide">
                <img class="tcs-carousel__slide-icon img-fluid" src="https://res.cloudinary.com/dg1knuetg/image/upload/v1598930574/Sun-blue_ztmq7e.svg" alt="" srcset="">
                {{!-- <img class="tcs-carousel__slide-icon img-fluid" src="https://res.cloudinary.com/dg1knuetg/image/upload/v1598930574/Sun-blue_ztmq7e.svg" alt="" srcset=""> --}}
                <h3 class=" tcs-carousel__slide-title fs-16 ff-pm text-primary text-uppercase">
                    {{title}}
                </h3>
                <p class="fs-14 ff-lr ">
                    {{text}}
                </p>

            </div>
            {{/each}}

        </div>
        <div class="swiper-pagination"></div>
    </div>
</section>