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

{% block content %}
     <div class="main-content" id="home">
        <section class="banner-w3layouts">
            <div class="container">
                <div class="row banner-w3layouts-grids">
                    <div class="col-lg-6 banner-w3layouts-info">
                        <h2 data-aos="fade-up">Davao Sugar Central Co. Inc.
                        </h2>
                        <p class="mb-5" data-aos="fade-up"> Is a manufacturing company that mills sugarcane to produce raw and refine sugar.</p>
                        <div class="header-right">
                        <a href="{{ path('about') }}" class="contact">Read More</a>
                        </div>
                    </div>
                    <div class="col-lg-6 banner-w3layouts-image mt-5" >
                        <img src={{ asset('img/home/logo-ingat.png') }} alt="" class="img-fluid image1">
                    </div>
                </div>
            </div>
        </section>
    </div>

    <section class="about py-lg-5 py-md-5 py-3">
        <div class="container">
            <div class="inner-sec-wthree py-lg-5 py-3">
                <h3 class="tittle text-uppercase text-center mb-lg-5 mb-3"><span class="sub-tittle">---</span> Our Company</h3>
                <div class="feature-grids row mb-lg-5 mb-3">
                    <div class="col-lg-4 p-0" data-aos="fade-up">
                        <div class="bottom-gd p-5">

                            <h3 class="my-3"> <span class="fa fa-diamond" aria-hidden="true"></span>Corporate Values</h3>
                            <li> Integrity - dignity of work and honorable business undertaking.</li>
                            <li> Quality - obsessed with total quality for excellence.</li>
                            <li> Cost and Productivity - agressive cost reduction and productivity enhancement.</li>
                            <li> Customer Focused - attention to customer needs.</li>
                            <li> Excellence - committed to doing the best we can.</li>
                        </div>
                    </div>
                    <div class="col-lg-4 p-0" data-aos="fade-up">
                        <div class="bottom-gd2-active p-5">

                            <h3 class="my-3"> <span class="fa fa-diamond" aria-hidden="true"></span>People Values</h3>
                            <li> Respect for our people - respect for each other and our people.</li>
                            <li> Leadership - servant leadership and mentoring.</li>
                            <li> Initiative and Teamwork - individual initiative and teamwork.</li>
                        </div>
                    </div>
                    <div class="col-lg-4 p-0" data-aos="fade-up">
                        <div class="bottom-gd p-5">
                            <h3 class="my-3"> <span class="fa fa-diamond" aria-hidden="true"></span>Community Values</h3>
                            <li> Respect for our partners- respect and fairness in dealing with our business partners.</li>
                            <li> Social Responsibility - responsibility to the larger community.</li>
                        </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={{ asset('img/home/img1.jpg') }} class="img-fluid" alt="">
                        </div>
                    </div>
                </div>
                <!-- //services -->
            </div>
        </div>
    </section>
    <!-- //ab -->
    <!--/counter-->
    <!--<section class="stats py-lg-5 py-4">
        <div class="container">
            <div class="row text-center">
                <div class="col">
                    <div class="counter">
                        <h3 class="timer count-title count-number" data-to="100" data-speed="1500"></h3>
                        <p class="count-text ">Support</p>
                    </div>
                </div>
                <div class="col">
                    <div class="counter">
                        <h3 class="timer count-title count-number" data-to="1700" data-speed="1500"></h3>
                        <p class="count-text ">Happy Hours</p>
                    </div>
                </div>
                <div class="col">
                    <div class="counter">
                        <h3 class="timer count-title count-number" data-to="11900" data-speed="1500"></h3>
                        <p class="count-text ">Project Complete</p>
                    </div>
                </div>
                <div class="col">
                    <div class="counter">
                        <h3 class="timer count-title count-number" data-to="157" data-speed="1500"></h3>
                        <p class="count-text ">Cups of Coffee</p>
                    </div>
                </div>
            </div>
        </div>
    </section>-->
    <!--//counter-->
    <!--//team -->
    <section class="banner-w3layouts-bottom py-lg-5 py-4">
        <div class="container">
            <div class="inner-sec-wthree py-lg-5 py-4 speak">
                <h3 class="tittle text-uppercase text-center my-lg-5 my-3"><span class="sub-tittle">Amazing People</span> Our Great Team</h3>
                <div class="row mt-lg-5 mt-4">
                    <div class="col-md-4 team-gd text-center" data-aos="fade-right">
                        <div class="team-img mb-4">
                            <img src={{ asset('img/home/team.jpg') }} class="img-fluid rounded-circle" alt="user-image">
                        </div>
                        <div class="team-info">
                            <h3 class="mt-md-4 mt-3"><span class="sub-tittle-team">Executive Vice President and COO</span> Constancio Galinato</h3>
                            <!--<p>Lorem Ipsum has been the industry's standard since the 1500s.</p>-->
                            <ul class="social_section_1info mt-md-4 mt-3">
                                <!--<li class="mb-2 facebook"><a href="#"><i class="fa fa-facebook mr-1"></i>facebook</a></li>-->
                                <li class="google"><a href="#"><i class="fa fa-google-plus mr-1"></i>google</a></li>
                                <li class="linkedin"><a href="#"><i class="fa fa-linkedin mr-1"></i>linkedin</a></li>
                            </ul>
                        </div>
                    </div>

                    <div class="col-md-4 team-gd second text-center">
                        <div class="team-img mb-4">
                            <img src="img/home/team1.jpg" class="img-fluid rounded-circle" alt="user-image">
                        </div>
                        <div class="team-info">
                            <h3 class="mt-md-4 mt-3"><span class="sub-tittle-team">Corporate HR Manager</span>Verna Mae Gallardo</h3>
                            <!--<p>Lorem Ipsum has been the industry's standard since the 1500s.</p>-->
                            <ul class="social_section_1info mt-md-4 mt-3">
                                <!--<li class="mb-2 facebook"><a href="#"><i class="fa fa-facebook mr-1"></i>facebook</a></li>-->
                                <li class="google"><a href="#"><i class="fa fa-google-plus mr-1"></i>google</a></li>
                                <li class="linkedin"><a href="#"><i class="fa fa-linkedin mr-1"></i>linkedin</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-4 team-gd text-center" data-aos="fade-left">
                        <div class="team-img mb-4">
                            <img src={{ asset('img/home/team2.jpg') }} class="img-fluid rounded-circle" alt="user-image">
                        </div>
                        <div class="team-info">
                            <h3 class="mt-md-4 mt-3"><span class="sub-tittle-team">Factory Manager</span>Wilfredo Sta. Ana</h3>
                            <!--<p>Lorem Ipsum has been the industry's standard since the 1500s.</p>-->
                            <ul class="social_section_1info mt-md-4 mt-3">
                                <!--<li class="mb-2 facebook"><a href="#"><i class="fa fa-facebook mr-1"></i>facebook</a></li>-->
                                <li class="google"><a href="#"><i class="fa fa-google-plus mr-1"></i>google</a></li>
                                <li class="linkedin"><a href="#"><i class="fa fa-linkedin mr-1"></i>linkedin</a></li>
                            </ul>
                        </div>
                    </div>
                </div>


            </div>
        </div>
    </section>
    <!--//team -->
    <!-- middle section -->
    <!--<div class="middle-tem-insidel pt-lg-5">
        <div class="progress-info">

            <div class="right-side-img-tem-inside">

            </div>
            <div class="left-build-main-temps">
                <h3 class="tittle text-uppercase text-left my-lg-5 my-3"><span class="sub-tittle">WOrk Abilities</span> Our Skills</h3>
                <div class="progress-one my-lg-5" data-aos="fade-up">
                    <h4 class="progress-tittle">Web Design</h4>
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped" role="progressbar" style="width: 10%" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
                <div class="progress-one" data-aos="fade-up">
                    <h4 class="progress-tittle">Branding</h4>
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
                <div class="progress-one my-lg-5" data-aos="fade-up">
                    <h4 class="progress-tittle">PHP Development</h4>
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped bg-info" role="progressbar" style="width: 50%" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
                <div class="progress-one" data-aos="fade-up">
                    <h4 class="progress-tittle">Marketing</h4>
                    <div class="progress">
                        <div class="progress-bar progress-bar-striped bg-warning" role="progressbar" style="width: 70%" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100"></div>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>-->
    <!--//middle section -->
    <!-- portfolio -->
    <section class="portfolio-flyer pt-5 pb-5" id="gallery">
        <div class="container py-lg-5">
            <h3 class="tittle text-uppercase text-center my-lg-5 my-3"><span class="sub-tittle"> Activities </span>Photo Gallery</h3>
            <div class="row mt-lg-4 mt-3">
                <ul class="nav nav-pills mt-3" id="pills-tab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="showall-tab" data-toggle="pill" href="#showall" role="tab" aria-controls="showall" aria-selected="true">All</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="categorys-tab" data-toggle="pill" href="#categorys" role="tab" aria-controls="categorys" aria-selected="false">Community Service</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="Tab2-Image-tab" data-toggle="pill" href="#Tab2-Image" role="tab" aria-controls="Tab2-Image" aria-selected="false">Facilities</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" id="Tab3-Image-tab" data-toggle="pill" href="#Tab3-Image" role="tab" aria-controls="Tab3-Image" aria-selected="false">Sports Festival</a>
                    </li>
                </ul>
            </div>
            <div class="container">
                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="showall" role="tabpanel" aria-labelledby="showall-tab">
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter5" data-image="images/n1.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src={{ asset('img/home/n1.jpg') }} alt="Slog" />
                            </a>
                        </div>
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter6" data-image="images/n2.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src={{ asset('img/home/n2.jpg') }} alt="Slog" />
                            </a>
                        </div>
                        <div class="portfolio lost" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter7" data-image="images/n3.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src={{ asset('img/home/n3.jpg') }} alt="Slog" />
                            </a>
                        </div>
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter8" data-image="images/n4.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src={{ asset('img/home/n4.jpg') }} alt="Slog" />
                            </a>
                        </div>
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter9" data-image="images/n5.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src={{ asset('img/home/n5.jpg') }} alt="Slog" />
                            </a>

                        </div>
                        <div class="portfolio lost" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter10" data-image="images/n6.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n6.jpg" alt="Slog" />
                            </a>
                        </div>
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter11" data-image="images/n7.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n7.jpg" alt="Slog" />
                            </a>

                        </div>
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter12" data-image="images/n8.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n8.jpg" alt="Slog" />
                            </a>

                        </div>
                        <div class="portfolio lost" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter13" data-image="images/n9.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n9.jpg" alt="Slog" />
                            </a>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="categorys" role="tabpanel" aria-labelledby="categorys-tab">
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter6" data-image="images/n2.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n2.jpg" alt="Slog" />
                            </a>

                        </div>
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter7" data-image="images/n3.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n3.jpg" alt="Slog" />
                            </a>

                        </div>
                        <div class="portfolio lost" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter8" data-image="images/n4.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n4.jpg" alt="Slog" />
                            </a>

                        </div>
                    </div>
                    <div class="tab-pane fade" id="Tab3-Image" role="tabpanel" aria-labelledby="Tab3-Image-tab">
                        
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter9" data-image="images/n8.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n8.jpg" alt="Slog" />
                            </a>

                        </div>
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter6" data-image="images/n9.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n9.jpg" alt="Slog" />
                            </a>

                        </div>
                    </div>
                    <div class="tab-pane fade" id="Tab2-Image" role="tabpanel" aria-labelledby="Tab2-Image-tab">
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter9" data-image="images/n5.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n5.jpg" alt="Slog" />
                            </a>

                        </div>
                        <div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter11" data-image="images/n6.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n6.jpg" alt="Slog" />
                            </a>
                        </div>
                        <div class="portfolio lost" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter12" data-image="images/n7.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="img/home/n7.jpg" alt="Slog" />
                            </a>
                        </div>
                        <!--<div class="portfolio" data-aos="zoom-in">
                            <a class="thumbnail" href="#" data-toggle="modal" data-target="#exampleModalCenter7" data-image="images/n3.jpg" data-target="#image-gallery">
                                    <img class="categoryd-img img-fluid" src="images/n3.jpg" alt="Slog" />
                            </a>
                        </div>-->
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </section>
    <!-- //portfolio -->
    <!--/model-->
    <div class="modal fade" id="exampleModalCenter5" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header text-left">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="login px-4 mx-auto mw-100 gal-img pb-3">
                        <img class="img-fluid col-md-12" src="img/home/n1.jpg" alt="Slog">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModalCenter6" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header text-left">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body pb-3">
                    <div class="login px-4 mx-auto mw-100 gal-img pb-3">
                        <img class="img-fluid col-md-12" src="img/home/n2.jpg" alt="Slog">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModalCenter7" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header text-left">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body pb-3">
                    <div class="login px-4 mx-auto mw-100 gal-img pb-3">
                        <img class="img-fluid col-md-12" src="img/home/n3.jpg" alt="Slog">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModalCenter8" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header text-left">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body pb-3">
                    <div class="login px-4 mx-auto mw-100 gal-img pb-3">
                        <img class="img-fluid col-md-12" src="img/home/n4.jpg" alt="Slog">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModalCenter9" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header text-left">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body pb-3">
                    <div class="login px-4 mx-auto mw-100 gal-img pb-3">
                        <img class="img-fluid col-md-12" src="img/home/n9.jpg" alt="Slog">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModalCenter10" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header text-left">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body pb-3">
                    <div class="login px-4 mx-auto mw-100 gal-img pb-3">
                        <img class="img-fluid col-md-12" src="img/home/n5.jpg" alt="Slog">
                    </div>
                </div>

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

    <div class="modal fade" id="exampleModalCenter11" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header text-left">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body pb-3">
                    <div class="login px-4 mx-auto mw-100 gal-img pb-3">
                        <img class="img-fluid col-md-12" src="img/home/n7.jpg" alt="Slog">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModalCenter12" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header text-left">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body pb-3">
                    <div class="login px-4 mx-auto mw-100 gal-img pb-3">
                        <img class="img-fluid col-md-12" src="img/home/n8.jpg" alt="Slog">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <div class="modal fade" id="exampleModalCenter13" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content">
                <div class="modal-header text-left">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body pb-3">
                    <div class="login px-4 mx-auto mw-100 gal-img pb-3">
                        <img class="img-fluid col-md-12" src="img/home/n6.jpg" alt="Slog">
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--//model-->

    <!--//portfolio-->

    <!-- /hand-crafted -->
    <section class="hand-crafted py-4">
        <div class="container py-xl-5 py-lg-3">
            <div class="row banner-w3layouts-grids">
                <div class="col-lg-6 banner-w3layouts-image">
                    <div class="effect-w3">
                        <img src={{ asset('img/home/img2.jpg') }}  alt="" class="img-fluid image1">
                        <img src={{ asset('img/home/img2.jpg') }}  alt="" class="img-fluid image2">
                        <img src={{ asset('img/home/img2.jpg') }}  alt="" class="img-fluid image3">
                        <img src={{ asset('img/home/img2.jpg') }}  alt="" class="img-fluid image4">
                    </div>

                </div>
                <div class="col-lg-6 banner-w3layouts-info pl-md-5">

                    <!--<h3 class="mb-3" data-aos="fade-up">Go B3</h3>-->
                    <!--<h3 class="mb-4" data-aos="fade-up">"Go for the Best, be the Best!"</h3>-->
                    <!--<p class="mb-4" data-aos="fade-up">"As one family, we are on the same boat. What happens to the other, affects us all."</p>-->
                    <h3 class="mb-3" data-aos="fade-up">"Go for the Best, be the Best!"</h3>
                    <p class="mb-4" data-aos="fade-up">"As one family, we are on the same boat. What happens to the other, affects us all."</p>
                    <!--<a href="single.html" class="btn">Read More</a>-->
                </div>
            </div>
        </div>
    </section>
{% endblock %}