<?php include 'views/header.php'; ?>
<section class="one-section" id="home">
    <div id="carouselExample" class="carousel slide" data-bs-ride="carousel" data-bs-interval="3000">
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="img/banners/BANNER1.jpg" alt="" class="os-img">
            </div>
            <div class="carousel-item">
                <img src="img/banners/BANNER2.jpg" alt="" class="os-img">
            </div>
            <div class="carousel-item">
                <img src="img/banners/BANNER3.jpg" alt="" class="os-img">
            </div>
            <div class="carousel-item">
                <img src="img/banners/BANNER4.jpg" alt="" class="os-img">
            </div>
            <div class="carousel-item">
                <img src="img/banners/BANNER5.jpg" alt="" class="os-img">
            </div>
        </div>
    </div>
    <div class="os-div">
        <p class="os-p"
            data-aos="fade-right"
            data-aos-duration="1000"
            data-aos-delay="300"
            data-aos-easing="ease-out-cubic">Reliable <span class="os-span">Precast Concrete</span> Solutions</p>
        <p class="os-p2"
            data-aos="fade-right"
            data-aos-duration="1000"
            data-aos-delay="500"
            data-aos-easing="ease-out-cubic">High quality products, certified processes, and nationwide distribution.</p>


        <!---
        
        <button class="btn btn-contact"
            data-aos="fade-right"
            data-aos-duration="1000"
            data-aos-delay="700"
            data-aos-easing="ease-out-cubic">CONTACT US</button>  --->
    </div>
</section>

<section class="two-section" id="products">
    <div class="ts-div">
        <p class="ts-p"
            data-aos="fade-down"
            data-aos-duration="1000"
            data-aos-delay="200"
            data-aos-easing="ease-out-cubic">Product <span class="os-span">Categories</span></p>
        <p class="ts-p2"
            data-aos="fade-down"
            data-aos-duration="1000"
            data-aos-delay="400"
            data-aos-easing="ease-out-cubic">We have engineering team to design and create any precast Concrete
            solution for any project.</p>

        <div class="row">
            
            
               <div class="col-md-6">
                <div class="ts-div2">
                    <div class="row">
                        <div class="col-6">
                            <img src="img/categories/sanitary.png" alt="" class="ts-img"
                                data-aos="fade-right"
                                data-aos-duration="1000"
                                data-aos-delay="1000"
                                data-aos-easing="ease-out-back">
                        </div>
                        <div class="col-6">
                            <p class="ts-p3">Sanitary
                                / Storm drain</p>
                            <a href="sanitary.php" class="btn btn-contact">SEE MORE</a>
                        </div>
                    </div>
                </div>
            </div>
            
            
            
                 <div class="col-md-6">
                <div class="ts-div2">
                    <div class="row">
                        <div class="col-6">
                            <img src="img/categories/electrical.png" alt="" class="ts-img"
                                data-aos="fade-left"
                                data-aos-duration="1000"
                                data-aos-delay="800"
                                data-aos-easing="ease-out-back">
                        </div>
                        <div class="col-6">
                            <p class="ts-p3">Electrical
                                Manholes & Handholes</p>
                            <a href="electrical.php" class="btn btn-contact">SEE MORE</a>
                        </div>
                    </div>
                </div>
            </div>
            
            
            
                 <div class="col-md-6">
                <div class="ts-div2">
                    <div class="row">
                        <div class="col-6">
                            <img src="img/categories/parking.png" alt="" class="ts-img"
                                data-aos="fade-left"
                                data-aos-duration="1000"
                                data-aos-delay="800"
                                data-aos-easing="ease-out-back">
                        </div>
                        <div class="col-6">
                            <p class="ts-p3">Parking
                                Stops</p>
                            <a href="parking.php" class="btn btn-contact">SEE MORE</a>
                        </div>
                    </div>
                </div>
            </div>
            
            
            
            
            
           
            
            

            <div class="col-md-6">
                <div class="ts-div2">
                    <div class="row">
                        <div class="col-6">
                            <img src="img/categories/eolica.png" alt="" class="ts-img"
                                data-aos="fade-left"
                                data-aos-duration="1000"
                                data-aos-delay="800"
                                data-aos-easing="ease-out-back">
                        </div>
                        <div class="col-6">
                            <p class="ts-p3">Renewable
                                Energy</p>
                            <a href="renewable.php" class="btn btn-contact">SEE MORE</a>
                        </div>
                    </div>
                </div>
            </div>
            
            

  
            
            
            

            <div class="col-md-6">
                <div class="ts-div2">
                    <div class="row">
                        <div class="col-6">
                            <img src="img/categories/spun.png" alt="" class="ts-img"
                                data-aos="fade-left"
                                data-aos-duration="1000"
                                data-aos-delay="1200"
                                data-aos-easing="ease-out-back">
                        </div>
                        <div class="col-6">
                            <p class="ts-p3">Spun
                                Concrete pole</p>
                            <a href="spun.php" class="btn btn-contact">SEE MORE</a>
                        </div>
                    </div>
                </div>
            </div>
            
            
            
            
             <div class="col-md-6">
                <div class="ts-div2">
                    <div class="row">
                        <div class="col-6">
                            <img src="img/categories/contrapeso.png" alt="" class="ts-img"
                                data-aos="fade-right"
                                data-aos-duration="1000"
                                data-aos-delay="600"
                                data-aos-easing="ease-out-back">
                        </div>
                        <div class="col-6">
                            <p class="ts-p3">Counterweights</p>
                            <a href="counterweights.php" class="btn btn-contact">SEE MORE</a>
                        </div>
                    </div>
                </div>
            </div>
            
            
            
            

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

