<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">

                <?php foreach($pages as $key => $page): ?>

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

                        <?php if($page->route == '/'): ?>
                        <a class="title" href="<?php echo $page->route; ?>">
                            <?php echo $page->name; ?>

                        </a>
                        <?php else: ?>
                        <a class="title" href="/<?php echo $page->route; ?>">
                            <?php echo $page->name; ?>

                        </a>
                        <?php endif; ?>

                    </li>

                <?php endforeach; ?>
            </ul>
        </nav>

        <div id="mobile_contact">
            <div class="inner">
                <span class="title">Smile Fotografie</span>
                <p>
                    Alfons Lenders<br />
                    Eindhovensebaan 7F-4<br />
                    6031 NB Nederweert<br />
                    <br />
                    <a href="tel:0031495624967">+31 (0)495 624 967</a><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>