<div class="mobile only_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">
                <li><a class="title" href="/">Home</a></li>
                <li><a class="title" href="/bedrijfsprofiel">Bedrijfsprofiel</a></li>
                <li class="mb_dropdown">
                    <span class="title"><span class="dd_arrow"></span>Producten</span>
                    <ul>
                        <li><a class="title" href="/producten">Algemeen</a></li>

                        <?php

                        $Db = new DatabaseHandler();
                        $Db->setTableName('products_items');
                        $Db->setOrder('itemOrder','DESC');
                        $Db->setActiveOnly(true,1);
                        $Db->addRule('active',1);
                        $data = $Db->select();
                        $products = $Db->twoDimensional($data);

                        // Generate output
                        $productOutput = '';
                        foreach($products as $key => $product)
                        {
                            $url = Fn::encodeUrl($product['title']);
                            echo '<li><a class="title" href="/producten/' . $url .'">'. $product['title'] . '</a></li>';
                        }

                        ?>

                    </ul>
                </li>
                <li><a class="title" href="/werkwijze">Werkwijze</a></li>
                <li class="mb_dropdown">
                    <span class="title"><span class="dd_arrow"></span>Machines</span>
                    <ul>
                        <li><a class="title" href="/machines">Algemeen</a></li>
                        <li><a class="title" href="/machines/draaien">Draaien</a></li>
                        <li><a class="title" href="/machines/frezen">Frezen</a></li>
                        <li><a class="title" href="/machines/machinelijst">Machinelijst</a></li>
                    </ul>
                </li>
                <li><a class="title" href="/contact">Contact</a></li>
            </ul>
        </nav>
        <div id="mobile_contact">
            <div class="inner">
                <span class="title">Ferrum Grootverspaning</span>
                <p>
                    <strong>Ferrum Grootverspaning</strong><br />
                    Randweg-Zuid 9<br />
                    6021 PT Budel<br />
                </p>
                <span class="data_title">tel</span><a href="tel:+31495492083">+31 (0)495 – 49 20 83</a><br />
                <span class="data_title">e-mail</span><a href="mailto:info@ferrumbv.nl">info@ferrumbv.nl</a>
            </div>
        </div>
    </section>
    <div class="blur"></div>
</div>