{% extends 'base.html.twig' %}

{% block content %}

<section class="about py-lg-5 py-md-5 py-5">
        <div class="container py-md-5 ">
            <div class="inner-sec-wthree py-lg-5 py-5">
                <h3 class="tittle text-uppercase text-center mb-lg-5 mb-3 inner-tittle py-md-3"><span class="sub-tittle">Features.</span> Competitive Services</h3>
                <div class="feature-grids row mb-lg-3 mb-3">
                    <div class="col-lg-4 p-0" data-aos="zoom-in">
                        <div class="bottom-gd p-5">
                            <h3 class="my-3"> <span class="fa fa-cubes" aria-hidden="true"></span> Raw Sugar</h3>
                        </div>
                    </div>
                    <div class="col-lg-4 p-0" data-aos="zoom-in">
                        <div class="bottom-gd2-active p-5">
                            <h3 class="my-3"> <span class="fa fa-cubes" aria-hidden="true"></span> Refined Sugar</h3>
                        </div>
                    </div>
                    <div class="col-lg-4 p-0" data-aos="zoom-in">
                        <div class="bottom-gd p-5">
                            <h3 class="my-3"> <span class="fa fa-database" aria-hidden="true"></span> Molasses</h3>
                        </div>
                    </div>

                </div>
                <div class="feature-grids row mb-lg-3 mb-3">
                    <div class="col-lg-4 p-0" data-aos="zoom-in">
                        <div class="bottom-gd p-5">
                            <h3 class="my-3"> <span class="fa fa-university" aria-hidden="true"></span> Sugar Warehousing</h3>
                        </div>
                    </div>
                    <div class="col-lg-4 p-0" data-aos="zoom-in">
                        <div class="bottom-gd2-active p-5">
                            <h3 class="my-3"> <span class="fa fa-bolt" aria-hidden="true"></span> Electric Power</h3>
                        </div>
                    </div>
                </div>
                <!-- services -->
                <div class="fetured-info pt-lg-5">
                    <h3 class="tittle text-uppercase text-center my-lg-5 my-3"><span class="sub-tittle">What we do</span> Our Featured Services</h3>
                    <div class="row fetured-sec mt-lg-5">

                        <div class="col-lg-6 serv_bottom">
                            <div class="featured-left text-center">
                                <div class="bottom-gd fea p-5 my-3" data-aos="fade-left">
                                    <span class="fa fa-certificate" aria-hidden="true"></span>
                                    <h3 class="my-3 text-uppercase">Sugar Milling</h3>
                                    <p class="px-lg-3">We mill sugarcane to produce quality raw and refined sugar that is competitive domestic and abroad.</p>
                                </div>
                                <div class="bottom-gd fea p-5 my-3" data-aos="fade-left">
                                    <span class="fa fa-bolt" aria-hidden="true"></span>
                                    <h3 class="my-3 text-uppercase">Electricity Producer</h3>
                                    <p class="px-lg-3">We produce electricity during milling season to supply our own and the community through our partnership with 
                                    Davao del Sur Electric Coopertive (DASURECO).</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6 p-0">
                            <img src="img/home/img1.jpg" class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
                <!-- //services -->
            </div>
        </div>
    </section>
    {% endblock %}