Photon: Recreating the Demo - Header Section

Introduction

1

Image Grid

2

Pricing Table

The Header section includes two particles assigned to the header-a and header-b module positions.

Here is a breakdown of the module(s) and particle(s) that appear in this section:

• Image Grid (particle)
• Pricing Table (particle)

Section Settings

Image Grid (Particle)

The Image Grid particle is a Gantry 5 Particle module placed within the header-a module position. Adding a particle to a module position can be done by creating a Gantry 5 Particle module, adding the particle using the settings found in the section below, and assigning it to the position.

Module Position Particle Settings

Particle Settings

Block Settings

Image Grid Particle Settings

Particle Settings

Pricing Table (Particle)

The Pricing Table particle is a Gantry 5 Particle module placed within the header-b module position. Adding a particle to a module position can be done by creating a Gantry 5 Particle module, adding the particle using the settings found in the section below, and assigning it to the position.

Module Position Particle Settings

Particle Settings

Block Settings

Pricing Table Particle Settings

Particle Settings