Introduction

The Contact example page demonstrates how you can create a beautiful page with the Photon theme. Here is some information to help you replicate this page as it appears in the demo.

Widgets and Particles

Below is a brief rundown of the widgets and particles used to make up the demo page.

1

Header

Info List (particle)

2

Aside

Custom HTML (particle)

3

Aside

Custom HTML (widget)

• Header
• Aside
• Contact Form

Header Section

This area of the page is an Info List particle. You will find the settings used in our demo below.

Section Settings

Particle Settings

Block Settings

Aside Section

1

Custom HTML (particle)

2

Custom HTML (widget)

This area of the page is a Custom HTML particle and a Custom HTML widget. The Custom HTML particle and the Custom HTML widget were both assigned to the aside-contact widget position, placed in the Aside section. You will find the settings used in our demo below.

Custom HTML (Particle)

Section Settings

Section Block Settings

Particle Settings

Custom HTML

<h2 class="g-title">London Office, UK </h2>
<p class="desc">+ 44 1632 960956</p>
<p><a href="mailto:london@photon.com" class="email">london@photon.com</a></p>.</p>
<p>All demo content is for sample purposes only, to represent a live site.</p>

Block Settings

Custom HTML (Widget)

The Custom HTML widget was assigned to the aside-a widget position, placed in the Aside section. Here is the content body of the Custom HTML widget.

<p><img src="/images/rocketlauncher/pages/contact/img-01.jpg" alt="image" /></p>
<p><strong>Photon</strong> is only available as part of the Club Subscription.</p>
<p>Please use the RocketLauncher to install an equivalent of the demo onto your site.</p>
<p>All demo content is for sample purposes only, to represent a live site.</p>

Contact Form

The Contact Form is a particle assigned to the MainBar section.

Particle Settings

Block Settings