Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/716cf56cb2.url-de-test.ws/htdocs_old/templates/front/offer/
/srv/data/web/vhosts/716cf56cb2.url-de-test.ws/htdocs_old/templates/front/offer/offer.html.twig
 {% extends 'front/layout.html.twig' %}

{% block title %}Contactez-nous{% endblock %}

{% block content %}
    {% block banner %}
        <section class="banner pages contact">
            <div class="container">
                <div class="middle">
                    <h1>{{offer.title}}</h1>
                    <h3 style="color : white">REF : {{offer.uniqueCode}}</h3>
                    <div class="shape"></div>
                </div>
            </div>
        </section>
    {% endblock %}
    <style>
    .text_orange{
        color:#FC6601!important;
    }
    .text_violet{
        color:#8c0579!important;
    }
    .text_vert{
        color:#a1bc32!important;
    }
    .text_bleu{
        color:#004AAD!important;
    }
    </style>

    <section class="section-padding pt-0 w-100 mb-3" >
        <div class="w-100" style="background-color:#cbdef0!">
            <div class="row w-100 mr-0 ml-0" style="background-color:#cbdef0">
                <div class="col-md-3 border-bottom " style="border-color:#FC6601!important;border-width: 1em!important;">
                <div class="row mt-2 align-items-center">
                    <div class="col-md-4 text_orange">
                        <center><i class="fas fa-4x fa-location-arrow text-center" ></i><br>
                        <h6><b>Localisation</b></h6></center>
                    </div> 
                    <div class="col-md-8">
                    <p>
                    <i class="fas fa-caret-right text_orange"></i> {{offer.establishment.city}}<br>
                    <i class="fas fa-caret-right text_orange"></i>  {{offer.establishment.zipcode}} <br>
                    <i class="fas fa-caret-right text_orange"></i> {{offer.establishment.region}} </p>
                    </div> 
                </div> 
                </div>
                <div class="col-md-4 border-bottom" style="border-color:#8C0579!important;border-width: 1em!important;">
                    <div class="row mt-2 align-items-center">
                        <div class="col-md-5 text_violet">
                            <center><i class="fas fa-4x fa-briefcase text-center"></i>
                            <h6><b>Type de contrat</b></h6></center>
                        </div>  
                        <div class="col-md-7">
                            <p><i class="fas fa-caret-right text_violet"></i> {{offer.contract}}</p>
                        </div> 
                    </div> 
                </div>
                <div class="col-md-5 border-bottom" style="border-color:#a1bc32!important;border-width: 1em!important;">
                    <div class="row mt-2 align-items-center">
                        <div class="col-md-4 text_vert">
                            <center> <i class="fas  fa-4x fa-id-card "></i>
                            <h6><b>Contact</b></h6></center>
                        </div>  
                        <div class="col-md-8">
                            <p><i class="fas fa-caret-right text_vert"></i> {{offer.contactName}}<br></p>
                            <p><i class="fas fa-caret-right text_vert"></i> {{offer.contactEmail}}<br></p>
                        </div> 
                    </div> 
                </div>
            </div>
        </div>
  
        <div class="container p-5 shadow mt-5 mb-5">
            <div class="row">
                    <h3 class="text_orange text-uppercase"> Description de l'offre :</h3>
                    <div class="mt-5">
                                        {{ offer.description|raw }}

                    </div>
                    
            </div> 
        </div>
    </section>
{% endblock %}