<section id="contentSlider">

    <div class="grid-row">
        <h3>{{\KommaLang::get('practicalInfo')}}</h3>

        <ul class="slider-nav">
            @foreach($slides as $key => $slide)
                <li class="slide-nav-item" data-order="{{$key}}">
                    <p>{{$slide->typeName}}</p>
                </li>
            @endforeach
        </ul>

        <div class="slides">
            @foreach($slides as $key => $slide)
                <article class="slide" data-order="{{$key}}">
                    <h4>{{$slide->typeName}}</h4>
                    <div class="content">
                        {{$slide->description}}
                    </div>
                </article>
            @endforeach
        </div>

    </div>
</section>

<script async src="/js/contentSlider.js"></script>