Accordions

Title tab #1

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lobortis massa purus, sit amet posuere augue condimentum ac. Proin mi nunc, sagittis et pulvinar et, malesuada vehicula neque. Quisque euismod nulla eget viverra hendrerit. Ut hendrerit, ante tristique molestie pretium, elit massa posuere est, sit amet efficitur nulla est quis odio. Nunc mi enim, semper non commodo imperdiet, sodales et nulla. Aenean libero enim, faucibus ac enim at, efficitur ornare purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam fringilla tortor non dolor placerat, nec dapibus lectus dignissim. Donec tincidunt pretium egestas. Etiam sed placerat arcu.

Title tab #2

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lobortis massa purus, sit amet posuere augue condimentum ac. Proin mi nunc, sagittis et pulvinar et, malesuada vehicula neque. Quisque euismod nulla eget viverra hendrerit. Ut hendrerit, ante tristique molestie pretium, elit massa posuere est, sit amet efficitur nulla est quis odio. Nunc mi enim, semper non commodo imperdiet, sodales et nulla. Aenean libero enim, faucibus ac enim at, efficitur ornare purus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam fringilla tortor non dolor placerat, nec dapibus lectus dignissim. Donec tincidunt pretium egestas. Etiam sed placerat arcu.

How do they work?

  1. It needs two sections: an accordion header and an accordion content
  2. The element that enclose both of them (group, container, column etc) must have the CSS class “ea-block-accordion”
  3. The element that has the content (group, container, column etc) must have the CSS class “ea-block-accordion-content”
  4. An element that serves as a button to toggle on/off the accordion needs the CSS class “ea-block-accordion-btn”. It does not matter if its a paragraph, a heading, a button etc. As long as it has that class and it’s outside “ea-block-accordion-content” but inside of “ea-block-accordion”

Item slider

What Are People Saying
About Us

Great design!

I am very helped in making a
website and business
development that makes the
product that I have to have a
quality for use by the user

John Doe

Product designer

Great design!

I am very helped in making a
website and business
development that makes the
product that I have to have a
quality for use by the user

John Doe

Product designer

Great design!

I am very helped in making a
website and business
development that makes the
product that I have to have a
quality for use by the user

John Doe

Product designer

Great design!

I am very helped in making a
website and business
development that makes the
product that I have to have a
quality for use by the user

John Doe

Product designer

How do they work?

  1. It needs two sections: the slider controls and the actual slider with multiple items
  2. The element that enclose both of them (group, container, column etc) must have the CSS class “ea-item-slider-container”
  3. The element that has the slider items (group, container, column etc) must have the CSS class “ea-item-slider”
    1. By default the slider show one item at a time in mobile
    2. This element can have other class like “ea-item-slider-2-cards”, “ea-item-slider-3-cards” or “ea-item-slider-4-cards”. These pretty much dictate how many items are shown at a time from desktop sizes
  4. The elements use to move to the right or left of the slider ca be any element but must have “ea-item-slider-control-next” CSS class or “ea-item-slider-control-prev” CSS class.