<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>DUX</title>
  <meta content="" name="description">
  <meta content="" name="keywords">

  <link href="assets/css/style.css" rel="stylesheet">

  <base href="https://cdn.jsdelivr.net/gh/linuxguist/bizpage@main/">          

  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,700,700i|Montserrat:300,400,500,700" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

</head>

<body>

  <!-- ======= Header ======= -->
  <header id="header" class="fixed-top d-flex align-items-center header-transparent">
    <div class="container-fluid">
      
      <div class="row justify-content-center align-items-center">
        <div class="col-xl-11 d-flex align-items-center justify-content-between">
          <div><a href="index.html"><img src="https://dux.com.pe/site/wp-content/uploads/2021/09/dux.svg" alt="" class="img-fluid" style="width: 40%;height: 74%;margin-top: 10px"></a></div>
          <!-- Uncomment below if you prefer to use an image logo -->
          <!-- <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>-->

          <nav id="navbar" class="navbar">
            <ul>
              <li><a class="nav-link scrollto" href="#about">Nosotros</a></li>
              <li><a class="nav-link scrollto" href="#services">Lineas de Negocio</a></li>
              <li><a class="nav-link scrollto " href="#facts">Proyectos</a></li>
              <li><a class="nav-link scrollto" href="#contact">Contáctanos</a></li>
            </ul>
            <i class="bi bi-list mobile-nav-toggle"></i>
          </nav><!-- .navbar -->
        </div>
      </div>

    </div>
  </header><!-- End Header -->

  <!-- ======= hero Section ======= -->
  <section id="hero">
    <div class="hero-container">
      <div id="heroCarousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000">

        <ol id="hero-carousel-indicators" class="carousel-indicators"></ol>

        <div class="carousel-inner" role="listbox">

          <div class="carousel-item active" style="background-image: url(https://tkconstructora.com/wp-content/uploads/2020/08/TK-CONSTRUCTORA_BANNER_3_.jpg)">
            <div class="carousel-container">
              <div class="container">
                <h2 class="animate__animated animate__fadeInDown">Ideas que construyen</h2>
                <p class="animate__animated animate__fadeInUp">Dux es el resultado de grandes ideas. Fieles al valor de cada una de ellas, hemos consolidado un equipo altamente experimentado y caracterizado por la autenticidad, compromiso e innovación. Nuestra historia se cuenta con cifras, hechos y reconocimientos en el continuo trabajo que realizamos con el objetivo de revolucionar la gestión de la construcción en el país.</p>
                <a href="#facts" class="btn btn-outline-danger">Proyectos</a>
              </div>
            </div>
          </div>

          <div class="carousel-item" style="background-image: url(https://tkconstructora.com/wp-content/uploads/2020/08/TK-CONSTRUCTORA_BANNER_2_.jpg)">
            <div class="carousel-container">
              <div class="container">
                <h2 class="animate__animated animate__fadeInDown">Clientes</h2>
                <p class="animate__animated animate__fadeInUp">La extensa trayectoria profesional de cada uno de los especialistas que hoy forman parte de Dux, está marcada por sus importantes experiencias junto a las empresas más destacadas de nuestro país.</p>
                <a href="#clients" class="btn btn-outline-danger">Ver más</a>
              </div>
            </div>
          </div>
        </div>

        <a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">
          <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>
        </a>

        <a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">
          <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>
        </a>

      </div>
    </div>
  </section><!-- End Hero Section -->

  <main id="main">
    <!-- ======= About Us Section ======= -->
    <section id="about">
      <div class="container" data-aos="fade-up">

        <header class="section-header">
          <h3>Nosotros</h3>
          <p>Dux es el resultado de grandes ideas. Fieles al valor de cada una de ellas, hemos consolidado un equipo altamente experimentado y caracterizado por la autenticidad, compromiso e innovación. Nuestra historia se cuenta con cifras, hechos y reconocimientos en el continuo trabajo que realizamos con el objetivo de revolucionar la gestión de la construcción en el país.</p>
        </header>

        <div class="p-3">
          <nav>
            <div class="nav nav-tabs mb-3 justify-content-center" id="nav-tab" role="tablist">
              <button class="nav-link active" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home" type="button" role="tab" aria-controls="nav-home" aria-selected="true">Equipo</button>
              <button class="nav-link" id="nav-profile-tab" data-bs-toggle="tab" data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile" aria-selected="false">Misión</button>
              <button class="nav-link" id="nav-contact-tab" data-bs-toggle="tab" data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact" aria-selected="false">Visión</button>
            </div>
          </nav>
          <div class="tab-content p-3" id="nav-tabContent">
            <div class="tab-pane fade active show" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">
              <div id="testimonials" class="container">
                <div class="row about-cols" data-aos="fade-up">
                  <div class="testimonial-item col-md-6">
                    <img src="https://dux.com.pe/site/wp-content/uploads/2023/02/juan-pacheco.png" class="testimonial-img" alt="">
                    <h3>Juan Pacheco</h3>
                    <h4>Gerente General</h4>
                    <p>
                      Su compromiso, innovación y más de dos décadas de trayectoria laboral lo hicieron parte de reconocidos proyectos integrales en el campo de la ingeniería y construcción. Actua
                    </p>
                  </div>
        
                  <div class="testimonial-item col-md-6">
                    <img src="https://dux.com.pe/site/wp-content/uploads/2023/02/ricardo-napanga.png" class="testimonial-img" alt="">
                    <h3>Ricardo Napanga</h3>
                    <h4>Gerente de Operaciones</h4>
                    <p>
                      Sus más de 25 años de experiencia en el campo de la ingeniería y construcción le han permitido ser parte de diversos proyectos a nivel nacional. Hoy, siendo parte de Dux, continúa demostrando su pasión y liderazgo para emprender grandes obras que contribuyan al desarrollo del país.
                    </p>
                  </div>
                </div>
              </div>
            </div>
            <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
              <p><img src="assets/img/quote-sign-left.png" class="quote-sign-left" alt="">Ofrecer un óptimo servicio de gestión de proyectos, poniendo a disposición nuestra amplia experiencia con altos estándares de calidad, seguridad y fiabilidad para satisfacer las necesidades y proyecciones de nuestros clientes.<img src="assets/img/quote-sign-right.png" class="quote-sign-right" alt=""></p>
            </div>
            <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">
              <p><img src="assets/img/quote-sign-left.png" class="quote-sign-left" alt="">Al 2025, consolidarnos y ser reconocidos como una de las principales empresas de servicio de gestión de la construcción, siendo referentes en el sector por nuestro compromiso, calidad e innovación.<img src="assets/img/quote-sign-right.png" class="quote-sign-right" alt=""></p>
            </div>
          </div>
        </div>
      </div>
    </section><!-- End About Us Section -->

    <!-- Modal planeamiento -->
    <div class="modal fade modal-fullscreen-xs-down" id="modal-planeamiento" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="myModalLabel">Planeamiento y desarrollo de proyecto</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <p>
              Coordinamos la elaboración del expediente técnico en base a los términos de referencia, los cuales se desarrollan conjuntamente con el cliente, en función a los plazos y capex destinados al proyecto.
              <ul>
                <li>Conceptual</li>
                <li>Estudio técnico económico</li>
                <li>Desarrollo de anteproyecto</li>
                <li>Desarrollo de proyecto definitivo</li>
                <li>Presupuesto y cronograma base</li>
              </ul>
            </p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Modal concursos -->
    <div class="modal fade modal-fullscreen-xs-down" id="modal-concursos" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="myModalLabel">Concursos y adquisiciones de obra</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <p>
              Trabajamos en la elaboración de expedientes de licitación que permitan designar al contratista ejecutor, el equipamiento y los materiales del proyecto.
              <ul>
                <li>Elaboración de bases y términos de referencia</li>
                <li>Elaboración de presupuesto base</li>
                <li>Proformas de contratos</li>
                <li>Elaboración de comparativos</li>
                <li>Evaluación técnico económica de las propuestas</li>
                <li>Homologación de participantes</li>
                <li>Evaluación técnico económica del equipamiento y materiales</li>
              </ul>
            </p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Modal gestiones1 -->
    <div class="modal fade modal-fullscreen-xs-down" id="modal-gestiones1" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="myModalLabel">Gestiones y trámites ante entidades públicas y privadas</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <p>
              Realizamos las gestiones correspondientes ante las entidades gubernamentales para lograr las autorizaciones que cada proyecto requiera.
              <ul>
                <li>Estudio de factibilidad</li>
                <li>Licencias y autorizaciones</li>
                <li>Certificaciones</li>
                <li>Estudio de impacto vial y ambiental</li>
              </ul>
            </p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Modal gestiones2 -->
    <div class="modal fade modal-fullscreen-xs-down" id="modal-gestiones2" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="myModalLabel">Gestión de la construcción</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <p>
              Planificamos, dirigimos y controlamos el desarrollo de los proyectos, tomando en consideración los costos, plazos y calidad. Todo ello, resguardando la seguridad de los trabajadores y la conservación del medioambiente.
              <ul>
                <li>Administración de contratos</li>
                <li>Supervisión Técnica de la Calidad</li>
                <li>Supervisión de Seguridad, Salud y Medioambiente</li>
                <li>Control de avances y pagos</li>
                <li>Control de la gestión de cambios</li>
                <li>Recepción de las obras</li>
              </ul>
            </p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
          </div>
        </div>
      </div>
    </div>

    <!-- Modal cierre -->
    <div class="modal fade modal-fullscreen-xs-down" id="modal-cierre" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="myModalLabel">Cierre del proyecto, equipamiento y funcionamiento</h5>
            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
          </div>
          <div class="modal-body">
            <p>
              Este servicio aborda la última fase en la gestión de un proyecto, se realizan las coordinaciones finales y la supervisión adecuada para garantizar la calidad y el correcto funcionamiento del proyecto.
              <ul>
                <li>Liquidación de contratos</li>
                <li>Revisión y recepción de obra</li>
                <li>Revisión y entrega Dossier de Calidad</li>
                <li>Revisión y entrega de equipamientos, pruebas y puesta en marcha</li>
                <li>Gestión y obtención de la licencia de funcionamiento</li>
              </ul>
            </p>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
          </div>
        </div>
      </div>
    </div>

    <!-- ======= Services Section ======= -->
    <section id="services">
      <div class="container" data-aos="fade-up">

        <header class="section-header wow fadeInUp">
          <h3>Lineas de Negocio</h3>
          <p>Nuestros servicios están enfocados a la dirección y coordinación de las actividades que involucran los proyectos a lo largo de sus diferentes etapas.</p>
        </header>

        <div class="row justify-content-center">
          <div class="col-12 col-md-auto" data-bs-toggle="modal" data-bs-target="#modal-planeamiento">
            <a href='#' class="url-box" onclick="event.preventDefault();">
              <figure class='newsCard news-Slide-up '>
                <img src="https://dux.com.pe/site/wp-content/uploads/2021/09/planeamiento.jpg" />
                <div class='newsCaption px-4'>
                  <div class="d-flex align-items-center justify-content-between cnt-title">
                    <h5 class='newsCaption-title text-white m-0'>Planeamiento y desarrollo de proyecto</h5> <i class="fas fa-arrow-alt-circle-right "></i>
                  </div>
                </div>
                <span class="overlay"></span>
              </figure>
            </a>
          </div> <!-- end card1-->
      
          <div class="col-12 col-md-auto" data-bs-toggle="modal" data-bs-target="#modal-concursos">
            <a href='#' class="url-box" onclick="event.preventDefault();">
              <figure class='newsCard news-Slide-up '>
                <img src="https://dux.com.pe/site/wp-content/uploads/2021/09/concurso.jpg" />
                <div class='newsCaption px-4'>
                  <div class="d-flex align-items-center justify-content-between cnt-title">
                    <h5 class='newsCaption-title text-white m-0'>Concursos y adquisiciones de obra</h5> <i class="fas fa-arrow-alt-circle-right "></i>
                  </div>
                </div>
                <span class="overlay"></span>
              </figure>
            </a>
          </div> <!-- end card1-->
      
          <div class="col-12 col-md-auto" data-bs-toggle="modal" data-bs-target="#modal-gestiones1">
            <a href='#' class="url-box" onclick="event.preventDefault();">
              <figure class='newsCard news-Slide-up '>
                <img src="https://dux.com.pe/site/wp-content/uploads/2021/09/gestiones.jpg" />
                <div class='newsCaption px-4'>
                  <div class="d-flex align-items-center justify-content-between cnt-title">
                    <h5 class='newsCaption-title text-white m-0'>Gestiones y trámites ante entidades públicas y privadas</h5> <i class="fas fa-arrow-alt-circle-right "></i>
                  </div>
                </div>
                <span class="overlay"></span>
              </figure>
            </a>
          </div> <!-- end card1-->

          <div class="col-12 col-md-auto" data-bs-toggle="modal" data-bs-target="#modal-gestiones2">
            <a href='#' class="url-box" onclick="event.preventDefault();">
              <figure class='newsCard news-Slide-up '>
                <img src="https://dux.com.pe/site/wp-content/uploads/2021/09/construccion.jpg" />
                <div class='newsCaption px-4'>
                  <div class="d-flex align-items-center justify-content-between cnt-title">
                    <h5 class='newsCaption-title text-white m-0'>Gestión de la construcción</h5> <i class="fas fa-arrow-alt-circle-right "></i>
                  </div>
                </div>
                <span class="overlay"></span>
              </figure>
            </a>
          </div> <!-- end card1-->
      
          <div class="col-12 col-md-auto" data-bs-toggle="modal" data-bs-target="#modal-cierre">
            <a href='#' class="url-box" onclick="event.preventDefault();">
              <figure class='newsCard news-Slide-up '>
                <img src="https://dux.com.pe/site/wp-content/uploads/2021/09/cierre.jpg" />
                <div class='newsCaption px-4'>
                  <div class="d-flex align-items-center justify-content-between cnt-title">
                    <h5 class='newsCaption-title text-white m-0'>Cierre del proyecto, equipamiento y funcionamiento</h5> <i class="fas fa-arrow-alt-circle-right "></i>
                  </div>
                </div>
                <span class="overlay"></span>
              </figure>
            </a>
          </div> <!-- end card1-->
          
        </div>

      </div>
    </section><!-- End Services Section -->

    <!-- ======= Facts Section ======= -->
    <section id="facts">
      <div class="container" data-aos="fade-up">

        <header class="section-header">
          <h3>Proyectos</h3>
          <p>Dux cuenta con un equipo formado por reconocidos especialistas en el sector de la construcción. A continuación, les presentamos algunos de los proyectos liderados por nuestros profesionales</p>
        </header>

        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
          <div class="col">
            <div class="card">
              <div class="card-image-wrapper">
                <img src="https://dux.com.pe/site/wp-content/uploads/2021/09/20210317_115641-1024x485.jpg" class="card-img-top img-fluid" alt="...">
              </div>
              <div class="card-body">
                <h5 class="card-title">Remodelación Cineplanet Pro Real Plaza Pro</h5>
                <p class="card-text">
                  Ciudad: San Martín de Porres, Lima<br/>
                  Área proyecto: 3,155 m2<br/>
                  Inversión obra: S/ 1,770,000.00<br/>
                </p>
              </div>
            </div>
          </div>
          
          <div class="col">
            <div class="card">
              <div class="card-image-wrapper">
                <img src="https://dux.com.pe/site/wp-content/uploads/2023/02/urban-plaza-b-768x1024.jpg" class="card-img-top img-fluid" alt="...">
              </div>
              
              <div class="card-body">
                <h5 class="card-title">Strip Mall Urban Plaza</h5>
                <p class="card-text">
                  Ciudad: Surco, Lima<br/>
                  Área proyecto: 15,600 m2<br/>
                  Inversión obra: S/ 34,000,000.00<br/>
                </p>
              </div>
            </div>
          </div>
          
          <div class="col">
            <div class="card">
              <div class="card-image-wrapper">
                <img src="https://dux.com.pe/site/wp-content/uploads/2023/02/cineplanet-comas-a-1024x1022.jpg" class="card-img-top img-fluid" alt="...">
              </div>
              
              <div class="card-body">
                <h5 class="card-title">Remodelación Cineplanet Comas</h5>
                <p class="card-text">
                  Ciudad: Comas, Lima<br/>
                  Área proyecto: 3,500 m2<br/>
                  Inversión obra: S/ 2,360,000.00<br/>
                </p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="card">
              <div class="card-image-wrapper">
                <img src="https://dux.com.pe/site/wp-content/uploads/2023/02/cineplanet-canto-a-1024x1017.jpg" class="card-img-top img-fluid" alt="...">
              </div>
              
              <div class="card-body">
                <h5 class="card-title">Implementación Cineplanet Canto Grande</h5>
                <p class="card-text">
                  Ciudad: San Juan de Lurigancho, Lima<br/>
                  Área proyecto: 2,000 m2<br/>
                  Inversión obra: S/ 7,670,000.00<br/>
                </p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="card">
              <div class="card-image-wrapper">
                <img src="https://dux.com.pe/site/wp-content/uploads/2023/02/cineplanet-centro-a-1021x1024.jpg" class="card-img-top img-fluid" alt="...">
              </div>
              
              <div class="card-body">
                <h5 class="card-title">Remodelación Cineplanet Centro</h5>
                <p class="card-text">
                  Ciudad: Cercado, Lima<br/>
                  Área proyecto: 3,591 m2<br/>
                  Inversión obra: S/ 1,600,000.00<br/>
                </p>
              </div>
            </div>
          </div>

          <div class="col">
            <div class="card">
              <div class="card-image-wrapper">
                <img src="https://dux.com.pe/site/wp-content/uploads/2023/02/torre-67-a-1024x976.jpg" class="card-img-top img-fluid" alt="...">
              </div>
              
              <div class="card-body">
                <h5 class="card-title">Implementación Oficinas Coworking Torre 6-7</h5>
                <p class="card-text">
                  Ciudad: Miraflores, Lima<br/>
                  Área proyecto: 700 m2<br/>
                  Inversión obra: S/ 1,220,000.00<br/>
                </p>
              </div>
            </div>
          </div>
        </div>
        <br/>
        <div class="row counters">

          <div class="col-lg-3 col-6 text-center">
            <span data-purecounter-start="0" data-purecounter-end="20" data-purecounter-duration="1" class="purecounter"></span>
            <p>Años de experiencia</p>
          </div>

          <div class="col-lg-3 col-6 text-center">
            <span data-purecounter-start="0" data-purecounter-end="1421" data-purecounter-duration="1" class="purecounter"></span>
            <p>M2 gerenciados</p>
          </div>

          <div class="col-lg-3 col-6 text-center">
            <span data-purecounter-start="0" data-purecounter-end="15" data-purecounter-duration="1" class="purecounter"></span>
            <p>Proyectos realizados</p>
          </div>

          <div class="col-lg-3 col-6 text-center">
            <span data-purecounter-start="0" data-purecounter-end="5" data-purecounter-duration="1" class="purecounter"></span>
            <p>Millones gerenciados</p>
          </div>

        </div>

      </div>
    </section><!-- End Facts Section -->

    <!-- ======= Our Clients Section ======= -->
    <section id="clients">
      <div class="container" data-aos="zoom-in">

        <header class="section-header">
          <h3>Clientes</h3>
        </header>

        <div class="clients-slider swiper">
          <div class="swiper-wrapper align-items-center">
            <div class="swiper-slide"><img src="https://dux.com.pe/site/wp-content/uploads/2021/09/Logo-Cineplanet.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="https://dux.com.pe/site/wp-content/uploads/2021/09/logo_Protecta-Security.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="https://dux.com.pe/site/wp-content/uploads/2023/02/ngr.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="https://dux.com.pe/site/wp-content/uploads/2023/02/komatsu.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="https://dux.com.pe/site/wp-content/uploads/2023/02/abraham-lincoln.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="https://dux.com.pe/site/wp-content/uploads/2023/02/swisscapitals.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="https://dux.com.pe/site/wp-content/uploads/2023/02/lafundadora.png" class="img-fluid" alt=""></div>
            <div class="swiper-slide"><img src="https://dux.com.pe/site/wp-content/uploads/2023/02/cartera-inmobiliaria.png" class="img-fluid" alt=""></div>
          </div>
          <div class="swiper-pagination"></div>
        </div>

      </div>
    </section><!-- End Our Clients Section -->

    <!-- ======= Contact Section ======= -->
    <section id="contact" class="section-bg">
      <div class="container" data-aos="fade-up">

        <div class="section-header">
          <h3>Contactanos</h3>
        </div>

        <div class="row contact-info">

          <div class="col-md-4">
            <div class="contact-address">
              <i class="bi bi-geo-alt"></i>
              <h3>Dirección</h3>
              <address>Calle Francisco Graña 653, Magdalena del Mar – Lima</address>
            </div>
          </div>

          <div class="col-md-4">
            <div class="contact-phone">
              <i class="bi bi-phone"></i>
              <h3>Teléfono</h3>
              <p><a href="tel:+155895548855">991471932 | 973962205</a></p>
            </div>
          </div>

          <div class="col-md-4">
            <div class="contact-email">
              <i class="bi bi-envelope"></i>
              <h3>Email</h3>
              <p><a href="mailto:info@example.com">contactos@dux.com.pe</a></p>
            </div>
          </div>

        </div>
      </div>
    </section><!-- End Contact Section -->

  </main><!-- End #main -->

  <!-- ======= Footer ======= -->
  <footer id="footer">
    <div class="footer-top">
      <div class="container">
        <div class="row">

          <div class="col-lg-3 col-md-6 footer-info">
            <h3>DUX</h3>
            <p>Dux es el resultado de grandes ideas. Fieles al valor de cada una de ellas, hemos consolidado un equipo altamente experimentado y caracterizado por la autenticidad, compromiso e innovación. Nuestra historia se cuenta con cifras, hechos y reconocimientos en el continuo trabajo que realizamos con el objetivo de revolucionar la gestión de la construcción en el país.</p>
          </div>

          <div class="col-lg-3 col-md-6 footer-links">
            <ul>
              <li><i class="bi bi-chevron-right"></i> <a href="#">Nosotros</a></li>
              <li><i class="bi bi-chevron-right"></i> <a href="#">Lineas de negocio</a></li>
              <li><i class="bi bi-chevron-right"></i> <a href="#">Proyectos</a></li>
              <li><i class="bi bi-chevron-right"></i> <a href="#">Contactanos</a></li>
            </ul>
          </div>

          <div class="col-lg-3 col-md-6 footer-contact">
            <h4>Dirección</h4>
            <p>
              Calle Francisco Graña 653<br>
              Magdalena del Mar<br>
              Lima, Perú <br>
            </p>

            <div class="social-links">
              <a href="#" class="twitter"><i class="bi bi-twitter"></i></a>
              <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
              <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
              <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
              <a href="#" class="linkedin"><i class="bi bi-linkedin"></i></a>
            </div>

          </div>

          <div class="col-lg-3 col-md-6 footer-newsletter">
            <h4>Contacto</h4>
            <b>Correo</b>
            <p>contactos@dux.com.pe</p>
            <b>Teléfono</b>
            <p>991471932 | 973962205</p>
          </div>

        </div>
      </div>
    </div>
  </footer><!-- End Footer -->


  <a class="float-button" target="_blank" href="https://faq.whatsapp.com/general/chats/how-to-use-click-to-chat/?lang=en" style="right: 15px; bottom: 100px;">
    <i class="bi bi-whatsapp" aria-hidden="true"></i>
    <span>Contactar<span>
  </a>
  

  <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
  <!-- Uncomment below i you want to use a preloader -->
  <!-- <div id="preloader"></div> -->

  <!-- Vendor JS Files -->
  <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
  <script src="assets/vendor/aos/aos.js"></script>
  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
  <script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
  <script src="assets/vendor/php-email-form/validate.js"></script>

  <!-- Template Main JS File -->
  <script src="assets/js/main.js"></script>

<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
  // Get the current URL, removing any fragment
  var documentUrl = document.location.href.replace(/#.*$/, '')

  // Iterate through all links
  var linkEls = document.getElementsByTagName('A')
  for (var linkIndex = 0; linkIndex < linkEls.length; linkIndex++) {
    var linkEl = linkEls[linkIndex]

    // Ignore links that don't begin with #
    if (!linkEl.getAttribute('href').match(/^#/)) {
      continue;
    }

    // Convert to an absolute URL
    linkEl.setAttribute('href', documentUrl + linkEl.getAttribute('href'))
  }
})    
</script>

</body>

</html>