@extends('layout')
@section('content')

    <main>
        <header>
            <a href="." class="logo">
                <h1>Corporation H.T.T.P.S</h1>
                <img src="/html/assets/img/logo/logo-https.svg" alt="Corporation H.T.T.P.S" />
            </a>
        </header>
        <!-- The navigation -->
        <nav class="strokes">
            <ul id="navigation">
                @foreach($category->services as $service)
                    <li>
                        <div class="no-link" href="{{route('service', ['categorySlug' => $category->slug, 'serviceSlug' => $service->slug])}}" data-transition="slide-to-top">
                            <section>
                                <h1>{{$service->title}}</h1>
                                <!-- <h5 class="badge-rounded">{{$service->description}}</h5>-->
                            </section>
                            <!-- <footer>
                                <i class="icon icon-Diary"></i>
                                <h5 class="serif">Notre flotte</h5>
                                <p>est à votre disposition</p>
                            </footer> -->
                        </div>
                    </li>
                @endforeach
            </ul>
        </nav>
        <!-- End navigation -->
        <div class="overlay"></div>
        <div data-remodal-id="modal">
            <i class="icon bg icon-CommentwithLines"></i>
            <button data-remodal-action="close" class="remodal-close"></button>
            <h1></h1>
            <p></p>
            <div class="signature center">
                <h6>-FONDATEUR-</h6>
                <h5>Norkaan</h5>
            </div>
        </div>
    </main>

@stop