{extends file="layout.tpl"}

{block name="main-content"}
<section id="our-brands">
    <div class="brands-heading">
        <h2 class="block-title">{intl l="Our brands" d="brandsonhome"}</h2>
    </div>

    <div id="brands">
        <div class="brands-content">
            <ul class="list-unstyled row" style="text-align: center">
                {loop type="brand" name="brand_list"}
                {loop type="image" name="brand_images" brand={$ID} width=100}
                <li class="item col-xs-6 col-sm-4 col-md-2">
                    <article class="row" itemscope itemtype="http://schema.org/Product">
                        <a href="{$URL}"><img src="{$IMAGE_URL}" alt="{$TITLE}" /></a>
                    </article>
                </li>
                {/loop}
                {/loop}
            </ul>
        </div>
    </div>
</section>
{/block}

{block name="stylesheet"}
{hook name="brand.stylesheet"}
{/block}