<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="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">
      {{#each slides}}
        <li data-target="#carousel-example" data-slide-to="{{@index}}" class="{{#if @first}}active{{/if}}"><span
          class="sr-only">{{title}}</span></li>
      {{/each}}
    </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">
      {{#each slides}}
        <div class="carousel-item {{#if @first}}active{{/if}}">
          <a href="{{#if link}}{{path link}}{{/if}}" class="nav-block h-100">
            <div class="carousel-img-container">
              {{render "@image" image}}
            </div>
            <div class="carousel-caption">
              <p>
                <span class="a nav-block-link">{{title}}&nbsp;<i class="fal fa-chevron-circle-right fa-sm"></i></span>
              </p>
            </div>
          </a>
        </div>
      {{/each}}
    </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>
{
  "_full-screen": true,
  "slides": [
    {
      "image": {
        "src": "/images/_content/placeholder_1@1x.jpg",
        "src-2x": "/images/_content/placeholder_1@2x.jpg",
        "alt": "Slide 1 image",
        "modifiers": [
          "carousel-img"
        ]
      },
      "title": "Slide 1",
      "link": "#slide1-target"
    },
    {
      "image": {
        "src": "/images/_content/placeholder_2@1x.jpg",
        "src-2x": "/images/_content/placeholder_2@2x.jpg",
        "alt": "Slide 2 image",
        "modifiers": [
          "carousel-img"
        ]
      },
      "title": "Slide 2",
      "link": "#slide2-target"
    },
    {
      "image": {
        "src": "/images/_content/placeholder_3@1x.jpg",
        "src-2x": "/images/_content/placeholder_3@2x.jpg",
        "alt": "Slide 3 image",
        "modifiers": [
          "carousel-img"
        ]
      },
      "title": "Slide 3",
      "link": "#slide3-target"
    }
  ]
}

There are no notes for this item.