<div class="container-fluid mx-0 px-0 nav-undecorated">
    <div id="carousel-example" class="carousel slide" data-ride="carousel" data-pause="false">
        <ol class="carousel-indicators">
            <li data-target="#carousel-example" data-slide-to="0" class="active"><span class="sr-only">Slide 1</span></li>
            <li data-target="#carousel-example" data-slide-to="1" class=""><span class="sr-only">Slide 2</span></li>
            <li data-target="#carousel-example" data-slide-to="2" class=""><span class="sr-only">Slide 3</span></li>
        </ol>
        <div class="carousel-controls-container">
            <div class="carousel-controls">
                <div class="carousel-controls-play"></div>
                <div class="carousel-controls-pause"></div>
            </div>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <a href="../../#slide1-target.html" class="nav-block h-100">
                    <div class="carousel-img-container">
                        <img src="../../images/_content/placeholder_1@1x.jpg" srcset="../../images/_content/placeholder_1@1x.jpg 1x, ../../images/_content/placeholder_1@2x.jpg 2x" alt="Slide 1 image" class=" carousel-img">

                    </div>
                    <div class="carousel-caption">
                        <p>
                            <span class="a nav-block-link">Slide 1&nbsp;<i class="fal fa-chevron-circle-right fa-sm"></i></span>
                        </p>
                    </div>
                </a>
            </div>
            <div class="carousel-item ">
                <a href="../../#slide2-target.html" class="nav-block h-100">
                    <div class="carousel-img-container">
                        <img src="../../images/_content/placeholder_2@1x.jpg" srcset="../../images/_content/placeholder_2@1x.jpg 1x, ../../images/_content/placeholder_2@2x.jpg 2x" alt="Slide 2 image" class=" carousel-img">

                    </div>
                    <div class="carousel-caption">
                        <p>
                            <span class="a nav-block-link">Slide 2&nbsp;<i class="fal fa-chevron-circle-right fa-sm"></i></span>
                        </p>
                    </div>
                </a>
            </div>
            <div class="carousel-item ">
                <a href="../../#slide3-target.html" class="nav-block h-100">
                    <div class="carousel-img-container">
                        <img src="../../images/_content/placeholder_3@1x.jpg" srcset="../../images/_content/placeholder_3@1x.jpg 1x, ../../images/_content/placeholder_3@2x.jpg 2x" alt="Slide 3 image" class=" carousel-img">

                    </div>
                    <div class="carousel-caption">
                        <p>
                            <span class="a nav-block-link">Slide 3&nbsp;<i class="fal fa-chevron-circle-right fa-sm"></i></span>
                        </p>
                    </div>
                </a>
            </div>
        </div>
        <a class="carousel-control-prev" href="#carousel-example" role="button" data-slide="prev">
      <span class="carousel-control-prev-icon" aria-hidden="true"></span>
      <span class="sr-only">Föregående</span>
    </a>
        <a class="carousel-control-next" href="#carousel-example" role="button" data-slide="next">
      <span class="carousel-control-next-icon" aria-hidden="true"></span>
      <span class="sr-only">Nästa</span>
    </a>
    </div>
</div>

<div class="header-puffs pt-5 pb-5 ">
    <div class="row no-gutters">
        <div class="col-sm-12">
            <div class="row no-gutters">

                <div class="col-12 col-lg-4 pr-lg-3">
                    <a href="#" class="nav-block masonry-tile-img">
                        <div class="masonry-tile-img-bg">
                            <img alt="[object Object]" src="../../images/_content/placeholder_1@1x.jpg" srcset="../../images/_content/placeholder_1@1x.jpg 1x,
                /images/_content/placeholder_1@1x.jpg 2x">
                        </div>
                        <div class="masonry-tile-img-content">
                            <div class="blockline">
                                <h1>
                                    <span class="a nav-block-link">Bildtitel
                    <i class="fal fa-chevron-circle-right fa-sm"></i>
                  </span>

                                </h1>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-lg-4 px-lg-2">
                    <a href="#" class="nav-block masonry-tile-img">
                        <div class="masonry-tile-img-bg">
                            <img alt="[object Object]" src="../../images/_content/placeholder_2@1x.jpg" srcset="../../images/_content/placeholder_2@1x.jpg 1x,
                /images/_content/placeholder_2@1x.jpg 2x">
                        </div>
                        <div class="masonry-tile-img-content">
                            <div class="blockline">
                                <h1>
                                    <span class="a nav-block-link">Bildtitel
                    <i class="fal fa-chevron-circle-right fa-sm"></i>
                  </span>

                                </h1>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-12 col-lg-4 pl-lg-3">
                    <a href="#" class="nav-block masonry-tile-img">
                        <div class="masonry-tile-img-bg">
                            <img alt="[object Object]" src="../../images/_content/placeholder_3@1x.jpg" srcset="../../images/_content/placeholder_3@1x.jpg 1x,
                /images/_content/placeholder_3@1x.jpg 2x">
                        </div>
                        <div class="masonry-tile-img-content">
                            <div class="blockline">
                                <h1>
                                    <span class="a nav-block-link">Bildtitel
                    <i class="fal fa-chevron-circle-right fa-sm"></i>
                  </span>

                                </h1>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
        </div>
    </div>
</div>
{{render "@carousel"}}
{{render "@header-puffs"}}
{
  "_full-screen": true
}

There are no notes for this item.