Macro Modules | Full Bg Cta

HTML

<section class="full-bg-cta js-full-bg-cta" role='banner' aria-label="hero image" data-image-lg="/images/temp/full-bg-cta-1-lg.jpg"
                                                                                    data-image-md="/images/temp/full-bg-cta-1-md.jpg"
                                                                                    data-image-sm="/images/temp/full-bg-cta-1-sm.jpg">
            
                <div class="full-bg-cta__bg-container js-full-bg-cta__bg-container">
                    <div class="full-bg-cta__bg full-bg-cta__bg--lg js-full-bg-cta__bg--lg u-hidden-mq-sm u-hidden-mq-md"></div>
                    <div class="full-bg-cta__bg full-bg-cta__bg--md js-full-bg-cta__bg--md u-hidden-mq-sm u-hidden-mq-lg"></div>
                    <div class="full-bg-cta__bg full-bg-cta__bg--sm js-full-bg-cta__bg--sm u-hidden-mq-md u-hidden-mq-lg"></div>
                </div>
            
                <div class="full-bg-cta__contain l-contain">
                    <h2 class="full-bg-cta__title">Why Choose University of Maryland Medical System?</h2>
                    <div class="u-align-center">
                        <a href="#" class="btn btn__cta btn__cta--yellow-reverse">Call To Action Here</a>
                    </div>
                </div>
            
            </section> <!-- .full-bg-cta -->

Notes

Full Background CTA

Templates this appears on:

HTML

<section class="full-bg-cta js-full-bg-cta" role='banner' aria-label="hero image" data-image-lg="/images/temp/full-bg-cta-3-lg.jpg"
                                                                                    data-image-md="/images/temp/full-bg-cta-3-lg.jpg"
                                                                                    data-image-sm="/images/temp/full-bg-cta-3-lg.jpg">
            
                <div class="full-bg-cta__bg-container js-full-bg-cta__bg-container">
                    <div class="full-bg-cta__bg full-bg-cta__bg--lg js-full-bg-cta__bg--lg u-hidden-mq-sm u-hidden-mq-md"></div>
                    <div class="full-bg-cta__bg full-bg-cta__bg--md js-full-bg-cta__bg--md u-hidden-mq-sm u-hidden-mq-lg"></div>
                    <div class="full-bg-cta__bg full-bg-cta__bg--sm js-full-bg-cta__bg--sm u-hidden-mq-md u-hidden-mq-lg"></div>
                </div>
            
                <div class="full-bg-cta__contain l-contain">
                    <h2 class="full-bg-cta__title">Entity Message Here</h2>
                    <div class="u-align-center">
                        <a href="#" class="btn btn__cta btn__cta--yellow-reverse">Call To Action Here</a>
                    </div>
                </div>
            
            </section> <!-- .full-bg-cta -->

Notes

Full Background CTA

Templates this appears on:

Full Background CTA w/ Yellow Button

Why Choose University of Maryland Medical System?

HTML

Notes

Full Background CTA w/ White Button

Entity Message Here

HTML

Notes