Easy-to-Use & Customizable
Animation Elements
Wow Animations
What's new in 2024 Tech
image cardLorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum.
Custom button
What's new in 2024 Tech
image cardLorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum.
Custom button
What's new in 2024 Tech
image cardLorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum.
Custom button
<var> wow animate__animated animate__fadeInUp </var>
Other animation effects:
- wow animate__animated animate__fadeInLeft
- wow animate__animated animate__fadeInRight
- wow animate__animated animate__fadeInLeftBig
- wow animate__animated animate__fadeInRightBig
- wow animate__animated animate__fadeInDown
- wow animate__animated animate__fadeInUp
- wow animate__animated animate__pulse
Folded Animations
Folded animations
Aenean ut eros et nisl sagittis vestibulum. Praesent ac sem eget est egestas volutpat. Ut leo. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Donec mi odio, faucibus at, scelerisque quis, convallis in, nisi.
Praesent blandit laoreet nibh. Sed cursus turpis vitae tortor.. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur nisi.
<var> wow is-folded-left-img </var>
Folded animations
Nam eget dui. Etiam sit amet orci eget eros faucibus tincidunt. In ut quam vitae odio lacinia tincidunt. Ut varius tincidunt libero. Sed lectus.
Maecenas nec odio et ante tincidunt tempus. Nulla consequat massa quis enim. Phasellus tempus. Suspendisse faucibus, nunc et pellentesque egestas, lacus ante convallis tellus, vitae iaculis lacus elit id tortor. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla.
<var> wow is-folded-right-img </var>
Folded animations
Praesent vestibulum dapibus nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Vivamus aliquet elit ac nisl. Praesent egestas neque eu enim.
Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Proin faucibus arcu quis ante. Morbi nec metus. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Nullam accumsan lorem in dui.
<var> wow is-folded-left </var>
Folded animations
Praesent vestibulum dapibus nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; In ac dui quis mi consectetuer lacinia. Donec interdum, metus et hendrerit aliquet, dolor diam sagittis ligula, eget egestas libero turpis vel mi. Vivamus aliquet elit ac nisl. Praesent egestas neque eu enim.
Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Proin faucibus arcu quis ante. Morbi nec metus. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Nullam accumsan lorem in dui.
<var> wow is-folded-right </var>
Floating Animations
<var> anim-up-down </var>
<var> anim-left-right </var>
Use the class 'anim-up-down' as Alt TEXT for a single Jimdo image
while the option with the variables will allows you to animate the whole column.
Lazy Load
Cras non dolor. Fusce pharetra convallis urna. Vivamus euismod mauris. Praesent turpis. Donec vitae sapien ut libero venenatis faucibus.
Fusce neque. Curabitur turpis. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi. Cras sagittis. Sed lectus.
Aenean vulputate eleifend tellus. Cras non dolor. Quisque id odio. Fusce convallis metus id felis luctus adipiscing. Fusce commodo aliquam arcu.
<var> lazy </var>
Scroll Animations
Our features
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
The Choice Is Yours.
Make your website look better with Matrix themes and easy-to-use design tools. Create a simple, attractive site that keeps visitors interested and helps you succeed online.
Read more
Sticky Animations
3 Reasons to choose Matrix Themes
Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit. Maecenas nec odio et ante tincidunt tempus.
High quality
Nunc egestas, augue at pellentesque laoreet,
Professional Support
Create a stunning Jimdo website with Matrix Themes.Lorem ipsum dolor sit amet,sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, At vero eos et accusam et justo duo dolores et ea rebum. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit.
Individual approach
Nunc egestas, augue at pellentesque laoreet, felis eros vehicula leo Pellentesque libero tortor, tincidunt et, tincidunt eget, semper nec, quam.
3 Reasons to choose Matrix Themes
This is a quote title
Etiam rhoncus. Aenean commodo ligula eget dolor. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Aenean viverra rhoncus pede. Sed hendrerit. Vestibulum dapibus nunc ac augue. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc, quis gravida magna mi a libero. Etiam imperdiet imperdiet orci.
- Quote ( Style 01 )
This is a quote title
Etiam rhoncus. Aenean commodo ligula eget dolor. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi.
- Quote ( Style 01 )
This is a quote title
Etiam rhoncus. Aenean commodo ligula eget dolor. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Aenean viverra rhoncus pede. Sed hendrerit. Vestibulum dapibus nunc ac augue. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc.
- Quote ( Style 01 )
How to Add a Custom Widget to Your Jimdo Website
In Matrix Themes admin menu select the Shortcodes section.
Choose a custom widget and click the Copy button.
Paste the widget code into your website using the Widget/HTML module.
Customize the widget by adding your own text and images.
Make your own website
with built-in tools to grow your business online.
Resources
Documentation
| bg-primary | |
| bg-primary-light | |
| bg-primary-dark | |
| bg-secondary | |
| bg-secondary-dark |
| body | |
| top-header | |
| top-header-inner | |
| header | |
| header-inner | |
| navigation-inner | |
| navigation color | |
| dropdown background color | |
| content |
| background | |
| text color | |
| link color | |
| horizontal line |
| style 1 | |
| style 2 | |
| style 3 | |
| text color |
| background color | |
| navigation color |
| social icons | |
| top header border | |
| header border | |
| nav inner border |
| Template configurations | |
|
|
| Top header inner | |
| Header inner | |
| Navigation inner | |
| Navigation styles | |
| size-15 weight-400 snip-nav --line01 | |
| Sub-menu (breadcrumbs) styles | |
| size-15 | |
| Mobile Navigation styles | |
| size-30 | |
| Content styles | |
| form-white | |
| Footer styles | |
| o-form color-white | |
| Footer background image | |
|
Typography |
|
| Heading H1 | |
| weight-400 | |
| Heading H2 | |
| weight-400 | |
| Heading H3 | |
| weight-400 | |
| Buttons | |
| weight-400 | |
| Advanced settings | |
| Custom CSS | |
|
#cc-inner .my-class { color:#f0f0f0; }
|
Note: All changes made here will be applied to your entire website.