Testimonials

The Testimonials component provides a reusable pattern for testimonials in the interface.

A Single Testimonial

You cna include a name, occupation and a quote

"Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt."

<!-- testimonials.blade.php -->
<div class="c-testimonials">
    <div class="c-testimonials__wrapper "  >
                    <!-- card.blade.php -->
<div class="c-card c-testimonial c-card--ratio-16-9" data-uid="69f0d122eba15" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122eb804" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122eb8db" data-component="typography">
    David Conradi
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122eb94a" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122eb983" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122eb9b6" data-component="typography">
    "Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt."
</p>    </div>
            </div>
</div>
    
            </div>
</div>

@testimonials([
    'testimonials' => array(
        array(
            'name' => 'David Conradi',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => 'Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt.',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        )
    )
])
@endtestimonials

Multiple Testimonials

You can show up to 8 testimonials in a fully responsive manner

"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."

"Elever och lärare trivs på skolan och i klassrummet. Vi möter varandra med ett leende varje morgon i korridoren och får alltid ett leende tillbaka."

<!-- testimonials.blade.php -->
<div class="c-testimonials">
    <div class="c-testimonials__wrapper "  >
                    <!-- card.blade.php -->
<div class="c-card c-testimonial c-card--ratio-16-9" data-uid="69f0d122ebee8" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ebda4" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ebe1c" data-component="typography">
    David Conradi
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ebe53" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ebe84" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ebeb3" data-component="typography">
    "Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."
</p>    </div>
            </div>
</div>
    
                    <!-- card.blade.php -->
<div class="c-card c-testimonial c-card--ratio-16-9" data-uid="69f0d122ec073" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ebf38" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="Ida Lundbladh"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ebfad" data-component="typography">
    Ida Lundbladh
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ebfdd" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ec00b" data-component="typography">
    Lärare i engelska och danska
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ec039" data-component="typography">
    "Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt."
</p>    </div>
            </div>
</div>
    
                    <!-- card.blade.php -->
<div class="c-card c-testimonial c-card--ratio-16-9" data-uid="69f0d122ec1e5" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ec0cb" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="Jelena Cado"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ec12f" data-component="typography">
    Jelena Cado
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ec15d" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ec18b" data-component="typography">
    Lärare i svenska som andraspråk
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ec1b7" data-component="typography">
    "Elever och lärare trivs på skolan och i klassrummet. Vi möter varandra med ett leende varje morgon i korridoren och får alltid ett leende tillbaka."
</p>    </div>
            </div>
</div>
    
            </div>
</div>

@testimonials([
    'testimonials' => array(
        array(
            'name' => 'David Conradi',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => 'Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'Ida Lundbladh',
            'title' => 'Lärare i engelska och danska',
            'testimonial' => 'Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt.',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'Jelena Cado',
            'title' => 'Lärare i svenska som andraspråk',
            'testimonial' => 'Elever och lärare trivs på skolan och i klassrummet. Vi möter varandra med ett leende varje morgon i korridoren och får alltid ett leende tillbaka.',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        )
    )
])
@endtestimonials

Testimonial Carousel

Even here you can show up to 8 testimonials with the carousel

""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""

<!-- testimonials.blade.php -->