<section class="three-section" id="certifications">
    <div class="ths-div">
        <div class="ths-container">
            <div class="ths-div2">
                <p class="ths-p"
                    data-aos="fade-right"
                    data-aos-duration="1000"
                    data-aos-delay="200"
                    data-aos-easing="ease-out-cubic">Certifications</p>
                <p class="ths-p2"
                    data-aos="fade-right"
                    data-aos-duration="1000"
                    data-aos-delay="400"
                    data-aos-easing="ease-out-cubic">We are member of National Precast Concrete Association.</p>
                <p class="ths-p3"
                    data-aos="fade-right"
                    data-aos-duration="1000"
                    data-aos-delay="600"
                    data-aos-easing="ease-out-cubic">From Six Sigma to Lean Manufacturing, HA Precast uses the most
                    prestigious methods of quality control that our customers expect.</p>

                <p class="ths-p3"
                    data-aos="fade-right"
                    data-aos-duration="1000"
                    data-aos-delay="800"
                    data-aos-easing="ease-out-cubic">HA Precast earned Mexico's 2006 National Council of Science and
                    Technology prize for the implementation of Fiscal Stimulus for Research
                    and Technology Development.</p>

                <div class="row" id="ths-logos">
                    <div class="col-4">
                        <img src="img/SGS.png" alt="" class="ths-img"
                            data-aos="zoom-in"
                            data-aos-duration="800"
                            data-aos-delay="1000"
                            data-aos-easing="ease-out-back">
                    </div>
                    <div class="col-4">
                        <img src="img/ASTM LOGO.png" alt="" class="ths-img"
                            data-aos="zoom-in"
                            data-aos-duration="800"
                            data-aos-delay="1100"
                            data-aos-easing="ease-out-back">
                    </div>
                    <div class="col-4">
                        <img src="img/NPCA.png" alt="" class="ths-img"
                            data-aos="zoom-in"
                            data-aos-duration="800"
                            data-aos-delay="1200"
                            data-aos-easing="ease-out-back">
                    </div>
                </div>
            </div>
            <img src="img/certifications.jpg" alt="" class="ths-img2"
                data-aos="fade-left"
                data-aos-duration="1200"
                data-aos-delay="300"
                data-aos-easing="ease-out-cubic">
        </div>
    </div>
</section>

