Your Guide to Recreating Elements of the Interstellar Demo for Grav
The Header section includes two Custom HTML particles.
Here is a breakdown of the module(s) and particle(s) that appear in this section:
Option | Setting |
---|---|
Layout | Fullwidth (Boxed Content) |
CSS Classes | Blank |
Tag Attributes | Blank |
Option | Setting |
---|---|
Particle Name | Custom HTML |
Process Twig | Blank |
Process Shortcodes | Blank |
Custom HTML
<h2 class="g-title">Interstellar is a modern mobile-friendly responsive design.</h2>
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Fixed Size | Unchecked |
Block Size | 70% |
Option | Setting |
---|---|
Particle Name | Custom HTML |
Process Twig | Blank |
Process Shortcodes | Blank |
Custom HTML
<p>Not only that, but thanks to the powerful Gantry 5 framework, you can easily assign individual elements to specific screen types.</p>
<a href="http://www.gantry.org" class="button">Learn More</a>
Option | Setting |
---|---|
CSS ID | Blank |
CSS Classes | Blank |
Variations | Blank |
Tag Attributes | Blank |
Fixed Size | Unchecked |
Block Size | 30% |