<?php include 'views/head.php' ?>

<section class="one-section">
    <div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
        <div class="custom-indicators">
            <span data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active"></span>
            <span data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1"></span>
            <span data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2"></span>
        </div>
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="img/banners/banner.jpg" class="d-block w-100" alt="...">
                <div class="os-div">
                    <p class="os-p">Servicios de Ingeniería
                        y Project Management</p>
                    <p class="os-p2">Nuestros consultores aportan décadas de experiencia
                        trabajando en todo México, Estados Unidos y Latinoamérica.</p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="img/banners/banner2.jpg" class="d-block w-100" alt="...">
                <div class="os-div">
                    <p class="os-p">Somos una red de recursos
                        humanos profesionales en
                        todo México.</p>
                    <p class="os-p2">Nuestros experimentados ejecutivos han contribuido al
                        establecimiento de 78 empresas multinacionales en México.
                    </p>
                </div>
            </div>
            <div class="carousel-item">
                <img src="img/banners/banner3.jpg" class="d-block w-100" alt="...">
                <div class="os-div">
                    <p class="os-p">Metodología comprobada
                        para proyectos industriales
                        de clase mundial</p>
                    <p class="os-p2">Nuestra metodología asegura que cada fase del proyecto,
                        cumpla con los más altos estándares internacionales,
                        generando parques industriales que superan expectativas y
                        ofrecen retornos sostenibles.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="two-section" id="nosotros">
    <img src="img/mexico.png" alt="" class="ts-img">
    <div class="ts-div">
        <p class="ts-p">NOSOTROS</p>
        <p class="ts-p2">No solo gestionamos
            proyectos, guiamos a
            empresas en cada paso
            de su expansión en México.</p>
        <img src="img/lineaVerde.png" alt="" class="ts-img2">
        <p class="ts-p3">Nuestros consultores aportan décadas de experiencia
            trabajando en todo México, Estados Unidos y Latinoamérica.</p>
        <p class="ts-p4">A lo largo de este tiempo los experimentados ejecutivos han
            contribuido al establecimiento de 78 empresas multinacionales en
            México.</p>
    </div>

    <div class="ts-div2">
        <div class="ts-div3">
            <i class="fa-solid fa-circle ts-i"></i>
            <img src="img/iconos/empresas.png" alt="" class="ts-img3">
            <div class="ts-div4">
                <p class="ts-p5">+78</p>
                <p class="ts-p6">Empresas
                    Multinacionales</p>
            </div>
        </div>

        <div class="ts-div3">
            <i class="fa-solid fa-circle ts-i"></i>
            <img src="img/iconos/exp.png" alt="" class="ts-img3">
            <div class="ts-div4">
                <p class="ts-p6">Décadas
                    de experiencia</p>
            </div>
        </div>
    </div>

</section>

<section class="three-section">
    <img src="img/diferentes.png" alt="" class="ths-img">
    <div class="ths-div">
        <p class="ths-p">Qué nos hace
            diferentes</p>
        <img src="img/lineaBlanca.png" alt="" class="ths-img3">
    </div>

    <div class="ths-div2">
        <div class="ths-div3">
            <img src="img/diferentes1.png" alt="" class="ths-img2">
            <div class="ths-div4">
                <p class="ths-p2">Nuestra capacidad para
                    conectar con los
                    clientes</p>
                <p class="ths-p3">A lo largo de este tiempo los
                    experimentados ejecutivos han
                    contribuido al establecimiento de
                    78 empresas multinacionales en
                    México.</p>
            </div>
        </div>

        <div class="ths-div3">
            <img src="img/diferentes2.png" alt="" class="ths-img2">
            <div class="ths-div4">
                <p class="ths-p2">Orientación a las soluciones</p>
                <p class="ths-p4">Nos centramos en qué más podamos hacer para lograr el
                    éxito para usted.</p>
                <p class="ths-p3">Ofrecemos servicios de gestión de proyectos a través de un
                    equipo local en México.</p>
                <p class="ths-p3">Nuestros gerentes de proyecto, respaldados por la
                    metodología M2M, garantizan altos estándares de ética,
                    servicio, profesionalismo, transparencia y mejora continua,
                    aportando valor agregado y ahorros significativos en cada
                    construcción.</p>

            </div>
        </div>
</section>

<section class="four-section">
    <img src="img/espiral.png" alt="" class="fs-img">
    <div class="fs-div">
        <p class="fs-p">Más de 28 años</p>
        <img src="img/lineaVerde.png" alt="" class="fs-img2">
        <p class="fs-p2">Trabajando para las más grandes Empresas de
            Desarrollo Industrial en México, el conocimiento
            industrial y comercial está a su servicio.</p>
    </div>
    <div class="fs-div2">
        <img src="img/M2Msectores.png" alt="" class="fs-img3">
    </div>
</section>

