Quickstart

1. On Backend, goto Technologies menu.
2. Create your items (remember, title and image are required)
3. Put component on public page

Instructions

Define the component on your page (or template, partial)

[portfolio]

(the component doesn't have any configurable parameters)

And call the component

{% component 'portfolio' %}

Customize

This is the default HTML:

{% for params in __SELF__.technologies %}
    <div class="col s12 m4">
        <div class="icon-block center-align">
        {% if params.link %}
            <a {% if params.target %}target="_blank"{% endif %} href="{{ params.link }}" class="blue-grey-text">
        {% endif %}
                <img class="circle responsive-img" src="storage/app/media{{ params.image }}" alt="{{ params.title }}" {% if params.title %}title="{{ params.title }}"{% endif %}>
                <h5 class="center">{{ params.title }}</h5>
        {% if params.link %}
            </a>
        {% endif %}
        </div>
    </div>
{% endfor %}

You can customize to your own needs by simply copying the template located in /plugins/martin/technologies/components/technologies/default.htm to /themes/your-theme/partials/technologies/

More customizations

Remember, you will get __SELF__.technologies on your page, so you can do anything like:

{% for items in __SELF__.technologies %}
    <p>{{ params.title }}</p>
{% endfor %}

<ul>
{% for items in __SELF__.technologies %}
    <li>{{ params.title }}</li>
{% endfor %}
</ul>