<div class="mobile-navigation">
    <header>
        <div class="mobile_btn nav"><span class="icon"></span></div>
        <a class="logo" href="/"></a>
        <div class="mobile_btn contact"><span class="icon"></span></div>
    </header>

    <section class="mb_content scrollable">
        <nav id="mobile_nav">
            <ul class="inner">

                @foreach($pages as $key => $page)

                    <li class="mb_dropdown
                    @if(Str::startsWith(Request::path(),$page->route))
                            active
                        @endif
                            ">

                        @if($page->route == '/')
                        <a class="title" href="{{ $page->route }}">
                            {{ $page->name }}
                        </a>
                        @else
                        <a class="title" href="/{{ $page->route }}">
                            {{ $page->name }}
                        </a>
                        @endif

                    </li>

                @endforeach
            </ul>
        </nav>

        <div id="mobile_contact">
            <div class="inner">
                <span class="title">Smile Fotografie</span>
                <p>
                    Alfons Lenders<br />
                    Korhoenstraat 9<br />
                    6035 GD Ospel<br />
                    <br />
                    <a href="tel:0031620401516">+31 (0)6 20 40 15 16</a><br />
                    <a href="mailto:info@smilefotografie.nl">info@smilefotografie.nl</a><br />

                </p>
            </div>
        </div>

    </section>
    <div class="blur"></div>
</div>