Interstellar: Recreating the Demo - Footer Section

Introduction

1

Custom HTML (Particle)

2

Newsletter (Particle)

The Footer section includes two particles: Custom HTML and a Newsletter particle assigned to the footer-a and footer-b module positions.

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

• Custom HTML (particle)
• Newsletter (particle)

Section Settings

Custom HTML (Particle)

The Simple Content particle is a Gantry 5 Particle module placed within the footer-a module position. You can create a module position by dragging and dropping a Module Position particle into the desired location within the Layout Manager. The module position's settings are as follows.

Module Position Particle Settings

Particle Settings

Block Settings

Custom HTML Particle Settings

The next step involves assigning the particle to the module position. Adding a particle to a module position can be done by creating a Gantry 5 Particle module by navigating to Admin > Extensions > Modules and clicking the green New button. Select the Gantry 5 Particle module type and create the particle using the settings found in the section below, and assigning it to the position.

Particle Settings

Custom HTML

<div class="g-grid g-sample-sitemap">
<div class="g-block">
<ul class="nomarginall noliststyle">
<li><a href="#">About</a></li>
<li><a href="#">Our Blog</a></li>
<li><a href="#">Our Team</li>
<li><a href="#">We're hiring!</a></li>
</ul>
</div>
<div class="g-block">
<ul class="nomarginall noliststyle">
<li><a href="#">FAQ</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Showcase</li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="g-block">
<ul class="nomarginall noliststyle">
<li><a href="#">Tumblr</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">Twitter</li>
<li><a href="#">Pinterest</a></li>
</ul>
</div>
</div>

Newsletter (Particle)

The Newsletter particle is a Gantry 5 Particle module placed within the footer-a module position. You can create a module position by dragging and dropping a Module Position particle into the desired location within the Layout Manager. The module position's settings are as follows.

Module Position Particle Settings

Particle Settings

Block Settings

Newsletter Particle Settings

The next step involves assigning the particle to the module position. Adding a particle to a module position can be done by creating a Gantry 5 Particle module by navigating to Admin > Extensions > Modules and clicking the green New button. Select the Gantry 5 Particle module type and create the particle using the settings found in the section below, and assigning it to the position.

Particle Settings