<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" xmlns:sms="http://typo3.org/ns/SMS/SmsResponsiveImages/ViewHelpers" data-namespace-typo3-fluid="true">

<f:layout name="Default"/>
<f:section name="Main">
    <f:if condition="{menu}">
        <div class="card-deck">
            <f:for each="{menu}" as="page">
                <div class="card card-pagteaser">
                    <f:if condition="{page.files}">
                        <f:then>
                            <sms:image image="{page.files.0}" width="400c" height="400" class="card-img-top"/>
                        </f:then>
                        <f:else>
                            <div class="card-header"></div>
                        </f:else>
                    </f:if>
                    <div class="card-body">
                        <h3 class="card-title">{page.title}</h3>
                        <p class="card-text">{page.data.abstract}</p>
                    </div>
                    <div class="card-footer">
                        <f:link.page pageUid="{page.data.uid}" class="card-link" title="{page.title}" >{f:if(condition: '{page.data.pageteaser_linktext}', then: '{page.data.pageteaser_linktext}', else: 'mehr Info')}</f:link.page>
                    </div>
                </div>
            </f:for>
        </div>
    </f:if>
</f:section>
</html>
