<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\SandboxExtension;
use Twig\Markup;
use Twig\Sandbox\SecurityError;
use Twig\Sandbox\SecurityNotAllowedTagError;
use Twig\Sandbox\SecurityNotAllowedFilterError;
use Twig\Sandbox\SecurityNotAllowedFunctionError;
use Twig\Source;
use Twig\Template;

/* home/home.html.twig */
class __TwigTemplate_64d676986e1f65858e1d2ca7b2798ca86e6aa4af9023a70dc2545e060afae15f extends Template
{
    private $source;
    private $macros = [];

    public function __construct(Environment $env)
    {
        parent::__construct($env);

        $this->source = $this->getSourceContext();

        $this->blocks = [
            'content' => [$this, 'block_content'],
        ];
    }

    protected function doGetParent(array $context)
    {
        // line 1
        return "base.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home/home.html.twig"));

        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "home/home.html.twig"));

        $this->parent = $this->loadTemplate("base.html.twig", "home/home.html.twig", 1);
        $this->parent->display($context, array_merge($this->blocks, $blocks));
        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

    }

    // line 3
    public function block_content($context, array $blocks = [])
    {
        $macros = $this->macros;
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));

        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));

        // line 4
        echo "    <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>
                        <!--<h3 class=\"mb-3\" data-aos=\"fade-up\">Guihing, Hagonoy, Davao del Sur</h3>-->
                        <p class=\"mb-4\" data-aos=\"fade-up\"> Is a manufacturing company that mills sugarcane to produced raw and refined sugar.</p>
                        <div class=\"header-right\">
                        <a href=\"";
        // line 14
        echo $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("about");
        echo "\" class=\"contact\">Read More</a>
                        </div>
                    </div>
                    <div class=\"col-lg-6 banner-w3layouts-image\">
                        <div class=\"effect-w3\">
                            <img src=";
        // line 19
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/logo.png"), "html", null, true);
        echo " alt=\"\" class=\"img-fluid image1\">
                            <img src=";
        // line 20
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/logo.png"), "html", null, true);
        echo " alt=\"\" class=\"img-fluid image2\">
                            <img src=";
        // line 21
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/logo.png"), "html", null, true);
        echo " alt=\"\" class=\"img-fluid image3\">
                            <img src=";
        // line 22
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/logo.png"), "html", null, true);
        echo " alt=\"\" class=\"img-fluid image4\">
                        </div>

                    </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=";
        // line 86
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/img1.jpg"), "html", null, true);
        echo " 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=";
        // line 135
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/team.jpg"), "html", null, true);
        echo " 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=";
        // line 164
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/team2.jpg"), "html", null, true);
        echo " 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=";
        // line 246
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/n1.jpg"), "html", null, true);
        echo " 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=";
        // line 251
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/n2.jpg"), "html", null, true);
        echo " 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=";
        // line 256
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/n3.jpg"), "html", null, true);
        echo " 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=";
        // line 261
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/n4.jpg"), "html", null, true);
        echo " 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=";
        // line 266
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/n5.jpg"), "html", null, true);
        echo " 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=";
        // line 522
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/img2.jpg"), "html", null, true);
        echo "  alt=\"\" class=\"img-fluid image1\">
                        <img src=";
        // line 523
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/img2.jpg"), "html", null, true);
        echo "  alt=\"\" class=\"img-fluid image2\">
                        <img src=";
        // line 524
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/img2.jpg"), "html", null, true);
        echo "  alt=\"\" class=\"img-fluid image3\">
                        <img src=";
        // line 525
        echo twig_escape_filter($this->env, $this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("img/home/img2.jpg"), "html", null, true);
        echo "  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>
";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

    }

    public function getTemplateName()
    {
        return "home/home.html.twig";
    }

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  639 => 525,  635 => 524,  631 => 523,  627 => 522,  368 => 266,  360 => 261,  352 => 256,  344 => 251,  336 => 246,  251 => 164,  219 => 135,  167 => 86,  100 => 22,  96 => 21,  92 => 20,  88 => 19,  80 => 14,  68 => 4,  58 => 3,  35 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("{% 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>
                        <!--<h3 class=\"mb-3\" data-aos=\"fade-up\">Guihing, Hagonoy, Davao del Sur</h3>-->
                        <p class=\"mb-4\" data-aos=\"fade-up\"> Is a manufacturing company that mills sugarcane to produced raw and refined 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\">
                        <div class=\"effect-w3\">
                            <img src={{ asset('img/home/logo.png') }} alt=\"\" class=\"img-fluid image1\">
                            <img src={{ asset('img/home/logo.png') }} alt=\"\" class=\"img-fluid image2\">
                            <img src={{ asset('img/home/logo.png') }} alt=\"\" class=\"img-fluid image3\">
                            <img src={{ asset('img/home/logo.png') }} alt=\"\" class=\"img-fluid image4\">
                        </div>

                    </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 %}
", "home/home.html.twig", "D:\\xampp\\htdocs\\symproj\\templates\\home\\home.html.twig");
    }
}
