Instructions

SVG Icons

This template uses SVG for the icons. To change the icons, edit the embed and add your icon's SVG code. Get free SVG icons from Boxicons.

Counter Animation (GSAP code)

1. The Class

Select your text element (Heading or Text Block) and add the following class:
Class Name: counter
Note: If you already have a class for styling (e.g., Statistic Number), add counter as a Combo Class.

2. The Custom Attributes

With the element selected, go to the Element Settings Panel (Shortcut: D) and scroll down to Custom Attributes. Add the following four attributes:

Attribute Name

Value

data-target

900

The final number to reach

data-duration

Speed of the count (in seconds)

data-digits

Decimal places (e.g., 0 for 900, 2 for 900.00)

data-ease

power1.out

The "feel" of the speed (starts fast, ends slow)

Webflow Template Support

The website was constructed on Webflow with a focus on implementing optimal techniques to ensure that modifying the template and adapting it to your specifications is a hassle-free process.

However, if you ever find any issue, need help, or just want to say hi, feel free to send us an email at — quix.webstudio@gmail.com We will be happy to help you.

Custom Design & Development

Alternatively, if you require assistance in constructing a distinct and customized iteration of this templates, or simply a stunning website created and programmed entirely on Webflow, we can provide aid, feel free to get in touch with our Webflow design & development agency.

Instructions

Product

Solutions

Features

Resouces

Company