templates/projects/index.html.twig line 1

{% extends 'pages/tmpl.html.twig' %}

{% block title %}Projects | {{ parent() }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
<style>
{% for item in data %}
{% if not item.foto is empty %} 
#project-{{ item.id }} h3:before {
    background-image: url('{{ asset( item.foto) }}');
}
{% endif %}
{% endfor %}
</style>
{% endblock %}
{% block body %}

{{ include('projects/top.html.twig') }}
<section class="projects-list inverse" data-controller="projects">
    <div class="container-fluid container-iocb">
        <div class="row">
            <div class="col-12 content-wrapper">
                {% for item in data %}
                <div class="row">
                    <div class="col-12 project-item" id="project-{{ item.id }}">
                        <h3>{{ item.title }} <span class="status {{ item.status == 1 ? 'active' : ( item.status == 2 ? 'licensed' : 'inactive' ) }}">{{ item.status == 1 ? 'Active' : ( item.status == 2 ? 'Licensed' : 'Inactive' ) }}</span></h3>
                        <div class="project-wrapper">
                            <p class="subtitle">{{ item.subtitle }}</p>
                            <p class="scientists"><strong>Scientists</strong>: <br>
                                {{ item.scientists }}</p>
                                    <a class="project-toggler" data-bs-toggle="collapse" href="#project-{{  item.id }}" role="button" aria-expanded="false" aria-controls="collapseProject1" data-collapsed-text="Read extract" data-exploded-text="Hide extract">
                                    Read extract
                                  </a>
                        </div>
                              <div class="collapse" id="project-{{ item.id }}">
                                
                                  <div class="row">
                                      <div class="col-iocb">
                                      <h4 class="challenge">CHALLENGE</h4>
                                      {{ item.challange|raw }}
                                      <h4  class="keywords">KEYWORDS</h4>
                                      <p class="keywords">
                                        {% for kw in  item.tags|split(';') %}
                                        <span>{{ kw }}</span>
                                        {% endfor %}
                                      </p>
                                      <p><a href="{{ path('project_detail', { url: item.url , id: item.id}) }}#detail" class="btn btn-primary">Read more</a></p>
                                    </div>
                                  </div>
                              </div>
                    </div>
                </div>
                {% endfor %}
                
            </div>
        </div>
    </div>
</section>
<section class="partners">
    <div class="container-fluid">
        <div class="row">
            <div class="col-12 content-wrapper dash">
                <h1 class="h2">Our partners</h1>
            </div>
        </div>
        </div>
        <div class="container-fluid container-iocb-center">
        <div class="row  justify-content-center">
            <div class="col-12 col-loga-wrapper">
                
                <div class="row  text-center  justify-content-center">
                    <div class="col">
                        <img src="{{ asset('build/images/partners_NF_G.png') }}" alt="">
                    </div>
                    <div class="col">
                        <img src="{{ asset('build/images/partners_NF_NN.png') }}" alt="">
                    </div>
                    
                    <div class="col">
                        <img src="{{ asset('build/images/partners_NF_S.png') }}" alt="">
                    </div>
                    <div class="col">
                        <img src="{{ asset('build/images/partners_NF_DP.png') }}" alt="">
                    </div>
                    <div class="col">
                        <img src="{{ asset('build/images/partners_NF_BC.png') }}" alt="">
                    </div>
                    <div class="col">
                        <img src="{{ asset('build/images/logo-uochb.svg') }}" alt="">
                    </div>
                    <div class="col">
                        <img src="{{ asset('build/images/logo.svg') }}" alt="">
                    </div>
                    <div class="col">
                        <img src="{{ asset('build/images/neuron-logo-02.svg') }}" alt="">
                    </div>

                </div>

            </div>
        </div>
    </div>
</section>
{% endblock body %}