Testimonial

Für ein Motto, einen Leitspruch oder ein griffiges Zitat kann das Modul Testimonial verwendet werden. Dieses ist als Version ohne Bild und als Version mit Bild verfügbar.

The Testimonial module can be used for adding a motto, a guiding principle or a captivating quote. It is available in a version without an image and a version with an image.

.modul-testimonal

Das ist ein Testimonial ohne Bild. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.

Name Alter, Position

<blockquote class="modul-testimonial">

      

            <div class="textbox">
            <i class="bicon bicon-quote-left quote" aria-hidden="true"></i>
            <div class="text">
                Das ist ein Testimonial ohne Bild. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.
            </div>
            <div class="caption">
                Name Alter, Position
            </div>
        </div>
        
</blockquote>

@Halfpoint - stock.adobe.com

Das ist ein Testimonial mit Bild. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.

Name Alter, Position

<blockquote class="modul-testimonial">

      

        <div class="image">
                <div class="image__image">
            <img src="../../styleguide/static/adobestock/AdobeStock_238190801_400px.jpg" alt="Alternative Bildbeschreibung" >
        </div>
        <p class="image__copyright">
            @Halfpoint - stock.adobe.com
        </p>
        <div class="image__overlay">
            <div class="textbox">
                <i class="bicon bicon-quote-left quote" aria-hidden="true"></i>
                <div class="text">
                    <p>Das ist ein Testimonial mit Bild. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.</p>
                </div>
                <div class="caption">
                    <p>Name Alter, Position</p>
                </div>
            </div>
        </div>
    </div>
        
</blockquote>

Testimonial mit Hochkantbild

@Halfpoint - stock.adobe.com

Das ist ein Testimonial mit Bild. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.

Name Alter, Position

<blockquote class="modul-testimonial">

            <h2 class="title">Testimonial mit Hochkantbild</h2>
      

        <div class="image">
                <div class="image__image">
            <img src="../../styleguide/static/adobestock/AdobeStock_83752936_360px_4x5.jpg" alt="Alternative Bildbeschreibung" >
        </div>
        <p class="image__copyright">
            @Halfpoint - stock.adobe.com
        </p>
        <div class="image__overlay">
            <div class="textbox">
                <i class="bicon bicon-quote-left quote" aria-hidden="true"></i>
                <div class="text">
                    <p>Das ist ein Testimonial mit Bild. Philosophy is considered a science but it is difficult to say, when one has to compare with an ordinary science, for example biology, or chemistry.</p>
                </div>
                <div class="caption">
                    <p>Name Alter, Position</p>
                </div>
            </div>
        </div>
    </div>
        
</blockquote>