templates/contact/contact.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  4.     <head>
  5.         <title>EasyJob</title>
  6.         <meta charset="utf-8">
  7.         <meta
  8.         name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9.         <!--icon -->
  10.         <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  11.         <link
  12.         rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css">
  13.         <!-- CSS only -->
  14.         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous">
  15.         <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  17.         <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700&display=swap" rel="stylesheet">
  19.         <link rel="stylesheet" href="{{ asset('css/open-iconic-bootstrap.min.css')}}">
  20.         <link rel="stylesheet" href="{{ asset('css/animate.css')}}">
  22.         <link rel="stylesheet" href="{{ asset('css/owl.carousel.min.css')}}">
  23.         <link rel="stylesheet" href="{{ asset('css/owl.theme.default.min.css')}}">
  24.         <link rel="stylesheet" href="{{ asset('css/magnific-popup.css')}}">
  26.         <link rel="stylesheet" href="{{ asset('css/aos.css')}}">
  28.         <link rel="stylesheet" href="{{ asset('css/ionicons.min.css')}}">
  30.         <link rel="stylesheet" href="{{ asset('css/bootstrap-datepicker.css')}}">
  31.         <link rel="stylesheet" href="{{ asset('css/jquery.timepicker.css')}}">
  34.         <link rel="stylesheet" href="{{ asset('css/flaticon.css')}}">
  35.         <link rel="stylesheet" href="{{ asset('css/icomoon.css')}}">
  36.         <link rel="stylesheet" href="{{ asset('css/style.css')}}">
  39.     </head>
  41.     <body>
  43.         <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
  44.             <div class="container-fluid px-md-4    ">
  45.                 <a class="navbar-brand" href="{{path('home')}}">
  46.                     <span style="color:#81ecec;">E</span>a<span style="color:#81ecec;">s</span>y<span style="color:#81ecec;">j</span>ob</a>
  47.             </a>
  48.             <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
  49.                 <span class="oi oi-menu"></span>
  50.                 Menu
  51.             </button>
  53.             <div class="collapse navbar-collapse" id="ftco-nav">
  54.                 <ul class="navbar-nav ml-auto">
  55.                     <li class="nav-item">
  56.                         <a href="{{path('home')}}" class="nav-link">Accueil</a>
  57.                     </li>
  58.                     <li class="nav-item">
  59.                         <a href="{{path('demande')}}" class="nav-link">Offres</a>
  60.                     </li>
  61.                     {% if app.user and "ROLE_RECRUITER" in app.user.roles %}
  62.                         <li class="nav-item">
  63.                             <a href="{{path('candidat')}}" class="nav-link">Candidats</a>
  64.                         </li>
  65.                     {% endif %}
  66.                     <li class="nav-item active">
  67.                         <a href="{{path('contact')}}" class="nav-link">Contact</a>
  68.                     </li>
  69.                     {% if  app.user and "ROLE_RECRUITER" in app.user.roles  %}
  70.                         <li class="nav-item">
  71.                             <a href="{{path('publier_demande')}}" class="nav-link">Publier une offre</a>
  72.                         </li>
  73.                     {% endif %}
  75.                     {% if not app.user %}
  77.                         <li class="nav-item">
  78.                             <a href="{{path('app_login')}}" class="nav-link">Connexion</a>
  79.                         </li>
  80.                         <li class="nav-item">
  81.                             <a href="{{path('registerr')}}" class="nav-link">S'inscrire</a>
  82.                         </li>
  83.                     {% else %}
  84.                         <ul class="navbar-nav ml-auto">
  85.                             <li class="nav-item dropdown">
  86.                                 <a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
  87.                                     <i class="fal fa-user-circle"></i>
  88.                                 </a>
  89.                                 <div class="dropdown-menu">
  90.                                     <a class="dropdown-item" href="{{path('user_profil', {'id': app.user.id}) }}">Profile</a>
  91.                                     {% if  app.user and "ROLE_RECRUITER" in app.user.roles  %}
  93.                                         {# <a class="dropdown-item" href="{{path('mes_demande', {'id': app.user.id}) }}">Mes missions</a>
  94.                                         <a class="dropdown-item" href="{{path('mes_offre', {'id': app.user.id}) }}">Mes offres</a> #}
  95.                                     {% elseif app.user and  "ROLE_EMPLOYEE" in app.user.roles %}
  96.                                         <a class="dropdown-item" href="{{path('mes_candidature_demande', {'id': app.user.id}) }}">Candidatures</a>
  99.                                     {% endif %}
  101.                                     <a class="dropdown-item" href="{{path('app_logout')}}">Déconnecté</a>
  102.                                 </div>
  103.                             </li>
  104.                         </ul>
  105.                     {% endif %}
  108.                 </ul>
  109.             </div>
  110.         </div>
  111.     </body>
  112. </html></nav><!-- END nav --><div class="hero-wrap hero-wrap-2" style="background-image: url('images/bg_1.jpg');" data-stellar-background-ratio="0.5">
  113. <div class="overlay"></div>
  114. <div class="container">
  115.     <div class="row no-gutters slider-text align-items-end justify-content-start">
  116.         <div class="col-md-12 ftco-animate text-center mb-5">
  117.             <p class="breadcrumbs mb-0">
  118.                 <span class="mr-3">
  119.                     <a href="{{path('home')}}">Acceuil
  120.                         <i class="ion-ios-arrow-forward"></i>
  121.                     </a>
  122.                 </span>
  123.                 <span>Contact</span>
  124.             </p>
  125.             <h1 class="mb-3 bread">Contactez-nous</h1>
  126.         </div>
  127.     </div>
  128. </div></div><section class="ftco-section contact-section bg-light">
  129. <div class="container">
  130.     <div class="row d-flex mb-5 contact-info">
  131.         <div class="col-md-12 mb-4">
  132.             <h2 class="h3">Informations</h2>
  133.         </div>
  134.         <div class="w-100"></div>
  135.         <div class="col-md-4">
  136.             <p>
  137.                 <span>Adresse:</span>
  138.                 2 route de Bougligny 77167 FAY-LES Nemours</p>
  139.         </div>
  140.         <div class="col-md-4">
  141.             <p>
  142.                 <span>Télèphone:</span>
  143.                 <a href="#">+0033762051169</a>
  144.             </p>
  145.         </div>
  146.         <div class="col-md-4">
  147.             <p>
  148.                 <span>Email:</span>
  149.                 <a href="mailto:drh.easyjob@gmail.com">drh.easyjob@gmail.com</a>
  150.             </p>
  151.         </div>
  153.     </div>
  154.     <div class="row block-9">
  156.         <div class="col-md-6 order-md-last d-flex">
  158.             {{form_start(form,{ 'attr': {'class': 'bg-white p-5 contact-form'} })}}
  159.             {% for message in app.flashes('message') %}
  160.                 <div class="alert alert-info" role="alert">{{ message }}</div>
  161.             {% endfor %}
  162.             <div class="form-group">
  163.                 {{form_row(form.nom)}}
  164.             </div>
  165.             <div class="form-group">
  166.                 {{form_row(form.email)}}
  167.             </div>
  168.             <div class="form-group">
  169.                 {{form_row(form.subject)}}
  170.             </div>
  171.             <div class="form-group">
  172.                 {{form_row(form.message)}}
  173.             </div>
  174.             <div class="form-group">
  175.                 <input type="submit" value="Send Message" class="btn btn-primary py-3 px-5">
  176.             </div>
  177.             {{form_end(form)}}
  179.         </div>
  181.         <div class="col-md-6 d-flex">
  182.             <div id="map" class="bg-white"></div>
  183.         </div>
  184.     </div>
  185. </div></section><footer class="ftco-footer ftco-bg-dark ftco-section">
  186. <div class="container">
  187.     <div class="row mb-5">
  188.         <div class="col-md">
  189.             <div class="ftco-footer-widget mb-4">
  190.                 <h2 class="ftco-heading-2">EasyJob</h2>
  191.                 <p>Le moyen le plus simple d'obtenir votre nouvel emploi.</p>
  192.                 <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">
  193.                     <li class="ftco-animate">
  194.                         <a href="#">
  195.                             <span class="icon-twitter"></span>
  196.                         </a>
  197.                     </li>
  198.                     <li class="ftco-animate">
  199.                         <a href="#">
  200.                             <span class="icon-facebook"></span>
  201.                         </a>
  202.                     </li>
  203.                     <li class="ftco-animate">
  204.                         <a href="#">
  205.                             <span class="icon-instagram"></span>
  206.                         </a>
  207.                     </li>
  208.                 </ul>
  209.             </div>
  210.         </div>
  211.         <div class="col-md">
  212.             <div class="ftco-footer-widget mb-4">
  213.                 <h2 class="ftco-heading-2">Emplois</h2>
  214.                 <ul class="list-unstyled">
  215.                     <li>
  216.                         <a href="{{path('publier_offre')}}" class="pb-1 d-block">publier une offre de travail</a>
  217.                     </li>
  218.                     <li>
  219.                         <a href="{{path('publier_demande')}}" class="pb-1 d-block">publier une demande de travail</a>
  220.                     </li>
  222.                 </ul>
  223.             </div>
  224.         </div>
  225.         <div class="col-md">
  226.             <div class="ftco-footer-widget mb-4 ml-md-4">
  227.                 <h2 class="ftco-heading-2">Candidats</h2>
  228.                 <ul class="list-unstyled">
  229.                     <li>
  230.                         <a href="{{path('candidat')}}" class="pb-1 d-block">Parcourir les Candidats</a>
  231.                     </li>
  232.                     <li>
  233.                         <a href="{{path('demande')}}" class="pb-1 d-block">Parcourir les demandes</a>
  234.                     </li>
  235.                     <li>
  236.                         <a href="{{path('offres')}}" class="pb-1 d-block">Parcourir les Offres</a>
  237.                     </li>
  239.                 </ul>
  240.             </div>
  241.         </div>
  242.         <div class="col-md">
  243.             <div class="ftco-footer-widget mb-4 ml-md-4">
  244.                 <h2 class="ftco-heading-2">Compte</h2>
  245.                 <ul class="list-unstyled">
  247.                     <li>
  248.                         <a href="{{path('register')}}" class="pb-1 d-block">S'inscrire</a>
  249.                     </li>
  250.                     <li>
  251.                         <a href="{{path('app_login')}}" class="pb-1 d-block">Se connecté</a>
  252.                     </li>
  254.                 </ul>
  255.             </div>
  256.         </div>
  257.         <div class="col-md">
  258.             <div class="ftco-footer-widget mb-4">
  259.                 <h2 class="ftco-heading-2">Vous avez une question ?</h2>
  260.                 <div class="block-23 mb-3">
  261.                     <ul>
  262.                         <li>
  263.                             <span class="icon icon-map-marker"></span>
  264.                             <span class="text">2 route de Bougligny 77167 FAY-LES Nemours</span>
  265.                         </li>
  266.                         <li>
  267.                             <a href="#">
  268.                                 <span class="icon icon-phone"></span>
  269.                                 <span class="text">+0033762051169</span>
  270.                             </a>
  271.                         </li>
  272.                         <li>
  273.                             <a href="#">
  274.                                 <span class="icon icon-envelope"></span>
  275.                                 <span class="text">drh.easyjob@gmail.com</span>
  276.                             </a>
  277.                         </li>
  278.                     </ul>
  279.                 </div>
  280.             </div>
  281.         </div>
  282.     </div>
  283.     <div class="row">
  284.         <div class="col-md-12 text-center">
  286.             <p>
  287.                 <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  288.                 Copyright &copy;<script>
  289.                     document.write( new Date().getFullYear() );
  290.                 </script>
  291.                 Tous droits réservés | Ce site est fait avec
  292.                 <i class="icon-heart text-danger" aria-hidden="true"></i>
  293.                 par
  294.                 <a href="{{path('home')}}" target="_blank">EasyJob</a>
  295.                 <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  296.             </p>
  297.         </div>
  298.     </div>
  299. </div></footer><!-- loader --><div id="ftco-loader" class="show fullscreen">
  300. <svg class="circular" width="48px" height="48px">
  301.     <circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/>
  302.     <circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/>
  303. </svg></div><script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js" integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf" crossorigin="anonymous"></script><script src="{{ asset('js/jquery.min.js')}}"></script><script src="{{ asset('js/jquery-migrate-3.0.1.min.js')}}"></script><script src="{{ asset('js/popper.min.js')}}"></script><script src="{{ asset('js/bootstrap.min.js')}}"></script><script src="{{ asset('js/jquery.easing.1.3.js')}}"></script><script src="{{ asset('js/jquery.waypoints.min.js')}}"></script><script src="{{ asset('js/jquery.stellar.min.js')}}"></script><script src="{{ asset('js/owl.carousel.min.js')}}"></script><script src="{{ asset('js/jquery.magnific-popup.min.js')}}"></script><script src="{{ asset('js/aos.js')}}"></script><script src="{{ asset('js/jquery.animateNumber.min.js')}}"></script><script src="{{ asset('js/scrollax.min.js')}}"></script><script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBoHnAfgXxkd-qeFrg3UlhXcLUAKDxp8dg&callback=initMap" async defer></script>{#<script src="{{ asset('js/google-map.js')}}"></script>#}<script src="{{ asset('js/main.js')}}"></script><script>
  304. // initialiser la map
  305. function initMap() {
  306. var location = {
  307. lat: 34.4297813,
  308. lng: 8.7631555
  309. };
  310. var map = new google.maps.Map( document.getElementById( "map" ), {
  311. zoom: 8,
  312. center: location
  313. } );
  314. var marker = new google.maps.Marker( { position: location, map: map } );
  315. }
  316. // var map;
  317. //    function initMap() {
  318. //    map = new google.maps.Map(document.getElementById('map'), {
  319. //    center: {lat: 34.411583, lng: 8.794599},
  320. // zoom: 12
  321. // });
  322. // }</script></body></html>