<section class="five-section" id="servicios">
    <p class="fis-p">NUESTROS SERVICIOS</p>
    <p class="fis-p2">Soluciones para tu proyecto</p>
    <img src="img/lineaVerde.png" alt="" class="fis-img">
    <div class="fis-div">
        <div class="row">
            <div class="col-md-6">
                <a href="ingenieria.php">
                    <img src="img/ingeneria.png" alt="" class="fis-img2">
                    <img src="img/iconos/flecha.png" alt="" class="fis-img3">
                    <div class="fis-div2">
                        <p class="fis-p3">Ingeniería</p>
                        <p class="fis-p4">Diseñamos soluciones técnicas precisas y eficientes para cada
                            etapa de tu proyecto.</p>
                    </div>
                </a>
            </div>
            <div class="col-md-6">
                <a href="projectManagement.php">
                    <img src="img/constructionProject.png" alt="" class="fis-img2">
                    <img src="img/iconos/flecha.png" alt="" class="fis-img3">
                    <div class="fis-div2">
                        <p class="fis-p3">Construction
                            Project Management</p>
                        <p class="fis-p4">Planificamos, coordinamos y ejecutamos con excelencia para
                            garantizar resultados a tiempo y dentro del presupuesto.</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
    </div>
</section>

<section class="six-section">
    <p class="ss-p">Qué podemos hacer por ti</p>
    <img src="img/lineaVerde.png" alt="" class="ss-img">

    <div class="row">
        <div class="col-md-4">
            <a href="DueDiligence.php">
                <img src="img/servicios/siteSelection.png" alt="" class="ss-img2">
                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                <div class="ss-div">
                    <p class="ss-p2">Due diligence
                        (site selection)
                    </p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="gestionCostos.php">
                <img src="img/servicios/gestionCostos.png" alt="" class="ss-img2">
                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                <div class="ss-div">
                    <p class="ss-p2">
                        Gestión de costos
                    </p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="planificacionIngeneria.php">
                <img src="img/servicios/planificacionIngeneria.png" alt="" class="ss-img2">
                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                <div class="ss-div">
                    <p class="ss-p2">Diseño y planificación de
                        ingeniería</p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="permisoConstruccion.php">
                <img src="img/servicios/permisoConstruccion.png" alt="" class="ss-img2">
                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                <div class="ss-div">
                    <p class="ss-p2">Proceso de permisos
                        de construcción</p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="procesoLicitacion.php">
                <img src="img/servicios/procesoLicitacion.png" alt="" class="ss-img2">
                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                <div class="ss-div">
                    <p class="ss-p2">Adquisiciones proceso
                        de licitación</p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="acuerdoConstruccion.php">
                <img src="img/servicios/controlCostruccion.png" alt="" class="ss-img2">
                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                <div class="ss-div">
                    <p class="ss-p2">Acuerdo de control de
                        construcción</p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="diretricesConstruccion.php">
                <img src="img/servicios/directricesCostruccion.png" alt="" class="ss-img2">
                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                <div class="ss-div">
                    <p class="ss-p2">Directrices
                        de construcción</p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="saludSeguridad.php">
                <img src="img/servicios/saludSeguridad.png" alt="" class="ss-img2">
                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                <div class="ss-div">
                    <p class="ss-p2">Directrices de salud y seguridad</p>
                </div>
            </a>
        </div>
        <div class="col-md-4">
            <a href="cierreProyecto.php">
                <img src="img/servicios/cierreProyecto.png" alt="" class="ss-img2">
                <img src="img/iconos/flecha.png" alt="" class="ss-img3">
                <div class="ss-div">
                    <p class="ss-p2">Cierre del proyecto</p>
                </div>
            </a>
        </div>
    </div>
</section>

<section class="seven-section">
    <img src="img/reclutamiento.jpg" alt="" class="ses-img">
    <div class="ses-div">
        <p class="ses-p">¡Únete a nuestro equipo!</p>
        <img src="img/lineaBlanca.png" alt="" class="ses-img2">
        <p class="ses-p2">Estamos buscando talento como el tuyo.</p>
        <p class="ses-p3">Tu próximo reto profesional comienza aquí.
            ¡Descubre nuestras vacantes!
        </p>
        <a href="reclutamiento.php" class="ses-a">¡Postulate ahora! <img src="img/iconos/flecha.png" alt="" class="ses-img3"></a>
    </div>
</section>

<section class="eight-section">
    <div class="es-div">
        <p class="es-p">BLACKBOOK</p>
        <p class="es-p2">Conoce BlackBook, nuestra
            plataforma de aprendizaje</p>
        <img src="img/lineaVerde.png" alt="" class="es-img">

        <p class="es-p3">Creamos Construction Project Managers altamente especializado con
            conocimientos multidisciplinarios, que ejecutan con alta dirección y
            liderazgo, macro proyectos de construcción.</p>
        <p class="es-p4">La metodología de Project Management de BlackBook reúne más de 1,500 temas que
            analizan, controlan, miden y revisan todo el ciclo de vida de un proyecto. Incluye
            herramientas de capacitación para ingenieros y arquitectos que buscan certificarse
            como Project Managers.
        </p>
        <a href="https://blackbook.site" target="_blank" class="es-a">Visitar sitio <img src="img/iconos/flecha.png" alt="" class="es-img3"></a>
    </div>

    <div class="es-div2">
        <img src="img/blackbook.png" alt="" class="es-img4">
        <div class="es-div3">
            <img src="img/blackbooklogon.png" alt="" class="es-img5">
        </div>
    </div>
