Photon: Recreating the Demo - Showcase Section

Introduction

1

Accordion

2

Custom HTML

3

Grid Content

The Showcase section includes three particles: Accordion, Custom HTML, and Grid Content. The Accordion particle is assigned to the showcase-a module position, while the Custom HTML and Grid Content particles are assigned to the showcase-b module position.

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

• Accordion (particle)
• Custom HTML (particle)
• Grid Content (Particle)

Section Settings

Accordion (Particle)

The Accordion particle is a Gantry 5 Particle module placed within the showcase-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

Accordion Particle Settings

Particle Settings

Custom HTML (Particle)

The Custom HTML particle is a Gantry 5 Particle module placed within the showcase-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

Custom HTML Particle Settings

Particle Settings

Custom HTML

<h4>London Office, UK </h4>
<p class="desc">+ 44 1632 960956</p>
<p><a href="mailto:london@photon.com" class="email">london@photon.com</a></p>

Grid Content (Particle)

The Grid Content particle is a Gantry 5 Particle module placed within the showcase-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

Grid Content Particle Settings

Particle Settings