• Home
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Altona
    • Hafen
    • Enkel
    • Horten
    • Agen
    • Hisingen
    • Tjörn
    • Lacksund
    • Öland
  • Page builder
  • Support
  • Blog
  • Home
  • Templates
    • Zion
    • Alsten
    • Lemberg
    • Bergen
    • Altona
    • Hafen
    • Enkel
    • Horten
    • Agen
    • Hisingen
    • Tjörn
    • Lacksund
    • Öland
  • Page builder
  • Support
  • Blog

     

    Easy-to-Use & Customizable 

    Animation Elements 

     

    Live Preview
    draggable-hero text-center
    How to add custom widget to your Jimdo website pull-down

    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-primary color-white hs-fullwidth

    Support

    • Docs
    • Guides
    • Style Editor
    • Global Updates
    • Theme Updates
    • Helper classes
    • Common support issues
    • Contact

    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
    • Pricing
    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-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.
    is-switcher

    MATRIX THEMES

    STAND OUT WITH A PROFESSIONAL JIMDO WEBSITE

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