Images
Back to Topframe
noframe
noframe__rounded
shadow
picframe
innerframe
img-wrap
Videos/Maps
Back to Topflex-video
flex-video widescreen
flex-video
flex-video widescreen
CTAs
Back to Topcta-box
Guarantee 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
cta-box primary
Guarantee 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
cta-box secondary
Guarantee 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
cta-box third
Guarantee 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
cta-hop-box hopscotch-section
H3: Tertiary Header About a Service, Product, or Special Offer
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque iaculis velit at dictum vulputate. Nullam hendrerit arcu a lorem pretium scelerisque. Vivamus accumsan scelerisque neque, non ornare lectus semper quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque iaculis velit at dictum vulputate. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Learn Morecta-box full
Typography & Buttons
Back to TopHeadings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading Large
* Add class 'large' to any heading to make it 60px
Heading Medium
* Add class 'md' to any heading to make it 50px
Heading Small
* Add class 'sm' to any heading to make it 35px
Pargraph Large
* Or add classes 'large' and 'heading' to any text to make it 50px and 600 font-weight
Pargraph w/ Heading
* Add class 'heading' to any text to style like an 'h' element
Text
paragraph
paragraph
* Uses class 'cta'
This is a quoteWritten by Source
paragraph
* Add class 'primary-color' to use this color on text
paragraph
* Add class 'secondary-color' to use this color on text
paragraph
* Add class 'third-color' to use this color on text
paragraph
* Add class 'fourth-color' to use this color on text
paragraph
* Add class 'fifth-color' to use this color on text
Lists
Custom List
Uses class 'custom-list'
- List
- List
- List
- List
Custom List 2-Col
Uses classes 'custom-list' & 'two-columns'
- List
- List
- List
- List
Custom List 3-Col
Uses classes 'custom-list' & 'three-columns'
- List
- List
- List
- List
- List
- List
Buttons
Button
Uses class 'button'
Button Secondary
Uses classes: 'button' 'secondary'
Button Dark-Bg
Uses classes: 'button' 'dark-bg'
Button Third
Uses classes: 'button' 'third'
Button Hollow
Uses classes: 'button' 'hollow'
Get In Touch chevron_right
Uses class: 'arrow'