<br><br>
<!-- ============================================================= FOOTER ============================================================= -->
<footer id="footer" class="footer color-bg mt-3">
    <div class="footer-bottom">
        <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-6 col-md-3">
            <div class="address-block">
            
            <!-- /.module-heading -->
            
            <div class="module-body">
                <ul class="toggle-footer" style="">
                <li class="media">
                    <div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-map-marker fa-stack-1x fa-inverse"></i> </span> </div>
                    <div class="media-body">
                    <p>2 rue elmouez mornaguia, mannouba, Tunisie</p>
                    </div>
                </li>
                <li class="media">
                    <div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-mobile fa-stack-1x fa-inverse"></i> </span> </div>
                    <div class="media-body">
                    <p> + (52) 719 341 / + (88) 06 05 68 60 69</p>
                    </div>
                </li>
                <li class="media">
                    <div class="pull-left"> <span class="icon fa-stack fa-lg"> <i class="fa fa-envelope fa-stack-1x fa-inverse"></i> </span> </div>
                    <div class="media-body"> <span><a href="#">contact@promo.tn</a></span> </div>
                </li>
                </ul>
            </div>
            </div>
            <!-- /.module-body --> 
            </div>
            <!-- /.col -->
            
            <div class="col-xs-12 col-sm-6 col-md-3">
            <div class="module-heading">
                <h4 class="module-title">Service Client</h4>
            </div>
            <!-- /.module-heading -->
            
            <div class="module-body">
                <ul class='list-unstyled'>
                    <li class="first"><a href="{{ path('frontend_footer_faq') }}" title="faq">FAQ</a></li>
                    <li><a href="{{ path('frontend_footer_aide') }}" title="Aide">Aide</a></li>
                    <li class="last"><a href="{{ path('frontend_footer_contacter') }}" title="Nous contacter">Nous contacter</a></li>
                </ul>
            </div>
            <!-- /.module-body --> 
            </div>
            <!-- /.col -->
            
            <div class="col-xs-12 col-sm-6 col-md-3">
            <div class="module-heading">
                <h4 class="module-title">Société</h4>
            </div>
            <!-- /.module-heading -->
            
            <div class="module-body">
                <ul class='list-unstyled'>
                <li class="first"><a title="présentation" href="{{ path('frontend_footer_presentation') }}">Présentation</a></li>
                <li><a title="qui sommes nous" href="{{ path('frontend_footer_quisommesnous') }}">Qui sommes nous</a></li>
                <li class="last"><a title="mentions légales" href="{{ path('frontend_footer_mentionslegales') }}">Mentions légales</a></li>
                </ul>
            </div>
            <!-- /.module-body --> 
            </div>
            <!-- /.col -->
            
            <div class="col-xs-12 col-sm-6 col-md-3">
            <div class="module-heading">
                <h4 class="module-title">Pourquoi nous choisir</h4>
            </div>
            <!-- /.module-heading -->
            
            <div class="module-body">
                <ul class='list-unstyled'>
                <li class="first"><a href="{{ path('frontend_footer_nospartenaires') }}" title="nos partenaires">Nos partenaires</a></li>
                <li><a href="{{ path('frontend_footer_temoignages') }}" title="témoignages">Témoignages</a></li>
                <li class="last"><a href="{{ path('frontend_footer_nosactualites') }}" title="nos actualités">Nos actualités</a></li>
                </ul>
            </div>
            <!-- /.module-body --> 
            </div>
        </div>
        </div>
    </div>
    <div class="copyright-bar">
        <div class="container">
        <div class="col-xs-12 col-sm-4 no-padding social">
            <ul class="link">
            <li class="fb pull-left"><a target="_blank" rel="nofollow" href="#" title="Facebook"></a></li>
            <li class="tw pull-left"><a target="_blank" rel="nofollow" href="#" title="Twitter"></a></li>
            <li class="googleplus pull-left"><a target="_blank" rel="nofollow" href="#" title="GooglePlus"></a></li>
            <li class="rss pull-left"><a target="_blank" rel="nofollow" href="#" title="RSS"></a></li>
            <li class="pintrest pull-left"><a target="_blank" rel="nofollow" href="#" title="PInterest"></a></li>
            <li class="linkedin pull-left"><a target="_blank" rel="nofollow" href="#" title="Linkedin"></a></li>
            <li class="youtube pull-left"><a target="_blank" rel="nofollow" href="#" title="Youtube"></a></li>
            </ul>
        </div>
        <div class="col-xs-12 col-sm-4 no-padding copyright"> </div>
        <div class="col-xs-12 col-sm-4 no-padding">
            <div class="clearfix payment-methods">
            <ul>
                <li><img src="{{ asset('images/font/payments/1.png') }}" alt=""></li>
                <li><img src="{{ asset('images/font/payments/2.png') }}" alt=""></li>
                <li><img src="{{ asset('images/font/payments/3.png') }}" alt=""></li>
                <li><img src="{{ asset('images/font/payments/4.png') }}" alt=""></li>
                <li><img src="{{ asset('images/font/payments/5.png') }}" alt=""></li>
            </ul>
            </div>
            <!-- /.payment-methods --> 
        </div>
        </div>
    </div>
</footer>