
<section class="container">

    <h1>{{GetCode(Shop.WelcomeOnShop)}}</h1>

    <p>{{Shop->Description->Value}}</p>


    <h2>{{GetCode(Shop.Categories)}}</h2>

    <div class='full-terc row'>
    {{foreach Categories}}
    <div class='col-md-3'>
        <div class='block-seco block-hover noHover block-img block-height-midlle noMarginX' >
            <a href ='{{GetPath(/Shop/Category/{{element->Code->Value}})}}'>
                <span style="display:block; width:100%; height: 150px; background-size: cover;background-image: url({{element->GetImagePath()}})">
                </span>
                <div class='bordered clickable'>
                    <h2>{{element->Name->Value}}</h2>
                    <p>{{element->Description->Value}}</p>
                </div>    
            </a>
        </div>
    </div>
    {{/foreach Categories}}
    </div><!-- comment -->
</section>