templates/index/index.html.twig line 1

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

{% block title %}{{ parent() }} | We transform research results into successful products{% endblock %}
{% block body %}
<section class="home-top">
<div class="container-fluid container-iocb">
    <div id="homecarousel" class="carousel slide"  data-bs-ride="carousel">
        <div class="carousel-indicators">
          <button type="button" data-bs-target="#homecarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
          <button type="button" data-bs-target="#homecarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
          <button type="button" data-bs-target="#homecarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
          <button type="button" data-bs-target="#homecarousel" data-bs-slide-to="3" aria-label="Slide 4"></button>
          <button type="button" data-bs-target="#homecarousel" data-bs-slide-to="4" aria-label="Slide 5"></button>
        </div>
        <div class="carousel-inner">
          <div class="carousel-item active" style="background-image: url('{{ asset('build/images/01.jpg') }}');">
            
          </div>
          <div class="carousel-item" style="background-image: url('{{ asset('build/images/02.jpg') }}');">
            
          </div>
          <div class="carousel-item" style="background-image: url('{{ asset('build/images/03.jpg') }}');">
            
          </div>
          <div class="carousel-item" style="background-image: url('{{ asset('build/images/04.jpg') }}');">
            
          </div>
          <div class="carousel-item" style="background-image: url('{{ asset('build/images/05.jpg') }}');">
            
          </div>

        </div>
       
      </div>
    <div class="row claim-row">
        <div class="col-iocb content-wrapper dash title">
            <h1>{{ page.getBlock('top-title').obsah|striptags }}</h1>
           
        </div>
        <div class="col-iocb content-wrapper claim">
            <p>{{ page.getBlock('top-claim').obsah|striptags }}</p>
            <p>
                <a href="{{ path('app_contact')}}" class="btn btn-lg btn-secondary">Contact us</a>
            </p>
        </div>
    </div>

    
</div>
</section>
<section class="home-projects">
    <div class="container-fluid container-iocb">
        <div class="row">
            <div class="col-iocb content-wrapper dash">
                <h2>Our projects</h2>
                <div class="texts">
                    {{ page.getBlock('projects-content').obsah|raw }}
                    

                </div>
            </div>
        </div>
        </div>
        <div class="container-fluid container-iocb-center">
        <div class="row">
            <div class="col-12 content-wrapper">
                <div class="row">
                    <div class="col-12 col-md-4 projects-ico">
                        <img src="{{ asset('build/images/icon_human health.svg') }}" alt="">
                        <h3>Human Health</h3>
                    </div>
                    <div class="col-12 col-md-4 projects-ico">
                        <img src="{{ asset('build/images/icon_research tools.svg') }}" alt="">
                        <h3>Research Tools</h3>
                    </div>
                    <div class="col-12 col-md-4 projects-ico">
                        <img src="{{ asset('build/images/icon_other projects.svg') }}" alt="">
                        <h3>Other Projects</h3>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12">
                <p class="text-center">
                    <a href="{{ path('app_projects') }}" class="btn btn-primary btn-lg">Go to projects</a>
                </p>
            </div>
        </div>
    </div>
</section>
<section class="success inverse">
    <div class="container-fluid container-iocb">
        <div class="row">
            <div class="col-iocb content-wrapper dash">
                <h2>Success stories</h2>
                <div class="texts">
                    {{ page.getBlock('stories-content').obsah|raw }}
                    
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid container-iocb-center">
        <div class="row">
            <div class="col-12 content-wrapper">
                <div class="row" id="drugs" data-controller="drugs" data-url="{{ path('index_drugs', { size: 'mobile' }) }}" data-url-wide="{{ path('index_drugs', { size: 'wide' }) }}">
                    {{ include('index/drugs.html.twig', { wide: true }) }}
                </div>
            </div>
            <div class="row">
                <div class="col-12 text-center">
                    <p class="">
                        <a href="{{ path('app_success') }}" class="btn btn-primary btn-lg">Explore all</a>
                    </p>
                </div>
            </div>
        </div>
    </div>
</section>
<section class="news home-news inverse">
    <div class="container-fluid container-iocb">
        <div class="row">
            <div class="col-12 content-wrapper dash">
                <h2>News</h2>
            </div>
        </div>
    </div>
    <div class="container-fluid container-iocb-center">
        <div class="row">
                <div class="row news-grid justify-content-center">
                    {{ include('news/items.html.twig') }}
                </div>
                <div class="row">
                    <div class="col-12">
                        <p class="text-center">
                            <a href="{{ path('app_news') }}" class="btn btn-primary btn-lg">See all</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

{% endblock %}
{% block javascripts %}
{{ parent() }}
<script src="/bundles/dotdotdot/dotdotdot.js" type="text/javascript"></script>
<script>
    
    
    document.addEventListener( "DOMContentLoaded", () => {


        
        let items = document.querySelectorAll( ".clamp" );
        console.log(items);
        for (let itemx of items) {
            new Dotdotdot( itemx, {
                callback: function( isTruncated ) {
                    console.log('truncated '+(isTruncated?'Y':'N'));
                },
                height: 80,
                watch: "window"
            });
        }
        

    });
</script>
{% endblock %}