<div class="mobile">
    <header>
        <div class="mobile_btn nav"><span class="icon"></span></div>

        <div class="mobile_btn contact"><span class="icon"></span></div>
    </header>
    <section class="mb_content scrollable">
        <nav id="mobile_nav">
            <ul class="inner">

                <li class="active internalLink" id="#top" data-link="top"><p>Home</p></li>
                <li class="internalLink" data-link="vision"><p>@lang('translations.vision')</p></li>
                <li class="internalLink" data-link="services"><p>@lang('translations.services')</p></li>
                <li class="internalLink" data-link="license"><p>@lang('translations.license')</p></li>
                <li class="internalLink" data-link="news"><p>@lang('translations.news')</p></li>
                <li class="internalLink" data-link="methods"><p>@lang('translations.methods')</p></li>
                <li class="internalLink" data-link="references"><p>@lang('translations.references')</p></li>
                <li class="internalLink" data-link="contact"><p>@lang('translations.contact')</p></li>
            </ul>
        </nav>
        <div id="mobile_contact">
            <div class="inner">

                <p><a class="logo" href="/">
                        <img src="/img/fitale-logo.svg">
                    </a>
                </p>

                <p> {{Config::get('business.name')}} <br/>
                    {{Config::get('business.address')}} <br/>
                    {{Config::get('business.zip')}} {{Config::get('business.city')}} <br/>
                </p>
                <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>