</section>

<section class="nine-section">
    <div class="ns-div">
        <p class="ns-p">+24 Playbooks</p>
        <img src="img/lineaVerde.png" alt="" class="ns-img">

        <p class="ns-p2">La profesión de Project Manager exige amplios conocimientos técnicos y la capacidad de
            coordinar multiples procesos y especialidades de forma simultánea.</p>

        <p class="ns-p3">Implica diferenciar las propiedades del proyecto, definir el procedimiento constructivo correcto
            y liderar en un entorno interdisciplinario, desde la planeación hasta ek cierre total de la obra.</p>

        <div id="carouselExample" class="carousel slide">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="row">
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#projectManagement">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK11.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Introducción al Project Management</p>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#liderazgoEstrategico">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK2.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Liderazgo estratégico</p>
                                </a>
                            </div>
                        </div>
                        
      
                        
                        
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#gestionCalidad">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK4.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Gestión de calidad</p>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#seguridadHigiene">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK5.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Seguridad e Higiene</p>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#adquisiciones">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK6.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Adquisiciones</p>
                                </a>
                            </div>
                        </div>
                        
                       <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#landDevelopment">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK7.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Land Development</p>
                                </a>
                            </div>
                        </div>
           
                                         
                        <!---
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#costAvoidance">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK3.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Cost Avoidance</p>
                                </a>
                            </div>
                        </div>
                        
                        ---> 
                        
                        
                        
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="row">
                        
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#planeacionEstrategica">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK8.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Planeación estratégica</p>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#permisosConstruccion">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK9.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Permisos de construcción</p>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#contratoConstruccion">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK10.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Contrato de construcción</p>
                                </a>
                            </div>
                        </div>
                        
                        
                                                
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#etapaCierre">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK14.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Etapa de cierre</p>
                                </a>
                            </div>
                        </div>
                        


                        
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#disenoProyecto">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK16.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Diseño del proyecto</p>
                                </a>
                            </div>
                        </div>
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#dataCenter">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK17.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Data Center</p>
                                </a>
                            </div>
                        </div>
                        
                    </div>
                </div>
                
                
                
                <div class="carousel-item">
                    <div class="row">
                        
                                              
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#costManagement">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK19.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Cost Management</p>
                                </a>
                            </div>
                        </div>

                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#controlMonitoreo">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK20.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Control y monitoreo</p>
                                </a>
                            </div>
                        </div>
                        
                        
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#siteSelectionProcess">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK24.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Site Selection Process</p>
                                </a>
                            </div>
                        </div>
                        
                        
                                            
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#cuartosLimpios">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK18.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Cuartos limpios</p>
                                </a>
                            </div>
                        </div>
                        

                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#fondosInversion">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK12.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Fondos de inversión</p>
                                </a>
                            </div>
                        </div>
                        
                        
                        
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#nuevasCiudades">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK13.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Nuevas ciudades</p>
                                </a>
                            </div>
                        </div>    
                        
                        
                        
                        

                        
                    </div>
                </div>
                
          
                <div class="carousel-item">
                    <div class="row">

    
                        
                                    <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#especulativos">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK15.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Especulativos</p>
                                </a>
                            </div>
                        </div>
                        
                        
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#comisionamiento">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK21.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Comisionamiento</p>
                                </a>
                            </div>
                        </div>
                        
                        
                        
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#casoEstudio">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK22.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Caso de estudio</p>
                                </a>
                            </div>
                        </div>
                        
                        
                        
                        
                        <div class="col-md-4 mb-3">
                            <div class="ns-div2">
                                <a href="#" class="ns-a" data-bs-toggle="modal" data-bs-target="#gestionRiesgos">
                                    <img src="img/iconos/flecha.png" alt="" class="ns-img3">
                                    <img src="img/playbooks/PLAYBOOK23.png" alt="" class="ns-img2">
                                    <p class="ns-p4">Gestión de riesgos</p>
                                </a>
                            </div>
                        </div>

                        

                        
                        
                    </div>
                </div>
             
                
            </div>
            
            
            
            
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
            </button>

            <button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>

    </div>
</section>

<section class="ten-section">
    <img src="img/proyectosRecientes.jpg" alt="" class="tes-img">
    <div class="tes-div">
        <p class="tes-p">Proyectos recientes</p>
        <img src="img/lineaBlanca.png" alt="" class="tes-img2">
        <p class="tes-p2">Cada proyecto es una oportunidad para demostrar nuestra
            experiencia y compromiso.</p>

        <a href="proyectos.php" class="tes-a">Ver proyectos <img src="img/iconos/flecha.png" alt="" class="tes-img3"></a>
    </div>
</section>

<?php include 'views/modals.php' ?>

<?php include 'views/footer.php' ?>