<?php

use Twig\Environment;
use Twig\Error\LoaderError;
use Twig\Error\RuntimeError;
use Twig\Extension\CoreExtension;
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;
use Twig\TemplateWrapper;

/* index/services.html.twig */
class __TwigTemplate_9cbb82ea54a7ad5fd75885dc5d0f31e9 extends Template
{
    private Source $source;
    /**
     * @var array<string, Template>
     */
    private array $macros = [];

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

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

        $this->blocks = [
            'page_title' => [$this, 'block_page_title'],
            'page_subtitle' => [$this, 'block_page_subtitle'],
            'page_breadcrumb' => [$this, 'block_page_breadcrumb'],
            'page_content' => [$this, 'block_page_content'],
        ];
    }

    protected function doGetParent(array $context): bool|string|Template|TemplateWrapper
    {
        // line 1
        return "@AdminLTE/layout/public-layout.html.twig";
    }

    protected function doDisplay(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "index/services.html.twig"));

        $this->parent = $this->load("@AdminLTE/layout/public-layout.html.twig", 1);
        yield from $this->parent->unwrap()->yield($context, array_merge($this->blocks, $blocks));
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

    }

    // line 3
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_page_title(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_title"));

        yield "Les ODD";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    // line 4
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_page_subtitle(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_subtitle"));

        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    // line 5
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_page_breadcrumb(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_breadcrumb"));

        yield "Les ODD";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    // line 7
    /**
     * @return iterable<null|scalar|\Stringable>
     */
    public function block_page_content(array $context, array $blocks = []): iterable
    {
        $macros = $this->macros;
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "page_content"));

        // line 8
        yield "<section id=\"services\" class=\"services\">
    <div class=\"container\">

        <div class=\"row\">
            ";
        // line 12
        $context['_parent'] = $context;
        $context['_seq'] = CoreExtension::ensureTraversable((isset($context["goals"]) || array_key_exists("goals", $context) ? $context["goals"] : (function () { throw new RuntimeError('Variable "goals" does not exist.', 12, $this->source); })()));
        foreach ($context['_seq'] as $context["_key"] => $context["goal"]) {
            // line 13
            yield "            <div class=\"col-md-4\">
                <div class=\"icon-box\" data-aos=\"fade-up\">
                    <!--div class=\"icon\"><i class=\"las la-basketball-ball1\" style=\"color: ";
            // line 15
            yield ";\">";
            yield "</i></div-->
                    <!--h4 class=\"title\"><a href=\"";
            // line 16
            yield "\">";
            yield "</a></h4>
                    <p class=\"description\">";
            // line 17
            yield "</p-->
                    <a href=\"";
            // line 18
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("index_goal", ["id" => CoreExtension::getAttribute($this->env, $this->source, $context["goal"], "id", [], "any", false, false, false, 18)]), "html", null, true);
            yield "\"><img src=\"";
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dist/img/goal-"), "html", null, true);
            yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env, $this->source, $context["goal"], "code", [], "any", false, false, false, 18), "html", null, true);
            yield ".png\" style=\"width:100%\"></a>
                </div>
            </div>
            ";
        }
        $_parent = $context['_parent'];
        unset($context['_seq'], $context['_key'], $context['goal'], $context['_parent']);
        $context = array_intersect_key($context, $_parent) + $_parent;
        // line 22
        yield "            <!--div class=\"col-md-3\">
                <div class=\"icon-box\" data-aos=\"fade-up\">
                <div class=\"icon\"><i class=\"las la-book\" style=\"color: #e9bf06;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Dolor Sitema</a></h4>
                <p class=\"description\">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
                </div>
            </div>
            <div class=\"col-md-3\">
                <div class=\"icon-box\" data-aos=\"fade-up\">
                <div class=\"icon\"><i class=\"las la-book\" style=\"color: #e9bf06;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Dolor Sitema</a></h4>
                <p class=\"description\">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
                </div>
            </div>
            <div class=\"col-md-3\">
                <div class=\"icon-box\" data-aos=\"fade-up\">
                <div class=\"icon\"><i class=\"las la-book\" style=\"color: #e9bf06;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Dolor Sitema</a></h4>
                <p class=\"description\">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
                </div>
            </div>

            <div class=\"col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">
                <div class=\"icon-box\">
                <div class=\"icon\"><i class=\"las la-file-alt\" style=\"color: #3fcdc7;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Sed ut perspiciatis</a></h4>
                <p class=\"description\">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
                </div>
            </div>
            <div class=\"col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">
                <div class=\"icon-box\">
                <div class=\"icon\"><i class=\"las la-tachometer-alt\" style=\"color:#41cf2e;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Magni Dolores</a></h4>
                <p class=\"description\">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                </div>
            </div>

            <div class=\"col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">
                <div class=\"icon-box\">
                <div class=\"icon\"><i class=\"las la-globe-americas\" style=\"color: #d6ff22;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Nemo Enim</a></h4>
                <p class=\"description\">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
                </div>
            </div>
            <div class=\"col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">
                <div class=\"icon-box\">
                <div class=\"icon\"><i class=\"las la-clock\" style=\"color: #4680ff;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Eiusmod Tempor</a></h4>
                <p class=\"description\">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
                </div>
            </div-->
        </div>

      </div>
    </section>

    <!-- ======= Features Section ======= -->
    <!--section id=\"features\" class=\"features\">
      <div class=\"container\">

        <div class=\"section-title\" data-aos=\"fade-up\">
          <h2>Features</h2>
          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
        </div>

        <div class=\"row\">
          <div class=\"col-md-6 d-flex align-items-stretch\" data-aos=\"fade-up\">
            <div class=\"card\" style=\"background-image: url(";
        // line 89
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dist/img/features-1.jpg"), "html", null, true);
        yield ");\">
              <div class=\"card-body\">
                <h5 class=\"card-title\"><a href=\"\">Our Mission</a></h5>
                <p class=\"card-text\">Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor ut labore et dolore magna aliqua.</p>
                <div class=\"read-more\"><a href=\"#\"><i class=\"icofont-arrow-right\"></i> Read More</a></div>
              </div>
            </div>
          </div>
          <div class=\"col-md-6 d-flex align-items-stretch mt-4 mt-md-0\" data-aos=\"fade-up\">
            <div class=\"card\" style=\"background-image: url(";
        // line 98
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dist/img/features-2.jpg"), "html", null, true);
        yield ");\">
              <div class=\"card-body\">
                <h5 class=\"card-title\"><a href=\"\">Our Plan</a></h5>
                <p class=\"card-text\">Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem.</p>
                <div class=\"read-more\"><a href=\"#\"><i class=\"icofont-arrow-right\"></i> Read More</a></div>
              </div>
            </div>

          </div>
          <div class=\"col-md-6 d-flex align-items-stretch mt-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">
            <div class=\"card\" style=\"background-image: url(";
        // line 108
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dist/img/features-3.jpg"), "html", null, true);
        yield ");\">
              <div class=\"card-body\">
                <h5 class=\"card-title\"><a href=\"\">Our Vision</a></h5>
                <p class=\"card-text\">Nemo enim ipsam voluptatem quia voluptas sit aut odit aut fugit, sed quia magni dolores.</p>
                <div class=\"read-more\"><a href=\"#\"><i class=\"icofont-arrow-right\"></i> Read More</a></div>
              </div>
            </div>
          </div>
          <div class=\"col-md-6 d-flex align-items-stretch mt-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">
            <div class=\"card\" style=\"background-image: url(";
        // line 117
        yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("dist/img/features-4.jpg"), "html", null, true);
        yield ");\">
              <div class=\"card-body\">
                <h5 class=\"card-title\"><a href=\"\">Our Care</a></h5>
                <p class=\"card-text\">Nostrum eum sed et autem dolorum perspiciatis. Magni porro quisquam laudantium voluptatem.</p>
                <div class=\"read-more\"><a href=\"#\"><i class=\"icofont-arrow-right\"></i> Read More</a></div>
              </div>
            </div>
          </div>
        </div>

    </div>
