<!-- Wappler include head-page="layouts/main" fontawesome_5="cdn" bootstrap5="local" is="dmx-app" id="DAPage1" appConnect="local" components="{dmxDatastore:{},dmxFormatter:{},dmxSwiper:{}}" -->
<dmx-datastore id="datastore1"></dmx-datastore>
<div class="container">
    <p>A nice paragraph</p>
    <p>A nice paragraph</p>
    <p>A nice paragraph</p>
    <p>A nice paragraph</p>
    <div id="content">
        <div id="page1" class="page" dmx-hide="session1.data.isEmpty()">
        </div>
        <div id="page2" class="page">
        </div>
    </div>
</div>
<div is="dmx-swiper" id="swiper1" space-between-md="5" slides-per-view-md="2" space-between-lg="10" slides-per-view-lg="4" slides-per-view-xl="5" space-between-xl="15" grab-cursor="true" mousewheel="true" pagination="bullets" navigation="true">
    <div class="swiper-slide">
        <h1>Fancy display heading</h1>
    </div>
    <div class="swiper-slide">
        <h1>Fancy display blah</h1>
    </div>
    <div class="swiper-slide">
        <h1>Fancy display blah blah</h1>
    </div>
    <div class="swiper-slide">
        <h1>Fancy display last blah</h1>
    </div>
</div>
<meta name="ac:route" content="/DAPage1">