Let me give you a quick tour of the platform.

Swiper Slider Element

-provides a customizable slider component for creating touch-enabled, responsive, and interactive sliders.-It's often used to showcase images, videos, or any other type of content in a visually appealing way.

Swiper Slider

Drag and drop the element into the desired location in your section or layout.

How to use Swiper Slider?

Click the wrapper of the swiper slider to adjust its settings.

Click on the Swiper Slider wrapper

Swiper slider popup settings.

Slider- change how many slide you want to use and display in one page.Auto play- choice between auto play and manual next.Effect- Slider effectPagination-used to divide a document into pages, usually for numbering them.

Swiper Settings

Change Icon, Pagination, border and shadow's color.

Colors

<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

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

"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.

Select Parent Element

-enables you to position the Elements wherever you like within your section/layout.