Text element

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

2021.
This is some text inside of a div block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

2021.
This is some text inside of a div block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

2021.
This is some text inside of a div block.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Swiper

Swiper Pagination Progress

Swiper Autoplay Progress

Swiper Autoplay Progress
With Progress Bar For Each Slide

CountUp Animation

Just add [data-counter] to text element that needs count up animation

25
75
1000

Popup Modal

• Add [data-popup-open="id"] on any element to open a modal
• Add [data-popup="id"] on the modal element (must match trigger id)
• [data-popup-close] on any element to close the modal (button, overlay, etc.)
• Add [data-popup-scroll-lock] to the [data-popup] element to prevent body scrolling (optional)
• Add or remove [data-popup-close] from .popup-overlay to turn the closing of the popup on outside click on/off
• Add [data-popup-auto-open="value in ms"] to the [data-popup] element to have the popup auto open after certain amount of time in ms
• Only one modal can be open at a time

Open Popup A
Open Popup B