<section class="container">

    <h1>{{GetCode(DownloadManager.WelcomeTitle)}}</h1>
    <p>{{GetCode(DownloadManager.WelcomeDescription)}}</p>

    <div class='row full-first'>

    {{foreach Documents}}
    <div class='col-md-4'>
        <div class='block-seco block-hover dmCard'>
            <a href='{{GetPath(/downloads/{{element->Code->Value}})}}'>

                <div class='dmCard-thumb'>
                    <img src='{{element->GetThumbnailPath()}}' alt='{{element->Name->Value}}' />
                </div>

                <div class='dmCard-body bordered clickable'>
                    <h2>{{element->Name->Value}}</h2>
                    <p>{{element->Description->Value}}</p>
                    <span class='dmCard-meta'>
                        <i class='fa fa-file'></i> {{element->FileType->Value}}
                        &nbsp;&nbsp;
                        <i class='fa fa-hdd-o'></i> {{element->FileSize->Value}}
                    </span>
                </div>

                <div class='dmCard-action center'>
                    <span class='btn btn-primary'>
                        <i class='fa fa-eye'></i> {{GetCode(DownloadManager.SeeDetail)}}
                    </span>
                </div>

            </a>
        </div>
    </div>
    {{/foreach Documents}}

    </div>

</section>
