ot_typo3/ot_templating/Resources/Private/Layouts/Modern/Contact.html

{namespace ot=Opentalent\OtTemplating\ViewHelpers}
{namespace v=FluidTYPO3\Vhs\ViewHelpers}
{namespace formvh=TYPO3\CMS\Form\ViewHelpers}

<f:comment><!-- Special layout for the Contact page --></f:comment>
<f:layout name="Contact" />

<div class="t-container st-effect-3">
    <div class="wrapper">
        <f:comment><!-- Render the header defined in partials/Header.html--></f:comment>
        <f:render partial="Modern/Header" arguments="{_all}" />

        <f:comment><!-- Render content --></f:comment>
        <section class="page-section-ptb">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 mt-30">
                        <h1><f:translate key="contact-us"/></h1>

                        <div class="contact-form">
                            <h2><i class="fa fa-at" style="margin-right: 12px;"></i><f:translate key="by-email"/> :</h2>

                            <f:cObject typoscriptObjectPath="lib.tx_ottemplating.widgets.contact"/>
                        </div>

                        <div class="postal-adress">
                            <h2><i class="fa fa-envelope" style="margin-right: 12px;"></i><f:translate key="or-by-mail"/> :</h2>
                            <ot:organizations.getById as="organization" organizationId="{settings.organizationId}">
                                <p>
                                    {organization.name}<br/>
                                    {organization.streetAddress}<br/>
                                    {organization.postalCode} {organization.addressCity}<br/>
                                    {organization.country}
                                </p>
                            </ot:organizations.getById>
                        </div>
                    </div>
                </div>
            </div>
        </section>

        <f:comment><!-- Render the footer defined in partials/footer.html--></f:comment>
        <f:render partial="Modern/Footer" />
    </div>
</div>