Nova Services + Content

Heading

Doggo Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus eros et felis iaculis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ultrices molestie lacinia. Maecenas dapibus, metus vitae consectetur suscipit, libero ante volutpat felis, non sodales risus lectus ut magna.

Doggo Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus eros et felis iaculis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ultrices molestie lacinia. Maecenas dapibus, metus vitae consectetur suscipit, libero ante volutpat felis, non sodales risus lectus ut magna.

Doggo Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus eros et felis iaculis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ultrices molestie lacinia. Maecenas dapibus, metus vitae consectetur suscipit, libero ante volutpat felis, non sodales risus lectus ut magna.

Doggo Ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec faucibus eros et felis iaculis pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi ultrices molestie lacinia. Maecenas dapibus, metus vitae consectetur suscipit, libero ante volutpat felis, non sodales risus lectus ut magna.

Notes

  • The Nova section can be used as both a content section and a service section
  • This sections¬†does not¬†work with accordions as it will break the design and functionality of the section when they expand
  • A hover state should be applied if the section is used as a service section
  • The services section has been broken into a component based on the specific layout and functionality required. The reasons we need to use the specific component instead of creating the section from scratch is the following:
    1. We have preset have functionality built in
    2. Removing the image on mobile to reduce vertical scroll
    3. Converting to a button on mobile to reduce vertical scroll
    4. Accessibility, currently with Bootstrap Blocks these would throw empty link error
instagram facebook facebook2 pinterest twitter google-plus google linkedin2 yelp youtube phone location calendar share2 link star-full star star-half chevron-right chevron-left chevron-down chevron-up envelope fax