<?php include('php/unidades.php');?>
        <li>
            <a href="/" target="_blank"><span>Inicio</span></a>
        </li>
        <li>
            <a href="/apps.html"><span>Gobierno Electrónico</span></a>
        </li>
        <li>
            <a href="#"><span>Unidades</span></a>
            <ul class="sub-menu mfn-megamenu mfn-megamenu-4">
                <?php 
                    for ($i = 0; $i < count($unidadesList); $i++) {
                    if ($i % 4 === 0) {
                        echo '<li class="mfn-megamenu-cols-4">';
                        echo '<ul class="sub-menu mfn-megamenu mfn-megamenu-4">';
                    }
                    ?>
                        <li>
                            <a href="unidades/index-<?=$unidadesList[$i]['title']?>.html">
                            <span><i class="<?= $unidadesList[$i]['icon'] ?>"></i> <?=$unidadesList[$i]['title'] ?></span>
                            </a>
                        </li>
                        <?php
                            if (($i + 1) % 4 === 0 || $i === count($unidadesList) - 1) {
                                echo '</ul>';
                                echo '</li>';
                            };
                        ?>
                <?php };?>
            </ul>
        </li>
        <li>
            <a href="transparencia.html"><span>Transparencia</span></a>
            <ul class="sub-menu">
                <li>
                    <a href="ptdi.html"><span>PTDI</span></a>
                </li>
                <li>
                    <a href="transparencia.html?category=Informes Auditoria"><span>Informes Auditoria</span></a>
                </li>
                <li>
                    <a href="transparencia.html?category=Gaceta Municipal"><span>Gaceta Municipal</span></a>
                </li>
                <li >
                    <a href="transparencia.html?category=Leyes Municipales"><span>Leyes Municipales</span></a>
                </li>
                <li >
                    <a href="transparencia.html?category=Ordenanzas Municipales"><span>Ordenanzas Municipales</span></a>
                </li>
            </ul>
        </li>
        <li>
            <a href="news.html"><span>Noticias</span></a>
            <ul class="sub-menu">
                <!-- <li>
                    <a href="https://prensa.quillacollo.gob.bo/"><span>Todo</span></a>
                </li> -->
                <li>
                    <a href="news.html?category=Destacado"><span>Destacado</span></a>
                </li>
                <li>
                    <a href="news.html?category=Despacho"><span>Despacho</span></a>
                </li>
                <li>
                    <a href="news.html?category=Obras"><span>Obras</span></a>
                </li>
                <li>
                    <a href="news.html?category=Salud"><span>Salud</span></a>
                </li>
                <li>
                    <a href="news.html?category=Secretarias"><span>Secretarias</span></a>
                    <ul class="sub-menu">
                        <li>
                            <a href="news.html?category=Secretaria de Desarrollo Humano"><span>Secretaria de Desarrollo Humano</span></a>
                        </li>
                        <li >
                            <a href="news.html?category=Secretaria de Desarrollo Productivo"><span>Secretaria de desarrollo productivo</span></a>
                        </li>
                        <li>
                            <a href="news.html?category=Secretaria de Planificacion"><span>Secretaria de Planificacion</span></a>
                        </li>
                        <li>
                            <a href="news.html?category=Secretaria Municipal de Administracion y Finanzas"><span>Secretaria Municipal de Administracion y Finanzas</span></a>
                        </li>
                        <li>
                            <a href="news.html?category=Secretaria Salud y Deportes"><span>Secretaria Salud y Deportes</span></a>
                        </li>
                        <li>
                            <a href="news.html?category=Secretaria Tecnica"><span>Secretaria Tecnica</span></a>
                        </li>

                    </ul>             
                </li>
            </ul>
        </li>
        <li>
            <a target="about" href="about.html">
                <span><em class="themecolor">
                    <i class="icon-info"></i>Acerca de</em>
                </span>
            </a>
        </li>
    <!-- </ul>
</nav> -->