<div class="c-testimonials">
    <div class="c-testimonials__slider">
            <div class="c-slider splide u-visibility--visible c-slider--16-9 c-slider__navigation--hover c-slider--shadow" data-slides-per-page="2" data-slider-gap="2" data-aria-labels="" data-step="0" data-js-slider="0" data-js-slider-index="0" data-slider-type="loop" data-js-slider-buttons="sider_69f0d122ede61854447766" id="sider_69f0d122ede61854447766" data-uid="69f0d122ede79" data-component="slider">
    <div class="c-slider__arrows" id="slider_sider_69f0d122ede61854447766">
        <button class="c-button c-slider__arrow c-slider__arrow--prev c-button__filled c-button__filled--primary c-button--md c-button--icon-only" data-js-slider-prev="1" aria-label="keyboard_arrow_left" type="button" data-uid="69f0d122edf43" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--keyboard-arrow-left c-icon--material c-icon--material-keyboard_arrow_left material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" data-material-symbol="keyboard_arrow_left" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="69f0d122ee0b9" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>        <button class="c-button c-slider__arrow c-slider__arrow--next c-button__filled c-button__filled--primary c-button--md c-button--icon-only" data-js-slider-next="1" aria-label="keyboard_arrow_right" type="button" data-uid="69f0d122ee115" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--keyboard-arrow-right c-icon--material c-icon--material-keyboard_arrow_right material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" data-material-symbol="keyboard_arrow_right" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="69f0d122ee157" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button></div>
    <div class="c-slider__container splide__track">
        <div class="c-slider__inner splide__list" data-js-slider-inner>
            <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122ecd0d" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ecac2" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ec772" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 1st"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ec7e6" data-component="typography">
    David Conradi 1st
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ec81b" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ec84c" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ec87b" data-component="typography">
    "Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt."
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122eceb3" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ece7d" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ecd69" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 2nd"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ecdc9" data-component="typography">
    David Conradi 2nd
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ecdf5" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ece1e" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ece47" data-component="typography">
    ""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122ed1be" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ed179" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ecfc9" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 3rd"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ed074" data-component="typography">
    David Conradi 3rd
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ed0b0" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ed0e4" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ed128" data-component="typography">
    ""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122ed3ca" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ed37d" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ed22b" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 4th"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ed29b" data-component="typography">
    David Conradi 4th
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ed2db" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ed30e" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ed33f" data-component="typography">
    ""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122ed580" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ed54d" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ed419" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 5st"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ed47f" data-component="typography">
    David Conradi 5st
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ed4ad" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ed4db" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ed508" data-component="typography">
    "Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt."
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122ed74d" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ed70c" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ed5c4" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 6nd"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ed635" data-component="typography">
    David Conradi 6nd
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ed663" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ed691" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ed6d2" data-component="typography">
    ""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122ed8fc" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ed8c3" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ed791" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 7rd"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ed802" data-component="typography">
    David Conradi 7rd
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ed831" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ed85e" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ed88b" data-component="typography">
    ""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122edaaf" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122eda6f" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ed94b" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 8th"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ed9b0" data-component="typography">
    David Conradi 8th
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ed9de" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122eda0b" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122eda38" data-component="typography">
    ""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>
        </div>
    </div>
    
    </div>
    </div>
</div>

    <!-- testimonials.blade.php -->

<div class="c-testimonials">
    <div class="c-testimonials__slider">
            <div class="c-slider splide u-visibility--visible c-slider--16-9 c-slider__navigation--hover c-slider--shadow" data-slides-per-page="2" data-slider-gap="2" data-aria-labels="" data-step="0" data-js-slider="0" data-js-slider-index="0" data-slider-type="loop" data-js-slider-buttons="sider_69f0d122ee7d1381172017" id="sider_69f0d122ee7d1381172017" data-uid="69f0d122ee7e1" data-component="slider">
    <div class="c-slider__arrows" id="slider_sider_69f0d122ee7d1381172017">
        <button class="c-button c-slider__arrow c-slider__arrow--prev c-button__filled c-button__filled--primary c-button--md c-button--icon-only" data-js-slider-prev="1" aria-label="keyboard_arrow_left" type="button" data-uid="69f0d122ee835" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--keyboard-arrow-left c-icon--material c-icon--material-keyboard_arrow_left material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" data-material-symbol="keyboard_arrow_left" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="69f0d122ee873" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>        <button class="c-button c-slider__arrow c-slider__arrow--next c-button__filled c-button__filled--primary c-button--md c-button--icon-only" data-js-slider-next="1" aria-label="keyboard_arrow_right" type="button" data-uid="69f0d122ee8bd" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--keyboard-arrow-right c-icon--material c-icon--material-keyboard_arrow_right material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" data-material-symbol="keyboard_arrow_right" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="69f0d122ee8f6" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button></div>
    <div class="c-slider__container splide__track">
        <div class="c-slider__inner splide__list" data-js-slider-inner>
            <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122ee3c7" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ee382" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ee211" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 1st"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ee29a" data-component="typography">
    David Conradi 1st
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ee2d3" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ee309" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ee33e" data-component="typography">
    "Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt."
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122ee5c6" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ee579" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ee420" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 2nd"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ee494" data-component="typography">
    David Conradi 2nd
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ee4c9" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ee4fd" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ee538" data-component="typography">
    ""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122ee79e" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122ee760" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ee61b" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 3nd"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ee691" data-component="typography">
    David Conradi 3nd
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122ee6c3" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122ee6f4" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122ee724" data-component="typography">
    ""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>
        </div>
    </div>
    
    </div>
    </div>