</section-->
";
        
        $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);

        yield from [];
    }

    /**
     * @codeCoverageIgnore
     */
    public function getTemplateName(): string
    {
        return "index/services.html.twig";
    }

    /**
     * @codeCoverageIgnore
     */
    public function isTraitable(): bool
    {
        return false;
    }

    /**
     * @codeCoverageIgnore
     */
    public function getDebugInfo(): array
    {
        return array (  264 => 117,  252 => 108,  239 => 98,  227 => 89,  158 => 22,  145 => 18,  142 => 17,  138 => 16,  134 => 15,  130 => 13,  126 => 12,  120 => 8,  110 => 7,  93 => 5,  77 => 4,  60 => 3,  43 => 1,);
    }

    public function getSourceContext(): Source
    {
        return new Source("{% extends '@AdminLTE/layout/public-layout.html.twig' %}

{% block page_title %}Les ODD{% endblock %}
{% block page_subtitle %}{% endblock %}
{% block page_breadcrumb %}Les ODD{% endblock %}

{% block page_content %}
<section id=\"services\" class=\"services\">
    <div class=\"container\">

        <div class=\"row\">
            {% for goal in goals %}
            <div class=\"col-md-4\">
                <div class=\"icon-box\" data-aos=\"fade-up\">
                    <!--div class=\"icon\"><i class=\"las la-basketball-ball1\" style=\"color: {#{ goal.color }#};\">{#{ goal.code }#}</i></div-->
                    <!--h4 class=\"title\"><a href=\"{#{ path('index_goal', { 'id': goal.id }) }#}\">{#{ goal.name }#}</a></h4>
                    <p class=\"description\">{#{ goal.description }#}</p-->
                    <a href=\"{{ path('index_goal', { 'id': goal.id }) }}\"><img src=\"{{asset('dist/img/goal-')}}{{ goal.code }}.png\" style=\"width:100%\"></a>
                </div>
            </div>
            {% endfor %}
            <!--div class=\"col-md-3\">
                <div class=\"icon-box\" data-aos=\"fade-up\">
                <div class=\"icon\"><i class=\"las la-book\" style=\"color: #e9bf06;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Dolor Sitema</a></h4>
                <p class=\"description\">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
                </div>
            </div>
            <div class=\"col-md-3\">
                <div class=\"icon-box\" data-aos=\"fade-up\">
                <div class=\"icon\"><i class=\"las la-book\" style=\"color: #e9bf06;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Dolor Sitema</a></h4>
                <p class=\"description\">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
                </div>
            </div>
            <div class=\"col-md-3\">
                <div class=\"icon-box\" data-aos=\"fade-up\">
                <div class=\"icon\"><i class=\"las la-book\" style=\"color: #e9bf06;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Dolor Sitema</a></h4>
                <p class=\"description\">Minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat tarad limino ata</p>
                </div>
            </div>

            <div class=\"col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">
                <div class=\"icon-box\">
                <div class=\"icon\"><i class=\"las la-file-alt\" style=\"color: #3fcdc7;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Sed ut perspiciatis</a></h4>
                <p class=\"description\">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur</p>
                </div>
            </div>
            <div class=\"col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">
                <div class=\"icon-box\">
                <div class=\"icon\"><i class=\"las la-tachometer-alt\" style=\"color:#41cf2e;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Magni Dolores</a></h4>
                <p class=\"description\">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
                </div>
            </div>

            <div class=\"col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">
                <div class=\"icon-box\">
                <div class=\"icon\"><i class=\"las la-globe-americas\" style=\"color: #d6ff22;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Nemo Enim</a></h4>
                <p class=\"description\">At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque</p>
                </div>
            </div>
            <div class=\"col-md-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">
                <div class=\"icon-box\">
                <div class=\"icon\"><i class=\"las la-clock\" style=\"color: #4680ff;\"></i></div>
                <h4 class=\"title\"><a href=\"\">Eiusmod Tempor</a></h4>
                <p class=\"description\">Et harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi</p>
                </div>
            </div-->
        </div>

      </div>
    </section>

    <!-- ======= Features Section ======= -->
    <!--section id=\"features\" class=\"features\">
      <div class=\"container\">

        <div class=\"section-title\" data-aos=\"fade-up\">
          <h2>Features</h2>
          <p>Magnam dolores commodi suscipit. Necessitatibus eius consequatur ex aliquid fuga eum quidem. Sit sint consectetur velit. Quisquam quos quisquam cupiditate. Et nemo qui impedit suscipit alias ea. Quia fugiat sit in iste officiis commodi quidem hic quas.</p>
        </div>

        <div class=\"row\">
          <div class=\"col-md-6 d-flex align-items-stretch\" data-aos=\"fade-up\">
            <div class=\"card\" style=\"background-image: url({{ asset('dist/img/features-1.jpg') }});\">
              <div class=\"card-body\">
                <h5 class=\"card-title\"><a href=\"\">Our Mission</a></h5>
                <p class=\"card-text\">Lorem ipsum dolor sit amet, consectetur elit, sed do eiusmod tempor ut labore et dolore magna aliqua.</p>
                <div class=\"read-more\"><a href=\"#\"><i class=\"icofont-arrow-right\"></i> Read More</a></div>
              </div>
            </div>
          </div>
          <div class=\"col-md-6 d-flex align-items-stretch mt-4 mt-md-0\" data-aos=\"fade-up\">
            <div class=\"card\" style=\"background-image: url({{ asset('dist/img/features-2.jpg') }});\">
              <div class=\"card-body\">
                <h5 class=\"card-title\"><a href=\"\">Our Plan</a></h5>
                <p class=\"card-text\">Sed ut perspiciatis unde omnis iste natus error sit voluptatem doloremque laudantium, totam rem.</p>
                <div class=\"read-more\"><a href=\"#\"><i class=\"icofont-arrow-right\"></i> Read More</a></div>
              </div>
            </div>

          </div>
          <div class=\"col-md-6 d-flex align-items-stretch mt-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">
            <div class=\"card\" style=\"background-image: url({{ asset('dist/img/features-3.jpg') }});\">
              <div class=\"card-body\">
                <h5 class=\"card-title\"><a href=\"\">Our Vision</a></h5>
                <p class=\"card-text\">Nemo enim ipsam voluptatem quia voluptas sit aut odit aut fugit, sed quia magni dolores.</p>
                <div class=\"read-more\"><a href=\"#\"><i class=\"icofont-arrow-right\"></i> Read More</a></div>
              </div>
            </div>
          </div>
          <div class=\"col-md-6 d-flex align-items-stretch mt-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">
            <div class=\"card\" style=\"background-image: url({{ asset('dist/img/features-4.jpg') }});\">
              <div class=\"card-body\">
                <h5 class=\"card-title\"><a href=\"\">Our Care</a></h5>
                <p class=\"card-text\">Nostrum eum sed et autem dolorum perspiciatis. Magni porro quisquam laudantium voluptatem.</p>
                <div class=\"read-more\"><a href=\"#\"><i class=\"icofont-arrow-right\"></i> Read More</a></div>
              </div>
            </div>
          </div>
        </div>

    </div>
</section-->
{% endblock %}", "index/services.html.twig", "/var/www/vhosts/sigodd.gouv.bj/httpdocs/templates/index/services.html.twig");
    }
}