<section class="four-section" id="facilities">
    <img src="img/mapa.png" alt="" class="fs-img"
        data-aos="fade-up"
        data-aos-duration="1200"
        data-aos-delay="300"
        data-aos-easing="ease-out-cubic">


    <i class="bi bi-geo-alt-fill fs-i2"> <!-- El Paso -->
        <div class="tooltip">
            <strong> 12301 Rojas <br>
            Dr.Suite B26. El Paso, TX 79928</strong><br>
            El Paso, Texas Estados Unidos
        </div>
    </i>
    <i class="bi bi-geo-alt-fill fs-i6"> <!-- San Antonio -->
        <div class="tooltip">
            <strong>San Antonio Office<br>
            123 Commerce St. Suite 200<br>
            San Antonio, TX 78205</strong><br>
            San Antonio, Texas Estados Unidos
        </div>
    </i>
    <i class="bi bi-geo-alt-fill fs-i"> <!-- Juarez -->
        <div class="tooltip">
        <strong>Blvd. Independencia #260 <br>
        Col. Zaragoza C.P. 32701</strong><br>
        Cd. Juárez, Chih. México
    </div>
    </i>
    <i class="bi bi-geo-alt-fill fs-i3"> <!-- Torreón -->
        <div class="tooltip">
            <strong>Corporativo<br>
            Carr. Cementos Mexicanos S/N<br>
            Col. Las Luisas C.P. 27390</strong><br>
            Torreón, Coah. México
        </div>
    </i>
    <i class="bi bi-geo-alt-fill fs-i4"> <!-- Monterey -->
        <div class="tooltip">
            <strong>Carr. Monterrey - Monclova <br>
            Km. 19.5 Col. Abasolo, Abasolo, N.L.</strong><br>
            Monterrey, N.L. México
        </div>
    </i>
    <i class="bi bi-geo-alt-fill fs-i5"> <!-- Pachuca -->
        <div class="tooltip">
            <strong> Av. Revolución #231 Col. <br>
            Lázaro Cárdenas, Acayuca, Hgo. C.P. 42191</strong><br>
            Pachuca, Hgo. México
        </div>
    </i>
    

    <div class="fs-div">
        <p class="fs-p"
            data-aos="fade-down"
            data-aos-duration="1000"
            data-aos-delay="500"
            data-aos-easing="ease-out-cubic">Our <span class="os-span">Facilities</span></p>
        <p class="fs-p2"
            data-aos="fade-down"
            data-aos-duration="1000"
            data-aos-delay="700"
            data-aos-easing="ease-out-cubic">We have all the necessary laboratory facilities to analyze each and every one of
            our components for efficient production of our products.</p>
    </div>

    <div class="fs-div2">
        <div class="row">
            <div class="col-6">
                <img src="img/elPaso.png" alt="" class="fs-img2"
                    data-aos="flip-left"
                    data-aos-duration="1000"
                    data-aos-delay="900"
                    data-aos-easing="ease-out-cubic">
                <p class="fs-p3">El Paso</p>
                <p href="" class="fs-a">Offices</p>
            </div>
            
            <div class="col-6">
                <img src="img/mex.png" alt="" class="fs-img2"
                    data-aos="flip-right"
                    data-aos-duration="1000"
                    data-aos-delay="1100"
                    data-aos-easing="ease-out-cubic">
                <p class="fs-p3">Cd. Juárez</p>
                <p href="" class="fs-a">Facilities</p>
            </div>
        </div>
    </div>

</section>

<section class="five-section">
    <img src="img/banner.png" alt="" class="fis-img">
    <p class="fis-p">Delivering <span class="fis-span">Strength, Quality, and Reliability.</span></p>
</section>

