<div ng-controller="ExternalServicesController">
    <div>
        <ul class="breadcrumb">
            <li><a href="#/system">{{'label.anchor.system' | translate}}</a></li>
            <li class="active">{{'label.anchor.externalServices' | translate}}</li>
        </ul>
    </div>
    <div>
        &nbsp;
    </div>
    <div class="row paddedleft paddedtop">
        <div class="col-sm-6 col-md-6">
            <div class="list-group">
                <a class="list-group-item" has-permission="READ_CONFIGURATION" href="#/externalservices/S3">
                    <h4 class="list-group-item-heading"><i class="icon-large icon-cloud"></i>&nbsp;&nbsp;{{'label.anchor.externalServices'
                        | translate}}</h4>

                    <p class="list-group-item-text">{{'label.S3.description' | translate}}</p>

                </a>

            </div>
        </div>
        <div class="col-sm-6 col-md-6">
            <div class="list-group">
                <a class="list-group-item" has-permission="READ_CONFIGURATION" href="#/externalservices/SMTP">
                    <h4 class="list-group-item-heading"><i class="icon-large icon-envelope"></i>&nbsp;&nbsp;{{'label.anchor.externalServices'
                        | translate}}</h4>

                    <p class="list-group-item-text">{{'label.SMTP.description' | translate}}</p>

                </a>
            </div>
        </div>
    </div>

</div>
