Let me give you a quick tour of the platform.

How to use Countdown element

-visual element that displays a timer counting down to a specific date or event. -It's a dynamic way to create anticipation and inform visitors about an upcoming event, product launch, sale, promotion, or any other time-sensitive activity.

Countdown

Drag and dropping the element anywhere within your section or layout would be the first step.

How to use Countdown Element?

The settings will show up after clicking the countdown box.

Click on the Countdown box 

This settings will appear after clicking the countdown box.

Countdown Box settings popup

You can set the timer date, time zone, and counter box style with this option.

Countdown Settings

<ol><li>Page- Link any page you build inside your web builder .</li></ol><ol><li>Web Address- Link Web address's like Facebook, YouTube, or any of your social media accounts, for instance.</li><li>Anchor- this option allows you to link to a specific section of that same page.</li><li>Top/Bottom of the Page- enables you to link the Header or Footer of a certain page.</li><li>Email/Phone/Sms- Enter your contact details so visitors can reach you by clicking the button.</li><li>Popup- appears on top of the main content of a webpage, creating a focused area of interaction.</li></ol>

Links

-allow you to control the appearance of text on your web pages. -These settings give you the ability to customize the typeface, size, style, and other aspects of the text to create a visually appealing and consistent design.

Font

<ol><li>Size: The dimensions (width and height) of an element on a webpage.</li></ol><ol><li>Gap: The spacing between rows and columns of grid or flex items in layout models.</li><li>Padding: The space between an element's content and its border.</li></ol>

Sizes

- Modify the text, border, and shadow colors for the Countdown box element.

Color

The "transform" property is often used in conjunction with transitions to create visually appealing interactions.

Transform

-Animation can be used to create dynamic and visually engaging movements or changes in elements on a webpage. -Animations can capture users' attention, enhance user experience, and make a website more interactive and appealing.

Animation

-It has the ability to move elements by clicking and dragging them with a mouse cursor. -The term "freeform" suggests that users have more flexibility and control over the movement of these elements, possibly without any predefined alignment or snapping.

Toggle FreeForm Drag Positioning

This Setting allows you to position your Text.Left, Center , Right and Justify option.

Center

"Select the parent element" refers to the action of choosing or targeting the container or enclosing element that holds a particular HTML element within a web page's document structure.