<section class="six-section" id="aboutUs">
    <div class="ss-div">
        <p class="ss-p"
            data-aos="fade-down"
            data-aos-duration="1000"
            data-aos-delay="200"
            data-aos-easing="ease-out-cubic"><span class="os-span">About us</span></p>
        <p class="ss-p2"
            data-aos="fade-down"
            data-aos-duration="1000"
            data-aos-delay="400"
            data-aos-easing="ease-out-cubic">We are determined to be a market leader in precast concrete, having
            distributors in major cities throughout Mexico and the U.S.</p>

        <div class="row" id="us">
            <div class="col-md-4">
                <div class="row">
                    <div class="col-md-4" id="technologies">
                        <img src="img/regla.png" alt="" class="ss-img"
                            data-aos="zoom-in"
                            data-aos-duration="800"
                            data-aos-delay="600"
                            data-aos-easing="ease-out-back">
                    </div>
                    <div class="col-md-8">
                        <p class="ss-p3"
                            data-aos="fade-left"
                            data-aos-duration="1000"
                            data-aos-delay="700"
                            data-aos-easing="ease-out-cubic">We have an engineering team to design and create any precast concrete solution for any project.</p>
                    </div>

                    <div class="col-md-4" id="technologies">
                        <img src="img/engrane.png" alt="" class="ss-img"
                            data-aos="zoom-in"
                            data-aos-duration="800"
                            data-aos-delay="900"
                            data-aos-easing="ease-out-back">
                    </div>
                    <div class="col-md-8">
                        <p class="ss-p3"
                            data-aos="fade-left"
                            data-aos-duration="1000"
                            data-aos-delay="1000"
                            data-aos-easing="ease-out-cubic">Our technical department and our facilities have the last test technology for the manufacturing of high performance concrete.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-8">
                <div class="row">
                    <div class="col-md-2" id="technologies">
                        <img src="img/grua.png" alt="" class="ss-img"
                            data-aos="zoom-in"
                            data-aos-duration="800"
                            data-aos-delay="1200"
                            data-aos-easing="ease-out-back">
                    </div>
                    <div class="col-md-10">
                        <p class="ss-p3"
                            data-aos="fade-right"
                            data-aos-duration="1000"
                            data-aos-delay="1300"
                            data-aos-easing="ease-out-cubic">We have consistently acquired various technologies and machinery such as automatic concrete mixers, vibrators, contact and timed automated carousel, stamping, bending and metal cutting to meet the quality that our national and international customers expect.</p>
                    </div>

                    <div class="col-md-2" id="technologies">
                        <img src="img/paloma.png" alt="" class="ss-img"
                            data-aos="zoom-in"
                            data-aos-duration="800"
                            data-aos-delay="1500"
                            data-aos-easing="ease-out-back">
                    </div>
                    <div class="col-md-10">
                        <p class="ss-p3"
                            data-aos="fade-right"
                            data-aos-duration="1000"
                            data-aos-delay="1600"
                            data-aos-easing="ease-out-cubic">We are active members of IMCYC (Mexican Institute of Cement and Concrete) and have the approval of the Federal Electricity Commission and certificates of approval for Prototyping and Producer Approved Plants.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="seven-section" id="gallery">
    <div class="ses-div">
        <p class="ses-p"
            data-aos="fade-down"
            data-aos-duration="1000"
            data-aos-delay="200"
            data-aos-easing="ease-out-cubic">Gallery</p>
        <div id="carouselExampleFade" class="carousel slide carousel-fade">
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="ses-container">
                        <div class="ses-div2">
                            <img src="img/galeria/1.png" alt=""
                                data-aos="fade-left"
                                data-aos-duration="1000"
                                data-aos-delay="400"
                                data-aos-easing="ease-out-back">
                            <img src="img/galeria/2.png" alt=""
                                data-aos="fade-left"
                                data-aos-duration="1000"
                                data-aos-delay="600"
                                data-aos-easing="ease-out-back">
                        </div>
                        <img src="img/galeria/4.png" alt="" class="ses-img"
                            data-aos="fade-up"
                            data-aos-duration="1000"
                            data-aos-delay="800"
                            data-aos-easing="ease-out-back">
                        <div class="ses-div3">
                            <div class="ses-div4">
                                <img src="img/galeria/3.png" alt=""
                                    data-aos="fade-down"
                                    data-aos-duration="1000"
                                    data-aos-delay="1000"
                                    data-aos-easing="ease-out-back">
                                <img src="img/galeria/5.png" alt=""
                                    data-aos="fade-down"
                                    data-aos-duration="1000"
                                    data-aos-delay="1200"
                                    data-aos-easing="ease-out-back">
                            </div>
                            <img src="img/galeria/6.png" alt=""
                                data-aos="fade-up"
                                data-aos-duration="1000"
                                data-aos-delay="1400"
                                data-aos-easing="ease-out-back">
                        </div>
                    </div>
                </div>
                <div class="carousel-item">
                    <div class="ses-container">
                        <div class="ses-div2">
                            <img src="img/galeria/8.png" alt=""
                                data-aos="fade-left"
                                data-aos-duration="1000"
                                data-aos-delay="600"
                                data-aos-easing="ease-out-back">
                            <img src="img/galeria/9.png" alt=""
                                data-aos="fade-left"
                                data-aos-duration="1000"
                                data-aos-delay="400"
                                data-aos-easing="ease-out-back">
                        </div>
                        <img src="img/galeria/7.png" alt="" class="ses-img"
                            data-aos="fade-up"
                            data-aos-duration="1000"
                            data-aos-delay="800"
                            data-aos-easing="ease-out-back">
                        <div class="ses-div3">
                            <div class="ses-div4">
                                <img src="img/galeria/11.png" alt=""
                                    data-aos="fade-down"
                                    data-aos-duration="1000"
                                    data-aos-delay="1000"
                                    data-aos-easing="ease-out-back">
                                <img src="img/galeria/12.png" alt=""
                                    data-aos="fade-down"
                                    data-aos-duration="1000"
                                    data-aos-delay="1200"
                                    data-aos-easing="ease-out-back">
                            </div>
                            <img src="img/galeria/10.png" alt=""
                                data-aos="fade-up"
                                data-aos-duration="1000"
                                data-aos-delay="1400"
                                data-aos-easing="ease-out-back">
                        </div>
                    </div>
                </div>
            </div>
            <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" 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="#carouselExampleFade" data-bs-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="visually-hidden">Next</span>
            </button>
        </div>
    </div>
</section>

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