Modular Templates

Blocks of content useful to your Grav site

Features

features.md || template: features

Lightweight

Minimal dependencies and libraries to avoid long loading times

Friendly setup

Built in with Grav Admin to ease setting up for any kind of user

Latest Technologies

We are proud to use the lastest web technologies like Bootstrap 4

Easy to extend

Ready to customize via SCSS and following Grav inheritance

Create a list of highlights with FontAwesome icons. Content markdown is above elements and support text_align parameter. Also icon color is customizable using Bootstrap Styles or hex/rgba color code.

text_align: left
style: light
features:
    -
        icon: rocket
        title: Lightweight
        text: 'Minimal dependencies and libraries to avoid long loading times'
        style: primary
    -
        icon: puzzle-piece
        title: Friendly setup
        text: 'Built in with <em>Grav Admin</em> to ease setting up for any kind of user'
        style: indigo
    -
        icon: cubes
        title: Latest Technologies
        text: 'We use lastest web technologies like <a href="#">Bootstrap 4</a>'
        style: danger
    -
        icon: code-branch
        title: Easy to extend
        text: 'Ready to customize via SCSS and following <a href="#" target="_blank">Grav inheritance</a>'
        color: '#f4d941'
PHP
84%
Javascript
72%
Symfony
90%
MySQL, MongoDB & Redis
70%

Bars

bars.md || template: modular/bars

bars:
    -
        text: PHP
        value: '80'
    -
        text: Javascript
        style: orange
        value: '70'
    -
        text: Symfony
        style: green
        value: '80'
    -
        text: 'MySQL, MongoDB & Redis'
        color: '#dc3545'
        value: '70'

Or customize a specific bar adding custom CSS classes. See Bootstrap Reference.

bars:
    -
        text: PHP
        value: 80
        classes: progress-bar-striped progress-bar-animated

Or add global classes to all bars as below:

bars_classes: progress-bar-striped progress-bar-animated