Skip to content

Latest commit

 

History

History
176 lines (172 loc) · 5.81 KB

features.md

File metadata and controls

176 lines (172 loc) · 5.81 KB
title sections layout
Features
type title subtitle background_color
hero_section
Explore Features
Features Page Demo
primary
type features
features_section
title subtitle content image image_alt media_position media_width
Section Title One
Odio et tortor laoreet, sed interdum augue ornare.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl ligula, cursus id molestie vel, maximus aliquet risus. Vivamus in nibh fringilla, fringilla.
images/about-3.jpg
Top view of business meeting
right
fifty
title subtitle content video_embed_html media_position media_width
Section Title Two
In fermentum odio et tortor laoreet, sed interdum augue ornare.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl ligula, cursus id molestie vel, maximus aliquet risus. Vivamus in nibh fringilla, fringilla.
<iframe width="560" height="315" src="https://www.youtube.com/embed/aS1aPOOMQMk?modestbranding=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
left
fifty
title subtitle content image image_alt media_position media_width
Section Title Three
Donec nisl ligula, cursus id molestie vel.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl ligula, cursus id molestie vel, maximus aliquet risus. Vivamus in nibh fringilla, fringilla.
images/about-1.jpg
Happy co-workers
right
fifty
type title subtitle grid_items grid_cols grid_gap_horiz grid_gap_vert enable_cards align background_color
grid_section
Cards Section
Grid Section Example
title title_align content content_align actions actions_align image image_alt image_position image_align image_has_padding
Section Item 1
left
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl ligula, cursus id molestie vel, maximus aliquet risus. Vivamus in nibh fringilla, fringilla.
left
label url style has_icon icon icon_position
Learn More
/style-guide
link
true
arrow-right
center
left
images/classic/icon-1.svg
Item 1 icon
top
left
true
title title_align content content_align actions actions_align image image_alt image_position image_align image_has_padding
Section Item 2
left
Ac felis donec et odio pellentesque. Sagittis vitae et leo duis ut diam quam nulla. Ullamcorper a lacus vestibulum sed arcu non odio euismod lacinia.
left
label url style has_icon icon icon_position
Learn More
/style-guide
link
true
arrow-right
center
left
images/classic/icon-2.svg
Item 2 icon
top
left
true
title title_align content content_align actions actions_align image image_alt image_position image_align image_has_padding
Section Item 3
left
Ac felis donec et odio pellentesque. Sagittis vitae et leo duis ut diam quam nulla. Ullamcorper a lacus vestibulum sed arcu non odio euismod lacinia.
left
label url style has_icon icon icon_position
Learn More
/style-guide
link
true
arrow-right
center
left
images/classic/icon-3.svg
Item 3 icon
top
left
true
title title_align content content_align actions actions_align image image_alt image_position image_align image_has_padding
Section Item 4
left
Ac felis donec et odio pellentesque. Sagittis vitae et leo duis ut diam quam nulla. Ullamcorper a lacus vestibulum sed arcu non odio euismod lacinia.
left
label url style has_icon icon icon_position
Learn More
/style-guide
link
true
arrow-right
center
left
images/classic/icon-3.svg
Item 4 icon
top
left
true
two
medium
medium
true
center
none
type title subtitle grid_items grid_cols grid_gap_horiz grid_gap_vert align background_color
grid_section
Reviews Section
Grid Section Example
content image image_alt image_position image_width
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl ligula, cursus id molestie vel, maximus aliquet risus. **Eleanor Carr,** *CTO, Studio*
images/eleanor-carr.png
Eleanor Carr
left
twenty-five
content image image_alt image_position image_width
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec nisl ligula, cursus id molestie vel, maximus aliquet risus. **Gordon Norman,** *Web Designer, Studio*
images/gordon-norman.png
Gordon Norman
left
twenty-five
two
medium
large
center
secondary
type title content actions actions_position align padding_top padding_bottom has_border background_color
cta_section
This is a Call to Action
Ut egestas elementum suscipit. Quisque at hendrerit mauris.
label url style
Compare Plans
/pricing
primary
right
left
medium
medium
false
primary
advanced