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

<section class="counterweights-one-section">
    <img src="img/sanitary/banner.jpg" alt="" class="cwos-img">
    <div class="cwos-div">
        <p class="cwos-p"
            data-aos="fade-right"
            data-aos-duration="1000"
            data-aos-delay="300"
            data-aos-easing="ease-out-cubic">Sanitary Storm Drain</p>
    </div>
</section>

<?php include 'categories.php'; ?>

<section class="counterweights-two-section">
    <div class="cwts-div">
        <div class="row">

            <div class="col-md-4" style="border-right:  1px solid #d0d0d0;">
                <img src="img/manhole/manhole.png" alt="" class="cwts-img3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="300"
                    data-aos-easing="ease-out-cubic">
                <p class="cwts-p3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="500"
                    data-aos-easing="ease-out-cubic"><span class="os-span">Manhole</span></p>

                <ul class="cwts-ul">
                    <li>ID MONOLITHIC BASE</li>
                    <li>ID RISER</li>
                    <li>FLAT TOP LID</li>
                    <li>CONCENTRIC CONE, 24" AND 30" OPENING</li>
                    <li>ECCENTRIC CONE, 24" AND 30" OPENING</li>
                </ul>

                <a href="manhole.php" class="btn-gallery" id="inlet-gallery">Gallery</a>
            </div>

            <div class="col-md-4" style="border-right:  1px solid #d0d0d0;">
                <img src="img/inlet/inlet.png" alt="" class="cwts-img3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="600"
                    data-aos-easing="ease-out-cubic">
                <p class="cwts-p3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="800"
                    data-aos-easing="ease-out-cubic"><span class="os-span">Inlet</span></p>
                <ul class="cwts-ul">
                    <li>ID MONOLITHIC BASE</li>
                    <li>ID RISER</li>
                    <li>FLAT TOP LID</li>
                    <li>CONCENTRIC CONE, 24" AND 30" OPENING</li>
                    <li>ECCENTRIC CONE, 24" AND 30" OPENING</li>
                </ul>
                <a href="inlet.php" class="btn-gallery" id="inlet-gallery">Gallery</a>
            </div>

            <div class="col-md-4">
                <img src="img/sanitary/interceptor.png" alt="" class="cwts-img3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="900"
                    data-aos-easing="ease-out-cubic">
                <p class="cwts-p3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="1100"
                    data-aos-easing="ease-out-cubic"><span class="os-span">Interceptor</span></p>
                <ul class="cwts-ul">
                    <li>1250 GALLONS GREASE INTERCEPTOR</li>
                    <li>1500 GALLONS GREASE INTERCEPTOR</li>
                </ul>
                <!-- <button class="btn-gallery">Gallery</button> -->
            </div>

            <div class="col-md-4" style="border-right:  1px solid #d0d0d0;">
                <img src="img/sanitary/meter_box.png" alt="" class="cwts-img3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="1200"
                    data-aos-easing="ease-out-cubic">
                <p class="cwts-p3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="1400"
                    data-aos-easing="ease-out-cubic"><span class="os-span">Meter Box</span></p>
                <ul class="cwts-ul">
                    <li>METER BOX TYPE A</li>
                </ul>
               <a href="meterBox.php" class="btn-gallery" id="inlet-gallery">Gallery</a>
            </div>

            <div class="col-md-4">
                <img src="img/junctionBox/junctionBox.png" alt="" class="cwts-img3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="1500"
                    data-aos-easing="ease-out-cubic">
                <p class="cwts-p3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="1700"
                    data-aos-easing="ease-out-cubic"><span class="os-span">Junction Box</span></p>
                <ul class="cwts-ul">
                    <li>JUNCTION BOX</li>
                </ul>
                <a href="junctionBox.php" class="btn-gallery" id="inlet-gallery">Gallery</a>
            </div>

            <div class="col-md-4">
                <img src="img/controlBuilding/controlBuilding.png" alt="" class="cwts-img3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="1500"
                    data-aos-easing="ease-out-cubic">
                <p class="cwts-p3"
                    data-aos="fade-up"
                    data-aos-duration="1000"
                    data-aos-delay="1700"
                    data-aos-easing="ease-out-cubic"><span class="os-span">Control Building</span></p>
                <ul class="cwts-ul">
                    <li>CONTROL BUILDING</li>
                </ul>
                 <a href="controlBuilding.php" class="btn-gallery" id="inlet-gallery">Gallery</a>
            </div>

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

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