
<div class='ms-webpart-chrome ms-webpartzone-cell related-news' ng-show="news.length > 0">
    <div class='ms-webpart-chrome-title'>
        <!--<h2 class='ms-webpart-titleText'>
            <span class="icon-inline icon-related-news icon-related-news-dims"></span>&nbsp;
            <nobr><span>{{ 'Related news' | translate }}</span></nobr>
        </h2>-->
        <h2 class='ms-webpart-titleText'>{{ 'Related news' | translate }}</h2>
    </div>
    <div class='related-news-items ms-WPBody'>
        <div class="related-news-item" ng-repeat="item in news">
            <a ng-href="{{item.url}}">
                <div class="icon-related-news-default-background icon-related-news-default-background-dims thumbnail" ng-style="getBackgroundImage(item.image)">
                    <div class="newsitem">
                        <h5>{{item.name}}</h5>
                        <p ng-bind-html="item.summary | wizdom365SmartHtmlStrip:80"></p>
                    </div>
                </div>
            </a>
        </div>
    </div>
</div>