<?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;

/* about/gallery.html.twig */
class __TwigTemplate_97404c212df124cb8091ecefdcedd692935d7f5479db2e0aa83c0d4cf61cebca 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", "about/gallery.html.twig"));

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

        $this->parent = $this->loadTemplate("base.html.twig", "about/gallery.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 "
    <section class=\"ab-info-main py-md-5 py-5\">
        <div class=\"container py-md-5 py-5\">
            <div class=\"ab-info-grids pt-md-5\">
                <div class=\"contact-info pt-md-5 pt-3 text-center\">
                    <h3 class=\"tittle text-uppercase text-center mb-lg-5 mb-3 inner-tittle inner-tittle\"><span class=\"sub-tittle\">Latest Gallery</span>Photos</h3>
                </div>
            </div>

            <div class=\"row\">
                <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=\"tab-content\" id=\"pills-tabContent\">
                <div class=\"tab-pane fade show active\" id=\"showall\" role=\"tabpanel\" aria-labelledby=\"showall-tab\">
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter5\" data-image=\"img/home/n1.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n1.jpg\" alt=\"Slog\" />
                            </a>
                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter6\" data-image=\"img/home/n2.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n2.jpg\" alt=\"Slog\" />
                            </a>
                    </div>
                    <div class=\"portfolio lost\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter7\" data-image=\"img/home/n3.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n3.jpg\" alt=\"Slog\" />
                            </a>

                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter8\" data-image=\"img/home/n4.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n4.jpg\" alt=\"Slog\" />
                            </a>
                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter5\" data-image=\"img/home/n5.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n5.jpg\" alt=\"Slog\" />
                            </a>

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

                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter12\" data-image=\"img/home/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\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter13\" data-image=\"img/home/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\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter6\" data-image=\"img/home/n2.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n2.jpg\" alt=\"Slog\" />
                            </a>

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

                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter8\" data-image=\"img/home/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=\"Tab2-Image\" role=\"tabpanel\" aria-labelledby=\"Tab2-Image-tab\">
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter9\" data-image=\"img/home/n5.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n5.jpg\" alt=\"Slog\" />
                            </a>

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

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

                    </div>
                    
                </div>
                <div class=\"clearfix\"></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>

    ";
        
        $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);

        
        $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);

    }

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

    public function isTraitable()
    {
        return false;
    }

    public function getDebugInfo()
    {
        return array (  68 => 4,  58 => 3,  35 => 1,);
    }

    public function getSourceContext()
    {
        return new Source("{% extends 'base.html.twig' %}

{% block content %}

    <section class=\"ab-info-main py-md-5 py-5\">
        <div class=\"container py-md-5 py-5\">
            <div class=\"ab-info-grids pt-md-5\">
                <div class=\"contact-info pt-md-5 pt-3 text-center\">
                    <h3 class=\"tittle text-uppercase text-center mb-lg-5 mb-3 inner-tittle inner-tittle\"><span class=\"sub-tittle\">Latest Gallery</span>Photos</h3>
                </div>
            </div>

            <div class=\"row\">
                <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=\"tab-content\" id=\"pills-tabContent\">
                <div class=\"tab-pane fade show active\" id=\"showall\" role=\"tabpanel\" aria-labelledby=\"showall-tab\">
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter5\" data-image=\"img/home/n1.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n1.jpg\" alt=\"Slog\" />
                            </a>
                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter6\" data-image=\"img/home/n2.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n2.jpg\" alt=\"Slog\" />
                            </a>
                    </div>
                    <div class=\"portfolio lost\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter7\" data-image=\"img/home/n3.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n3.jpg\" alt=\"Slog\" />
                            </a>

                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter8\" data-image=\"img/home/n4.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n4.jpg\" alt=\"Slog\" />
                            </a>
                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter5\" data-image=\"img/home/n5.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n5.jpg\" alt=\"Slog\" />
                            </a>

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

                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter12\" data-image=\"img/home/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\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter13\" data-image=\"img/home/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\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter6\" data-image=\"img/home/n2.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n2.jpg\" alt=\"Slog\" />
                            </a>

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

                    </div>
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter8\" data-image=\"img/home/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=\"Tab2-Image\" role=\"tabpanel\" aria-labelledby=\"Tab2-Image-tab\">
                    <div class=\"portfolio\">
                        <a class=\"thumbnail\" href=\"#\" data-toggle=\"modal\" data-target=\"#exampleModalCenter9\" data-image=\"img/home/n5.jpg\" data-target=\"#image-gallery\">
                                    <img class=\"categoryd-img img-fluid\" src=\"img/home/n5.jpg\" alt=\"Slog\" />
                            </a>

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

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

                    </div>
                    
                </div>
                <div class=\"clearfix\"></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>

    {% endblock %}", "about/gallery.html.twig", "D:\\xampp\\htdocs\\symproj\\templates\\about\\gallery.html.twig");
    }
}
