This is a hero title
<var> draggable-hero color-white g-font </var>
Matrix variables
Background color
This is a title
Praesent vestibulum dapibus nibh. Ut non enim eleifend felis pretium feugiat. In auctor lobortis lacus. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim.Praesent vestibulum dapibus nibh. Ut non enim eleifend felis pretium feugiat. In auctor lobortis lacus. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim.
<var> bg-gray add-20 mid-round </var>
Fullwidth background color
This is a title
Praesent vestibulum dapibus nibh. Ut non enim eleifend felis pretium feugiat. In auctor lobortis lacus. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim.Praesent vestibulum dapibus nibh. Ut non enim eleifend felis pretium feugiat. In auctor lobortis lacus. Morbi vestibulum volutpat enim. Morbi vestibulum volutpat enim.
<var> hs-fullwidth bg-primary color-white </var>
Heading's alignment
Center aligned heading
<var> center-align </var>
Hide mobile / only mobile
This block is visible only on desktop devices
This is a title
Morbi ac felis. Morbi nec metus. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Curabitur ullamcorper ultricies nisi. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.
<var> hide-mobile </var>
Other options:
<var> hide-mobile-phone </var>
<var> only-mobile </var>
Animations
This is a title
Phasellus blandit leo ut odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce id purus. Donec mollis hendrerit risus. Curabitur ullamcorper ultricies nisi. Suspendisse potenti.
<var> wow animated fadeInUp </var>
Tile banner 01
This is a title
Donec mollis hendrerit risus. Curabitur at lacus ac velit ornare lobortis.
<var> is-tile bg-primary color-white white-outline-btn is--flex is-flex-block no-padding </var>
Tile banner 02
This is a custom title
Another subtitle goes here
Donec mollis hendrerit risus. Curabitur at lacus ac velit ornare lobortis.Fusce vel dui. In ut quam vitae odio lacinia tincidunt. Pellentesque auctor neque nec urna. Nullam accumsan lorem in dui. Phasellus blandit leo ut odio.
<var> is-tile has-custom-heading </var>
Tile banner 03
This is a Title
Donec mollis hendrerit risus. Curabitur at lacus ac velit ornare lobortis.Fusce vel dui. In ut quam vitae odio lacinia tincidunt. Pellentesque auctor neque nec urna. Nullam accumsan lorem in dui. Phasellus blandit leo ut odio.
<var> is-tile has-mask rel </var>
Custom tile banner
This is a title
Donec posuere vulputate arcu. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris sollicitudin fermentum libero. Vivamus laoreet. Praesent nec nisl a purus blandit viverra.
<ins> is-tile-overlay bg-yellow add-20 mid-round </ins>
Fullwidth module
<var> is-fullwidth </var>
Custom links
In ut quam vitae odio lacinia tincidunt. Nunc interdum lacus sit amet orci. Sed cursus turpis vitae tortor. Pellentesque posuere. Nam commodo suscipit quam.
In ut quam vitae odio lacinia tincidunt. Phasellus accumsan cursus velit. Maecenas nec odio et ante tincidunt tempus. Curabitur vestibulum aliquam leo. Curabitur turpis.
Etiam sit amet orci eget eros faucibus tincidunt. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
<var> has-link-insideout </var>
In ut quam vitae odio lacinia tincidunt. Nunc interdum lacus sit amet orci. Sed cursus turpis vitae tortor. Pellentesque posuere. Nam commodo suscipit quam.
In ut quam vitae odio lacinia tincidunt. Phasellus accumsan cursus velit. Maecenas nec odio et ante tincidunt tempus. Curabitur vestibulum aliquam leo. Curabitur turpis.
Etiam sit amet orci eget eros faucibus tincidunt. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
<var> has-link-fromleft </var>
In ut quam vitae odio lacinia tincidunt. Nunc interdum lacus sit amet orci. Sed cursus turpis vitae tortor. Pellentesque posuere. Nam commodo suscipit quam.
In ut quam vitae odio lacinia tincidunt. Phasellus accumsan cursus velit. Maecenas nec odio et ante tincidunt tempus. Curabitur vestibulum aliquam leo. Curabitur turpis.
Etiam sit amet orci eget eros faucibus tincidunt. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Nam ipsum risus, rutrum vitae, vestibulum eu, molestie vel, lacus. Sed augue ipsum, egestas nec, vestibulum et, malesuada adipiscing, dui. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia.
<var> has-link-bounced </var>
Quick links
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
| body | |
| top-header | |
| header | |
| content |
| background | |
| text color | |
| link color | |
| horizontal line |
| style 1 | |
| style 2 | |
| style 3 | |
| text color |
| social icons | |
| navigation color | |
| subnav background |
| background color | |
| navigation color |
| Template configurations |
| has-center-nav g-font has-large-header |
| Navigation styles |
| size-15 weight-400 snip-nav --line01 is-uppercase |
| Content styles |
| form-white |
| Footer styles |
| o-form color-white |
|
Typography |
| Heading H1 |
| weight-600 is-uppercase |
| Heading H2 |
| weight-400 is-uppercase |
| Heading H3 |
| weight-600 is-uppercase |
| Buttons |
| weight-600 is-uppercase |
| Animations |
Note: All changes made here will be applied to your entire website.
MATRIX THEMES
STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE