<%- include("../templates/cabecera", {tituloweb: 'Canchas Iztacalco' }) -%>
  <div class="img_fondo">

    <section class="text_ibrand col-lg-12 centro_imagenes altura-body pt-5">
      <h1>Entrega de la Transformación de las Canchas Iztacalco</h1>
    </section>

    <p>
      <div class="line3"></div>
    </p>
    <!---Cancha Zapata Vela--->
    <section class="pb-2 text_ibrand ">
        <div class="container mt-3" style="text-align: justify;">

            <div class="text_ibrand col-lg-12 centro_imagenes">
                <h1>Cancha Colonia Zapata Vela</h1>
            </div>

            <div id="c_z_vela" class="carousel slide" data-bs-ride="carousel">
            <div class="text-white">
                <div class="carousel-indicators indicators_color">

                <button type="button" data-bs-target="#c_z_vela" data-bs-slide-to="0" class="active" aria-current="true" 
                    aria-label="Slide 0"></button>

                <button type="button" data-bs-target="#c_z_vela" data-bs-slide-to="1" class="active" aria-current="true" 
                    aria-label="Slide 1"></button>

                <button type="button" data-bs-target="#c_z_vela" data-bs-slide-to="2" class="active" aria-current="true" 
                    aria-label="Slide 2"></button>

                <button type="button" data-bs-target="#c_z_vela" data-bs-slide-to="3" class="active" aria-current="true" 
                    aria-label="Slide 3"></button>

                </div>

                <div class="carousel-inner p-5">
                    <div class="carousel-item active" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/c_z_vela_1.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/c_z_vela_2.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/c_z_vela_3.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/c_z_vela_4.jpeg">
                    </div>
                   
                </div>

                <button class="carousel-control-prev " type="button" data-bs-target="#c_z_vela"
                    data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#c_z_vela"
                    data-bs-slide="next">
                <span class="carousel-control-next-icon next_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
                </button>
            </div>
            </div>
          
        

        </div>
      
    </section>
    
    <!---Canchas Hermanos Blancas Sur 20--->
    <section class="pb-2 text_ibrand ">
        <div class="container mt-3" style="text-align: justify;">

            <div class="text_ibrand col-lg-12 centro_imagenes">
                <h1>Canchas Hermanos Blancas Sur 20, Col. Agricola Oriental</h1>
            </div>

            <div id="h_blancas" class="carousel slide" data-bs-ride="carousel">
            <div class="text-white">
                <div class="carousel-indicators indicators_color">

                <button type="button" data-bs-target="#h_blancas" data-bs-slide-to="0" class="active" aria-current="true" 
                    aria-label="Slide 0"></button>

                <button type="button" data-bs-target="#h_blancas" data-bs-slide-to="1" class="active" aria-current="true" 
                    aria-label="Slide 1"></button>

                <button type="button" data-bs-target="#h_blancas" data-bs-slide-to="2" class="active" aria-current="true" 
                    aria-label="Slide 2"></button>

                <button type="button" data-bs-target="#h_blancas" data-bs-slide-to="3" class="active" aria-current="true" 
                    aria-label="Slide 3"></button>

                <button type="button" data-bs-target="#h_blancas" data-bs-slide-to="4" class="active" aria-current="true" 
                    aria-label="Slide 4"></button>

                

                </div>

                <div class="carousel-inner p-5">
                    <div class="carousel-item active" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/h_blancas_1.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/h_blancas_2.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/h_blancas_3.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/h_blancas_4.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/h_blancas_5.jpeg">
                    </div>
                    
                   
                </div>

                <button class="carousel-control-prev " type="button" data-bs-target="#h_blancas"
                    data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#h_blancas"
                    data-bs-slide="next">
                <span class="carousel-control-next-icon next_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
                </button>
            </div>
            </div>
          
        

        </div>
      
    </section>

    <!---Canchas Módulo Deportivo Canela--->
    <section class="pb-2 text_ibrand ">
        <div class="container mt-3" style="text-align: justify;">

            <div class="text_ibrand col-lg-12 centro_imagenes">
                <h1>Canchas Módulo Deportivo Canela, Col. Granjas México</h1>
            </div>

            <div id="canela" class="carousel slide" data-bs-ride="carousel">
            <div class="text-white">
                <div class="carousel-indicators indicators_color">

                <button type="button" data-bs-target="#canela" data-bs-slide-to="0" class="active" aria-current="true" 
                    aria-label="Slide 0"></button>

                <button type="button" data-bs-target="#canela" data-bs-slide-to="1" class="active" aria-current="true" 
                    aria-label="Slide 1"></button>

                <button type="button" data-bs-target="#canela" data-bs-slide-to="2" class="active" aria-current="true" 
                    aria-label="Slide 2"></button>

                <button type="button" data-bs-target="#canela" data-bs-slide-to="3" class="active" aria-current="true" 
                    aria-label="Slide 3"></button>

                <button type="button" data-bs-target="#canela" data-bs-slide-to="4" class="active" aria-current="true" 
                    aria-label="Slide 4"></button>

                

                </div>

                <div class="carousel-inner p-5">
                    <div class="carousel-item active" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/canela_1.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/canela_2.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/canela_3.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/canela_4.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/canela_5.jpeg">
                    </div>
                    
                   
                </div>

                <button class="carousel-control-prev " type="button" data-bs-target="#canela"
                    data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#canela"
                    data-bs-slide="next">
                <span class="carousel-control-next-icon next_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
                </button>
            </div>
            </div>
          
        

        </div>
      
    </section>

    <!---Canchas Calacas--->
    <section class="pb-2 text_ibrand ">
        <div class="container mt-3" style="text-align: justify;">

            <div class="text_ibrand col-lg-12 centro_imagenes">
                <h1>Canchas Calacas, Colonia Viaducto Piedad</h1>
            </div>

            <div id="viaducto" class="carousel slide" data-bs-ride="carousel">
            <div class="text-white">
                <div class="carousel-indicators indicators_color">

                <button type="button" data-bs-target="#viaducto" data-bs-slide-to="0" class="active" aria-current="true" 
                    aria-label="Slide 0"></button>

                <button type="button" data-bs-target="#viaducto" data-bs-slide-to="1" class="active" aria-current="true" 
                    aria-label="Slide 1"></button>

                <button type="button" data-bs-target="#viaducto" data-bs-slide-to="2" class="active" aria-current="true" 
                    aria-label="Slide 2"></button>

                <button type="button" data-bs-target="#viaducto" data-bs-slide-to="3" class="active" aria-current="true" 
                    aria-label="Slide 3"></button>

                                

                </div>

                <div class="carousel-inner p-5">
                    <div class="carousel-item active" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/viaducto_1.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/viaducto_2.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/viaducto_3.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/viaducto_4.jpeg">
                    </div>
                    
                    
                   
                </div>

                <button class="carousel-control-prev " type="button" data-bs-target="#viaducto"
                    data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#viaducto"
                    data-bs-slide="next">
                <span class="carousel-control-next-icon next_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
                </button>
            </div>
            </div>
          
        

        </div>
      
    </section>

    <!---Canchas Jardines Tecma--->
    <section class="pb-2 text_ibrand ">
        <div class="container mt-3" style="text-align: justify;">

            <div class="text_ibrand col-lg-12 centro_imagenes">
                <h1>Canchas Jardines Tecma</h1>
            </div>

            <div id="tecma" class="carousel slide" data-bs-ride="carousel">
            <div class="text-white">
                <div class="carousel-indicators indicators_color">

                <button type="button" data-bs-target="#tecma" data-bs-slide-to="0" class="active" aria-current="true" 
                    aria-label="Slide 0"></button>

                <button type="button" data-bs-target="#tecma" data-bs-slide-to="1" class="active" aria-current="true" 
                    aria-label="Slide 1"></button>

                <button type="button" data-bs-target="#tecma" data-bs-slide-to="2" class="active" aria-current="true" 
                    aria-label="Slide 2"></button>

                <button type="button" data-bs-target="#tecma" data-bs-slide-to="3" class="active" aria-current="true" 
                    aria-label="Slide 3"></button>

                                

                </div>

                <div class="carousel-inner p-5">
                    <div class="carousel-item active" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/tecma_1.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/tecma_2.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/tecma_3.jpeg">
                    </div>
                    <div class="carousel-item" data-bs-interval="2000">
                        <img class="d-block w-50 mx-auto" src="../../image/areas/canchas/tecma_4.jpeg">
                    </div>
                    
                    
                   
                </div>

                <button class="carousel-control-prev " type="button" data-bs-target="#tecma"
                    data-bs-slide="prev">
                <span class="carousel-control-prev-icon prev_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Previous</span>
                </button>
                <button class="carousel-control-next" type="button" data-bs-target="#tecma"
                    data-bs-slide="next">
                <span class="carousel-control-next-icon next_color zoom_target" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
                </button>
            </div>
            </div>
          
        

        </div>
      
    </section>


  </div>


<%- include("../templates/footer") -%>