Back to all components

Hero (3.0)

This is a new and improved variation on Hero 2.0.
The standard size for a desktop image : 1900 x 1300 pixels
Mobile image (optional) : 640 x 748 pixels
OR Video : Add an MP4 video for a video background.

Key Features
  • This iteration of the Hero has the ability to use The Custom Class "Overlay".
    Using this will put a transparent overlay using the Style you select with a gradient background. This is useful for enhancing text readability, adding visual effects, or creating a dramatic background.
  • The text for Hero 3.0 is centred, rather than appearing on the LEFT. With Hero 2.0 you can do this also by adding Custom Class "Centre"
Animation

In the Description field of a Hero 3.0 if you put two .. (two full stops) this triggers auto typing code.

First slide

In the Description field of a Hero 3.0 if you put two .. (two full stops) this triggers auto typing code.

Hero (3.0) with video


Add an MP4 video for a video background.
Optionally use Title, Description, Button Links / Text and HTML here too.


Use Custom Class pt-5 when using this one not as the top element as it naturally wants to fit under the menu banner on desktop. If you have a transparent menu background this video or image is more predominant.

The Ultimate Australian Based Membership SaaS Solution

Next

Image

Add URL (optional), if a URL is provided and the user clicks on the image, it will navigate to that page, if no URL is provided it will zooom in on the image instead. The image and most of the web components for image card / icon card h...

Read More