{% 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> Our Yearly Activities</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-tint" aria-hidden="true"></span>Blood Letting</h3>
                            <p align="justify">Donate your blood for a reason, let the reason to be life. Bring a life back to power.</p>
                            <br></br>
                            <p>Knbalki</p>
                        </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-heartbeat" aria-hidden="true"></span>Physical Examination</h3>
                            <p align="justify">Thinking of disease constantly will intensify it. Feel always 'I am healthy in body and in mind'.</p>
                            <br></br>
                            <p>Swami Sivananda</p>
                        </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-trophy" aria-hidden="true"></span>Sports Festival</h3>
                            <p align="justify">I love winning, it feels good,  I can take the losing, its fine, but most of all, I so damn love to play.</p>
                            <br></br>
                            <p>Boris Becker</p>
                        </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-users" aria-hidden="true"></span>Team Building</h3>
                            <p align="justify">Coming together is a beginning, keeping together is progress, working together is success.</p>
                            <br></br>
                            <p>Henry Ford</p>
                        </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-hand-spock-o" aria-hidden="true"></span>Last Cane Party</h3>
                            <p align="justify">You know another word for “party”? Celebration. You know another word for “celebrate”? Have Fun.</p>
                            <br></br>
                            <p>George Saunders</p>
                        </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-tree" aria-hidden="true"></span>Christmas Party</h3>
                            <p align="justify">Christmas waves a magic wand over this world, and behold, everything is softer and more beautiful.</p>
                            <br></br>
                            <p>Norman Vincent Peal</p>
                        </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 %}