<div ng-show="dataReady && slides.length > 0" class="corporate-news-wrapper">
    <!-- if 3 slides -->
    <div class="container-fluid" ng-if="slides.length>2">
        <div class="row">
            <!-- first part -->
            <div class="col-xs-12 col-md-6">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xs-12 col-md-12 corp-image" style="background-image:url('{{::slides[0].image | stripImageSrc}}?Height=400');">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-md-12 corp-middle news-1of3-v2" style="">
                            <div class="content">
                                <span class="date" am-time-ago='::slides[0].date'></span>
                                <h2 class="title"><a href='{{::slides[0].path}}'>{{::slides[0].title}}</a></h2>
                                <p class="content-text">{{::slides[0].content | htmlToPlainText |limitTo: 75}}</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- second part -->
            <div class="col-xs-12 col-md-6">
                <div class="container-fluid">
                    <!-- second news -->
                    <div class="row handle-margin-bottom">
                        <div class="col-xs-12  col-md-6 col-md-push-6 corp-image" style="background-image:url('{{::slides[1].image | stripImageSrc}}?Height=400');">
                        </div>
                        <div class="col-xs-12  col-md-6 col-md-pull-6 corp-middle news-2of3-v2" style="">
                            <div class="content">
                                <span class="date" am-time-ago='::slides[1].date'></span>
                                <h2 class="title"><a href='{{::slides[1].path}}'>{{::slides[1].title}}</a></h2>
                            </div>
                        </div>
                    </div>
                    <!-- third news -->
                    <div class="row">
                        <div class="col-xs-12 col-md-6 corp-image handle-margin" style="background-image:url('{{::slides[2].image | stripImageSrc}}?Height=400');">
                        </div>
                        <div class="col-xs-12 col-md-6 corp-middle handle-margin news-3of3-v2" style="">
                            <div class="content">
                                <span class="date" am-time-ago='::slides[2].date'></span>
                                <h2 class="title"><a href='{{::slides[2].path}}'>{{::slides[2].title}}</a></h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- if only 2 slides -->
    <div class="container-fluid" ng-if="slides.length==2">
        <div class="row">
            <!-- first part -->
            <div class="col-xs-12 col-md-6">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xs-12 col-md-12 corp-image" style="background-image:url('{{::slides[0].image | stripImageSrc}}?Height=400');">
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-md-12 corp-middle news-1of3-v2">
                            <div class="content">
                                <span class="date" am-time-ago='::slides[0].date'></span>
                                <h2 class="title"><a href='{{::slides[0].path}}'>{{::slides[0].title}}</a></h2>
                                <p class="content-text">{{::slides[0].content | htmlToPlainText |limitTo: 75}}</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- second part -->
            <div class="col-xs-12 col-md-6">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xs-12 col-md-12 corp-middle news-2of3-v2">
                            <div class="content">
                                <span class="date" am-time-ago='::slides[1].date'></span>
                                <h2 class="title"><a href='{{::slides[1].path}}'>{{::slides[1].title}}</a></h2>
                                <p class="content-text">{{::slides[1].content | htmlToPlainText |limitTo: 75}}</p>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-md-12 corp-image" style="background-image:url('{{::slides[1].image | stripImageSrc}}?Height=400');">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


	<!-- if only 1 slides -->
	<div class="container-fluid" ng-if="slides.length==1">
		<div class="row">
			<!-- first part -->
			<div class="col-xs-12 col-md-12">
				<div class="container-fluid">
					<div class="row">
						<div class="col-xs-12 col-md-12 corp-full table news-1of3-v2" style="">
							<div class="content">
								<span class="date" am-time-ago='::slides[0].date'></span>
								<h2 class="title"><a href='{{::slides[0].path}}'>{{::slides[0].title}}</a></h2>
								<p class="content-text">{{slides[0].content | htmlToPlainText |limitTo: 150}}</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</div>
