Component Layouts
Heros
ID: #sonic-hero
Hero Title One
Hero under the title that explains more or makes a sales pitch or provides some kind of discount.
Click-worthy CTA!ID: #sonic-hero-center
Hero Title One
Hero under the title that explains more or makes a sales pitch or provides some kind of discount.
Click-worthy CTA!
ID: #sonic-row-hero
Class: .sonic-image-col (Place inside of hero, outside of container with content)
Hero Title One
Hero under the title that explains more or makes a sales pitch or provides some kind of discount.
Click-worthy CTA!
ID: #sonic-row-hero
Class: .sonic-image-col .right (Place inside of hero, outside of container with content)
Hero Title One
Hero under the title that explains more or makes a sales pitch or provides some kind of discount.
Click-worthy CTA!Banners
ID: #sonic-banner
Hero Title One
Hero under the title that explains more or makes a sales pitch or provides some kind of discount.
Footers
ID: #sonic-footer
Class: .sonic-footer-top