</div>

    <!-- testimonials.blade.php -->

<div class="c-testimonials">
    <div class="c-testimonials__slider">
            <div class="c-slider splide u-visibility--visible c-slider--16-9 c-slider__navigation--hover c-slider--shadow" data-slides-per-page="2" data-slider-gap="2" data-aria-labels="" data-step="0" data-js-slider="0" data-js-slider-index="0" data-slider-type="loop" data-js-slider-buttons="sider_69f0d122eed01441806200" id="sider_69f0d122eed01441806200" data-uid="69f0d122eed10" data-component="slider">
    <div class="c-slider__arrows" id="slider_sider_69f0d122eed01441806200">
        <button class="c-button c-slider__arrow c-slider__arrow--prev c-button__filled c-button__filled--primary c-button--md c-button--icon-only" data-js-slider-prev="1" aria-label="keyboard_arrow_left" type="button" data-uid="69f0d122eed5c" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--keyboard-arrow-left c-icon--material c-icon--material-keyboard_arrow_left material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" data-material-symbol="keyboard_arrow_left" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="69f0d122eed93" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button>        <button class="c-button c-slider__arrow c-slider__arrow--next c-button__filled c-button__filled--primary c-button--md c-button--icon-only" data-js-slider-next="1" aria-label="keyboard_arrow_right" type="button" data-uid="69f0d122eedd2" data-component="button">   
     <span class="c-button__label">                     <span class="c-button__loader"></span>
        
        
                    <span class="c-button__label-icon ">
                    <!-- icon.blade.php -->
    <span class="c-icon c-icon--keyboard-arrow-right c-icon--material c-icon--material-keyboard_arrow_right material-symbols material-symbols-rounded material-symbols-sharp material-symbols-outlined  c-icon--size-md" aria-hidden="false" data-material-symbol="keyboard_arrow_right" role="img" data-nosnippet="" translate="no" aria-label="Icon: Undefined" data-uid="69f0d122eee08" data-component="icon">
                    </span>
            </span>
        
        
    </span> </button></div>
    <div class="c-slider__container splide__track">
        <div class="c-slider__inner splide__list" data-js-slider-inner>
            <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122eeb18" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122eeada" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122ee98f" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 1st"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122ee9fd" data-component="typography">
    David Conradi 1st
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122eea33" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122eea6c" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122eea9d" data-component="typography">
    "Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt."
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>                                <!-- slider__item.blade.php -->
<section class="c-slider__item c-testimonials__slider__item splide__slide c-slider__item--layout-bottom" data-uid="69f0d122eecd3" data-component="slider__item">
    
    
    

    
        
    
            <div class="c-slider__item__container">
           
            <!-- card.blade.php -->
<div class="c-card c-testimonial c-testimonial--is-hidden c-card--ratio-16-9" data-uid="69f0d122eec9a" data-component="card">
    <div class="c-card__paint-container">
                <!-- image.blade.php -->
    <figure class="c-image c-testimonial__image c-image--type-jpg" data-uid="69f0d122eeb73" data-component="image">
         
            <div 
  class="c-image__image-wrapper"
  
>
    <img
    loading="lazy" 
    class="c-image__image" 
    src="https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg" 
    alt="David Conradi 2nd"
    
