{namespace v=FluidTYPO3\Vhs\ViewHelpers}
<!-- Occasions.html -->
<header>
    <div id="backtotop"></div>
    <nav class="navbar navbar-default" role="navigation">
        <section class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="navbar-collapse collapse">
                <f:cObject typoscriptObjectPath="navigation.topMenuLeft" />
                <f:cObject typoscriptObjectPath="content.header.images.blueAsset" />
                <div>
                    <f:cObject typoscriptObjectPath="navigation.topMenuRight" />
                </div>
                <div class="flags-nav pull-right diagonal"><img src="{f:uri.image(src:'EXT:handynamic_skin/Resources/Public/img/blue-asset-start.png')}" /></div>
                <f:cObject typoscriptObjectPath="navigation.countrySelector" />
            </div>
        </section>
    </nav>
    <div class="container">
        <div class="brand">
            <f:cObject typoscriptObjectPath="content.images.logo" />
            <f:cObject typoscriptObjectPath="content.header.slogan" />
        </div>
    </div>
    <div class="container overflow-search">
        <div class="row">
            <f:comment>Phone</f:comment>
            <f:format.html parseFuncTSPath="lib.parseFunc"><f:cObject typoscriptObjectPath="content.header.phone" /></f:format.html>
            <f:comment>Openings</f:comment>
            <f:format.html parseFuncTSPath="lib.parseFunc"><f:cObject typoscriptObjectPath="content.header.opening" /></f:format.html>
            <f:render partial="Navigation/QuickSearch" />
            <div class="col-md-2 devis-btn"><button type="button" onclick="location.href='{pathToDevis}'" class="btn btn-success">{f:translate(key:'LLL:EXT:handynamic_skin/Resources/Private/Language/locallang.xlf:header.devis_gratuit')}</button></div>
        </div>
    </div>
    <!-- main_nav -->
    <f:render partial="Navigation/Main" arguments="{mainNavigation:mainNavigation}" />
    <!-- .main_nav -->
</header>
<!-- .header -->
<section class="main">
    <f:render section="main" />
    <f:render section="bottom" />
</section>
<f:cObject typoscriptObjectPath="content.backtotop" />
<footer id="footer">

    <div class="container">
        <section class="col-md-3">
            <img src="{f:uri.image(src:'EXT:handynamic_skin/Resources/Public/img/logo-handynamic-footer.png')}" alt="Handynamic">
            <f:cObject typoscriptObjectPath="content.footer.address" />
        </section>
        <div class="col-md-5">
            <f:cObject typoscriptObjectPath="navigation.footer.quickAccess" />
            <f:cObject typoscriptObjectPath="navigation.footer.rightCol" />
        </div>
        <section class="col-md-4 temoignages">
            <div class="cbox">
                <h5>{f:translate(key:'LLL:EXT:handynamic_skin/Resources/Private/Language/locallang.xlf:footer.header_testimonies')}</h5>
                <f:cObject typoscriptObjectPath="navigation.footer.testimonies" />
            </div>
        </section>

        <div class="social">
            <a href="https://www.facebook.com/handynamic.fr" class="facebook" target="_blank" title="Facebook"></a>
            <a href="https://twitter.com/handynamic" class="twitter" target="_blank" title="Twitter"></a>
            <a href="https://www.instagram.com/handynamic.fr/" class="instagram" target="_blank" title="Instagram"></a>
            <a href="https://www.youtube.com/user/handynamic" class="youtube" target="_blank" title="YouTube"></a>
        </div>

        <p class="legal"><f:cObject typoscriptObjectPath="content.footer.copyright" /></p>
    </div>
</footer>