Interstellar: Recreating the Demo - Above Section

Your Guide to Recreating Elements of the Interstellar Demo for Grav

details download demo support

Introduction

1

Spacer

2

Simple Content

3

Simple Content

The Above section includes three particles: Spacer, Simple Content, and Simple Content.

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

Spacer (particle)
Simple Content (particle)
Simple Content (Particle)

Section Settings

Option	Setting
Layout	Fullwidth (Boxed Content)
CSS Classes	Blank
Tag Attributes	Blank

Spacer (Particle)

Particle Settings

Demo Above

Block Settings

Demo Above

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Fixed Size	Unchecked
Block Size	`40%`

Simple Content (Particle)

Particle Settings

Demo Above

Option	Setting
Particle Name	`Simple Content`
CSS Classes	Blank
Title	Blank
Item 1 Name	`Our Office`
Item 1 Layout Style	Standard
Item 1 Created Date	Blank
Item 1 Content Title	`Our Office`
Item 1 Author	Blank
Item 1 Leading Content	`Interstellar was handcrafted by the talented RocketTheme team on the incredible Gantry 5 framework. It was designed to be a perfect match for a wide variety of websites.`
Item 1 Main Content	Blank
Item 1 Read More Label	Blank
Item 1 Read More Link	Blank
Item 1 Read More Classes	Blank
Item 1 Target	Self

Block Settings

Demo Above

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Fixed Size	Unchecked
Block Size	`30%`

Simple Content (Particle) 2

Particle Settings

Demo Above

Option	Setting
Particle Name	`Simple Content`
CSS Classes	Blank
Title	Blank
Item 1 Name	`Contact Info`
Item 1 Layout Style	Standard
Item 1 Created Date	Blank
Item 1 Content Title	`Contact Info`
Item 1 Author	Blank
Item 1 Main Content	Blank
Item 1 Read More Label	Blank
Item 1 Read More Link	Blank
Item 1 Read More Classes	Blank
Item 1 Target	Self

Item 1 Leading Content

<br /><br />
<div class="info2"><strong><i class="fa fa-map-marker"></i> Interstellar  LTD.</strong> <br />
ul. Szarych Szeregów 10/28 <br />
15-666 Białystok <br />
Poland <br />
<i class="fa fa-phone"></i> 555 555 555 <br />
<i class="fa fa-envelope-o"></i> office@interstellar.co <br />
</div>

Block Settings

Demo Above

Option	Setting
CSS ID	Blank
CSS Classes	Blank
Variations	Blank
Tag Attributes	Blank
Fixed Size	Unchecked
Block Size	`30%`

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.