A sample landing page

This page is used for visual testing of the landing layout and also showcases it's capabilities

Alt

Abstract icon

Another hero block

You can add such blocks using the heroCardWide macro. The macro supports multiple layouts as demostrated by this block and the one above

Do something

#

This is a landing section

Such blocks can be added using the landingSection macro. The three blocks beneath are also landingSections; they showcase the various layouts that can be achieved with the macro

Lorem ipsum dolor. #

Landing section 2

Ut morbi tincidunt augue interdum velit euismod. Scelerisque felis imperdiet proin fermentum leo vel orci. Pulvinar elementum integer enim neque.

Lorem ipsum dolor.

Arcu non sodales neque sodales ut etiam sit. #

Landing section 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Arcu non sodales neque sodales ut etiam sit.

#

Landing section 4

Ut morbi tincidunt augue interdum velit euismod. Scelerisque felis imperdiet proin fermentum leo vel orci. Pulvinar elementum integer enim neque.

Fence icon. #

An expanded landing section

If you need to add an additional set of links to a landing section you can use the landingSectionExpanded macro

Fence icon.

Analytics icon #

Expanded landing section - 2

The layout/style of the expanded landing section can be modified as per the standard landingSection

Analytics icon

Click icon. #

Use case landing section

Proposals to prevent third-parties from fingerprinting or collecting unlimited sensitive data.

Click icon.

Shield #

Landing deco

You can add banners like this using the landingDeco macro. Be sure to wrap it using landing-section class to keep padding consistent with the other blocks

Shield

#

Landing deco 2

You can also add banners like the one above to the grid. On desktop, it will always float to the right and span two rows.

Landing section box 1

Using the landing-section--boxes class you can add a grid of boxes like this

Landing section box 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Landing section box 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Landing section box 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Landing section box 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.