<div class="mobile">
    <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($menuItems as $menuItem)
                    <li @if(isset($data) && $menuItem->id == $data->id) class="active" @endif ><a class="title" href="/@if($menuItem->route!='/'){{$menuItem->route}}@endif"><span class="icon"></span>{{$menuItem->name}}</a></li>
                @endforeach
                <li><a class="title" href="#footer"><span class="icon"></span>@lang('translations.contact')</a></li>

            </ul>
        </nav>
        <div id="mobile_contact">
            <div class="inner">
                <h1 class="title">{{\Config::get('business.name')}}</h1>

                <p>
                    <a href="tel:{{\Config::get('business.phone.call')}}">{{\Config::get('business.phone.display')}}</a><br>
                    <a href="mailto:{{\Config::get('business.email')}}">{{\Config::get('business.email')}}</a>
                </p>

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