templates/pages/about.html.twig line 1

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

{% block title %}About us | {{ parent() }}{% endblock %}

{% block body %}

<section class="about inverse" >
    <div class="container-fluid container-iocb">
        <div class="row">
            <div class="col-12 content-wrapper dash">
                <h1 class="h2">About us</h1>
            </div>
        </div>
        <div class="row">
            <div class="col-iocb content-wrapper">
                {{ page.getBlock('top-text').obsah|raw }}
            </div>
        </div>
    </div>
</section>
<section class="what-we-do" id="what-do-we-do" >
    <div class="container-fluid container-iocb">
        <div class="row">
            <div class="col-iocb content-wrapper dash">
                {{ page.getBlock('what-do-we-do').obsah|raw }}
               
            </div>
        </div>
        <div class="row">
            <div class="col-12 content-wrapper">
                <div class="row">
                    <div class="col-12 col-lg-6 wdwd-item"><img src="{{ asset('build/images/iStock-1343885102.jpg') }}" alt="" class="img-fluid"></div>
                    <div class="col-12 col-lg-6 wdwd-item wdwd-item-1">
                        {{ page.getBlock('project-analysis-and-management').obsah|raw }}
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 content-wrapper">
                <div class="row">
                    
                    <div class="col-12 col-lg-6 wdwd-item order-1 order-lg-0 wdwd-item-2">
                        {{ page.getBlock('legal-and-ipr-work').obsah|raw }}
                    </div>
                    <div class="col-12 col-lg-6 wdwd-item order-0 order-lg-1"><img src="{{ asset('build/images/Group 195.jpg') }}" alt="" class="img-fluid"></div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 content-wrapper">
                <div class="row">
                    <div class="col-12 col-lg-6 wdwd-item"><img src="{{ asset('build/images/iStock-1347249059.jpg') }}" alt="" class="img-fluid"></div>
                    <div class="col-12 col-lg-6 wdwd-item wdwd-item-3">
                        {{ page.getBlock('business-development').obsah|raw }}
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="about-products">
    <div class="row">
        <div class="col-12 content-wrapper">
            <div class="row">
        <div class="col-12 col-lg-4 flex-item"><h3>VIREAD&trade;</h3></div>
        <div class="col-12 col-lg-4 flex-item"><img src="{{ asset('build/images/Viread-4.png') }}" alt=""></div>
        <div class="col-12 col-lg-4 flex-item"><a href="{{ path('app_success') }}" class="btn btn-primary btn-lg">Explore all</a></div>
    </div>
</div>
</div>
</section>
<section class="our-team" id="our-team">
    <div class="container-fluid container-iocb">
        <div class="row">
            <div class="col-12 content-wrapper dash">
                <h2>Our team</h2>
            </div>
        </div>
        <div class="row">
            <div class="col-iocb content-wrapper">
                <ul class="nav" role="tablist" id="team-tabs">
                    <li class="nav-item" role="presentation">
                      <a class="nav-link active" href="#main-team" data-bs-toggle="tab" data-bs-target="#main-team" type="button" role="tab" aria-controls="main-team-tab-pane" aria-selected="true">Main team</a>
                    </li>
                    {% if pharmtheon|length > 0 %}
                    <li class="nav-item" role="presentation">
                        <a class="nav-link" href="#pharmtheon" data-bs-toggle="tab" data-bs-target="#pharmtheon" type="button" role="tab" aria-controls="pharmtheon-tab-pane" aria-selected="true">Pharmtheon</a>
                      </li>
                      {% endif %}
                    <li class="nav-item" role="presentation">
                      <a class="nav-link" href="#advisory-board" data-bs-toggle="tab" data-bs-target="#advisory-board" type="button" role="tab" aria-controls="advisory-board-tab-pane" aria-selected="true">Advisory board</a>
                    </li>
                    <li class="nav-item" role="presentation">
                      <a class="nav-link" href="#public-relations" data-bs-toggle="tab" data-bs-target="#public-relations" type="button" role="tab" aria-controls="pr-tab-pane" aria-selected="true">Public relations</a>
                    </li>
                  </ul>
                  <div class="tab-content">
                    <div class="tab-pane fade show active" id="main-team" role="tabpanel" aria-labelledby="main-team-tab" tabindex="0">
                        {% for item in main %}
                        {{ include('pages/person.html.twig') }}
                        {% endfor %}
                        
                    </div>
                    {% if pharmtheon|length > 0 %}
                    <div class="tab-pane fade" id="pharmtheon" role="tabpanel" aria-labelledby="pharmtheon-board-tab" tabindex="0">
                        {% for item in pharmtheon %}
                        {{ include('pages/person.html.twig') }}
                        {% endfor %}
                    </div>
                    {% endif %}
                    <div class="tab-pane fade" id="advisory-board" role="tabpanel" aria-labelledby="advisory-board-tab" tabindex="0">
                        {% for item in advisory %}
                        {{ include('pages/person.html.twig') }}
                        {% endfor %}
                    </div>
                    <div class="tab-pane fade" id="public-relations" role="tabpanel" aria-labelledby="pr-tab" tabindex="0">
                        {% for item in public %}
                        {{ include('pages/person.html.twig') }}
                        {% endfor %}
                    </div>
                    
                  </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}
{% block page_javascripts %}
    {{ parent() }}
    <script>
        let hash = window.location.hash;
        if (hash == '#our-team') hash = '#main-team';
        var el = document.querySelector('#team-tabs li a[data-bs-target="'+hash+'"]')
        bootstrap.Tab.getOrCreateInstance(el).show()
        
        const tabEls = document.querySelectorAll('#team-tabs li a')
        tabEls.forEach(element => {
            element.addEventListener('shown.bs.tab', event => {
            let newhash = event.target.attributes['data-bs-target'].value
            if(history.pushState) {
                history.pushState(null, null, newhash);
            }
            else {
                location.hash = newhash;
            }
        })    
        });
        
    </script>
    

{% endblock page_javascripts %}