Info banner

Standalone component.
A banner that takes up its full width. Has a light text color, and therefore it demands a dark background color.

Info banner

Component status: WIP

Standalone component.
A banner that takes up its full width. Has a light text color, and therefore it demands a dark background color.

<div class="banner-info c--dark-green-cyan" data-animate="fade-in-slide">

    <div class="banner-info__attentive">
        <p><strong>OBS: Grundet Black Friday og Black Weekend kan der være længre svartid disse dage</strong></p>
    </div>

    <h2 class="banner-info__heading">Vi glæder os til at høre fra dig</h2>

    <div class="banner-info__content css-grid css-grid--collapse css-grid--one css-grid-sm--three">
  
            <div class="banner-info__item">
                
                <img src="/images/svg/clock.svg">
                
                <div class="banner-info__item__text">
                    <p class="banner-info__item__trumpet">Alle dage</p>
                    <p class="banner-info__item__info">kl. 9 - 21</p>
                </div>

            </div>
  
            <div class="banner-info__item">
                
                <img src="/images/svg/phone.svg">
                
                <div class="banner-info__item__text">
                    <p class="banner-info__item__trumpet">Ring til os</p>
                    <p class="banner-info__item__info">+45 33 11 44 33</p>
                </div>

            </div>
  
            <div class="banner-info__item">
                
                <img src="/images/svg/mail.svg">
                
                <div class="banner-info__item__text">
                    <p class="banner-info__item__trumpet">Skriv til os</p>
                    <p class="banner-info__item__info">online@magasin.dk</p>
                </div>

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

Vi glæder os til at høre fra dig

Se mere

[title]