1.5 KiB
| layout | title | id |
|---|---|---|
| home | Example - You can over-ride the default title here | home |
Gridblocks
You can use the gridblocks sub-template to arrange information into nice responsive grids. There are two ways to add a grid block, the first is by adding a yml file to the _data folder and then using it as a data source:
{% include content/gridblocks.html data_source=site.data.features align="center" %}
The second is simply to use the raw HTML of the grid blocks:
Feature 1
This is a description of the feature.
Feature 2
This is another description of a feature.
Use the first option as a preference, because it will make your site easier for non-technical folks to edit and update.
Gridblocks have additional options for layout compared to the above:
Left aligned:
{% include content/gridblocks.html data_source=site.data.features align="left" %}
Right aligned:
{% include content/gridblocks.html data_source=site.data.features align="right" %}
Images on the side:
{% include content/gridblocks.html data_source=site.data.features imagealign="side" %}
Four column layout:
{% include content/gridblocks.html data_source=site.data.features layout="fourColumn" align="center" %}