• Home
  • Add-ons
  • Templates
  • Page builder
  • Blog
  • Home
  • Add-ons
  • Templates
  • Page builder
  • Blog
  1. Add-ons

 

Easy-to-Use & Customizable 

Animation Elements 

 

bg-dark hs-fullwidth has-no-gutter color-white

Make it stand out

Wow animations

Title 01

Vivamus consectetuer hendrerit lacus. Praesent venenatis metus at tortor pulvinar varius. Praesent adipiscing. Curabitur ligula sapien, tincidunt non, euismod vitae, posuere imperdiet, leo. Quisque libero metus, condimentum nec, tempor a, commodo mollis, magna.

New Button
wow animated fadeInUp

Title 02

Curabitur blandit mollis lacus. Phasellus dolor. Morbi mollis tellus ac sapien. Ut non enim eleifend felis pretium feugiat. Praesent egestas tristique nibh.

 

Quisque id odio. Phasellus consectetuer vestibulum elit. Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus. Cras sagittis. Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci.

 

New Button

Title 03

In hac habitasse platea dictumst. Etiam sollicitudin, ipsum eu pulvinar rutrum, tellus ipsum laoreet sapien, quis venenatis ante odio sit amet eros. Vivamus consectetuer hendrerit lacus.

Cras non dolor. Donec vitae orci sed dolor rutrum auctor.

In hac habitasse platea dictumst. In dui magna, posuere eget, vestibulum et, tempor auctor, justo.

New Button


<var> wow animated fadeIn-Up </var>
wow animated fadeIn


<var> wow animated fadeIn </var>

Other animation effects:

  • wow animated fadeInLeft
  • wow animated fadeInRight
  • wow animated fadeInLeftBig
  • wow animated fadeInRightBig
  • wow animated fadeInDown
  • wow animated fadeInUp
  • wow animated pulse

Folded animation

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.

New Button
wow is-folded-left-img


<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.

New Button
wow is-folded-right-img


<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.

New Button
wow is-folded-left


<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.

New Button
wow is-folded-right


<var> wow is-folded-right </var>

Floating effect

is-custom
anim-up-down


<var> anim-up-down </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 effect

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.

lazy


<var> lazy </var>

How to add a custom widget to your Jimdo website

01.

Click the Matrix Themes admin menu and select the 'Shortcodes' section.

02.

Choose any custom widget using the copy button.

03.

Paste the widget code to your website inside the 'Widget/HTML' module.

04.

Customize it by adding your own text and images.

hs-fullwidth bg-lightgray
How to add a custom widget to Jimdo website wow animated fadeInUp

Make your own website

with built-in tools to grow your business online.

Select a template
bg-dark color-white hs-fullwidth

Resources

  • Overview
  • Default vs Custom template
  • Style Editor
  • Global Updates
  • Theme Updates
  • Common support issues

Features

  • Templates
  • Page Builder
  • Add-ons
  • Landing pages
  • Alt Classes
  • Matrix variables

Get inspired

  • Most popular templates
  • Website examples
  • Custom widgets
  • Block Elements
  • Fluid Sections

Quick links

  • Marketplace
  • Matrix Themes for Agencies
  • Matrix Themes for Web Designers
  • Small Business websites
  • Create a new website
hide-in-doc-page

draggable-logo

Showcase

 

Main colors
   bg-primary
   bg-primary-light
   bg-primary-dark
   bg-secondary
   bg-secondary-dark
Template sections
   body
   top-header
   header
   content
Footer Styles
   background
   text color
   link color
   horizontal line
Buttons
   style 1
   style 2
   style 3
   text color
Other elements
  social icons
  navigation color
  subnav background
Mobile navigation
   background color
   navigation color
Template configurations
 
has-right-nav has-large-header g-font m-text-16
 
Navigation styles
 
size-16 weight-400 snip-nav
 
Content styles
 
form-white
 
Footer styles
 
o-form color-white

 

Typography

Heading H1
weight-600
 
Heading H2
weight-600
 
Heading H3
weight-500
 
Buttons
weight-400
 
Animations
 

Note:
All changes made here will be applied to your entire website.
is-switcher

Stand out with professional Jimdo website

About | Privacy Policy | Cookie Policy | Sitemap
Created with Jimdo
Log in Log out | Edit
  • Scroll to top
Close