></div>                        </figure>


    <div class="c-testimonial__header">
            <!-- typography.blade.php   original: h2 -->
<h2 class="c-typography c-testimonial__author c-typography__variant--h2" data-uid="69f0d122eebda" data-component="typography">
    David Conradi 2nd
</h2>
            <div class="c-divider c-divider--solid c-divider--md c-divider--align-center c-divider--has-frame c-divider--without-title" data-uid="69f0d122eec09" data-component="divider">
    </div>

            <!-- typography.blade.php   original: h3 -->
<h3 class="c-typography c-testimonial__title c-typography__variant--h3" data-uid="69f0d122eec35" data-component="typography">
    Matematik- och idrottslärare
</h3>    </div>

    <div class="c-testimonial__quote">
            <!-- typography.blade.php   original: p -->
<p class="c-typography u-color__text--darker c-typography__variant--p" data-uid="69f0d122eec62" data-component="typography">
    ""Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på.""
</p>    </div>
            </div>
</div>

            
            
                            
            
                        
        </div>
    
    
    

</section>
        </div>
    </div>
    
    </div>
    </div>
</div>

@testimonials([
    'isCarousel' => true,
    'testimonials' => array(
        array(
            'name' => 'David Conradi 1st',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => 'Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt.',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 2nd',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => '"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 3rd',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => '"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 4th',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => '"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 5st',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => 'Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt.',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 6nd',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => '"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 7rd',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => '"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 8th',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => '"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        )
    )
])
@endtestimonials

@testimonials([
    'isCarousel' => true,
    'testimonials' => array(
        array(
            'name' => 'David Conradi 1st',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => 'Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt.',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 2nd',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => '"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 3nd',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => '"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        )
    )
])
@endtestimonials

@testimonials([
    'isCarousel' => true,
    'testimonials' => array(
        array(
            'name' => 'David Conradi 1st',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => 'Det bästa med Filbornaskolan är bredden på programutbudet samt att all personal är engagerad och arbetar mot samma mål. Våra elever ska gå vidare från Filbornaskolan med så mycket kunskap och goda erfarenheter som möjligt.',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        ),
        array(
            'name' => 'David Conradi 2nd',
            'title' => ' Matematik- och idrottslärare',
            'testimonial' => '"Det är så himla roligt att undervisa ungdomar och att lära av dem. Elever som anstränger sig lyckas och att se glädjen i deras ögon när det sker, är det bästa som finns. De ögonblicken lever jag länge på."',
            'image' => 'https://upload.wikimedia.org/wikipedia/commons/a/a8/Bill_Gates_2017_%28cropped%29.jpg',
        )
    )
])
@endtestimonials

API

Parameter	Default	Description
componentElement	div	The tag for the component
testimonials	[]	List containing testimonial items
perRow	4	Number of columns per row. Must be integer divisible by 12
isCarousel	false	If there should be a carousel between for the testimonials
slidesPerPage	2	Number of items per slide, if carousel is true.

CSS API

Variable	Default	Type	Values	Description
--c-testimonials--base	var(--base)	range	-	Main unit that drives radius and spacing scales.
--c-testimonials--color--primary	var(--color--primary)	color	-	Primary
--c-testimonials--border-radius	var(--border-radius)	range	-	Border Radius
--c-testimonials--corner-shape	var(--corner-shape)	select	square, round, squircle, circular, bevel, scoop	Corner Shape
--c-testimonials--color--surface-border	var(--color--surface-border)	color	-	Manual companion token for borders on surface elements.
--c-testimonials--color--surface-contrast	var(--color--surface-contrast)	color	-	Used for text and icons on surface backgrounds with less contrast.
--c-testimonials--shadow-color	var(--shadow-color)	rgba	-	Shadow Color
--c-testimonials--shadow-amount	var(--shadow-amount)	range	-	Multiplier for elevation shadows. 0 = none, 1 = default.

Similar components

Modal Collection Button