templates/page/home.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     Offres d’emploi et missions freelance sur WorkDispo
  5. {% endblock %}
  7. {% block meta %}
  8.     <meta charset="utf-8">
  9.     <meta name="description"
  10.           content="Offres d’emploi et mission freelance sans commission sur WorkDispo (ex Freelance Dispo) avec mise en relation entre candidats et recruteurs, et c'est 100% gratuit.">
  11.     <meta name="keywords" content="freelance, dispo, missions, it">
  12.     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=3">
  13.     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  14.     <script type="text/javascript">(window.NREUM || (NREUM = {})).init = {ajax: {deny_list: ["bam.nr-data.net"]}};
  15.         (window.NREUM || (NREUM = {})).loader_config = {
  16.             licenseKey: "NRJS-8c6c895b97ea60d5ee0",
  17.             applicationID: "1333848373"
  18.         };
  19.         window.NREUM || (NREUM = {}), __nr_require = function (t, e, n) {
  20.             function r(n) {
  21.                 if (!e[n]) {
  22.                     var i = e[n] = {exports: {}};
  23.                     t[n][0].call(i.exports, function (e) {
  24.                         var i = t[n][1][e];
  25.                         return r(i || e)
  26.                     }, i, i.exports)
  27.                 }
  28.                 return e[n].exports
  29.             }
  31.             if ("function" == typeof __nr_require) return __nr_require;
  32.             for (var i = 0; i < n.length; i++) r(n[i]);
  33.             return r
  34.         }({
  35.             1: [function (t, e, n) {
  36.                 function r() {
  37.                 }
  39.                 function i(t, e, n, r) {
  40.                     return function () {
  41.                         return s.recordSupportability("API/" + e + "/called"), o(t + e, [u.now()].concat(c(arguments)), n ? null : this, r), n ? void 0 : this
  42.                     }
  43.                 }
  45.                 var o = t("handle"), a = t(9), c = t(10), f = t("ee").get("tracer"), u = t("loader"), s = t(4),
  46.                     d = NREUM;
  47.                 "undefined" == typeof window.newrelic && (newrelic = d);
  48.                 var p = ["setPageViewName", "setCustomAttribute", "setErrorHandler", "finished", "addToTrace", "inlineHit", "addRelease"],
  49.                     l = "api-", v = l + "ixn-";
  50.                 a(p, function (t, e) {
  51.                     d[e] = i(l, e, !0, "api")
  52.                 }), d.addPageAction = i(l, "addPageAction", !0), d.setCurrentRouteName = i(l, "routeName", !0), e.exports = newrelic, d.interaction = function () {
  53.                     return (new r).get()
  54.                 };
  55.                 var m = r.prototype = {
  56.                     createTracer: function (t, e) {
  57.                         var n = {}, r = this, i = "function" == typeof e;
  58.                         return o(v + "tracer", [u.now(), t, n], r), function () {
  59.                             if (f.emit((i ? "" : "no-") + "fn-start", [u.now(), r, i], n), i) try {
  60.                                 return e.apply(this, arguments)
  61.                             } catch (t) {
  62.                                 throw f.emit("fn-err", [arguments, this, t], n), t
  63.                             } finally {
  64.                                 f.emit("fn-end", [u.now()], n)
  65.                             }
  66.                         }
  67.                     }
  68.                 };
  69.                 a("actionText,setName,setAttribute,save,ignore,onEnd,getContext,end,get".split(","), function (t, e) {
  70.                     m[e] = i(v, e)
  71.                 }), newrelic.noticeError = function (t, e) {
  72.                     "string" == typeof t && (t = new Error(t)), s.recordSupportability("API/noticeError/called"), o("err", [t, u.now(), !1, e])
  73.                 }
  74.             }, {}], 2: [function (t, e, n) {
  75.                 function r(t) {
  76.                     if (NREUM.init) {
  77.                         for (var e = NREUM.init, n = t.split("."), r = 0; r < n.length - 1; r++) if (e = e[n[r]], "object" != typeof e) return;
  78.                         return e = e[n[n.length - 1]]
  79.                     }
  80.                 }
  82.                 e.exports = {getConfiguration: r}
  83.             }, {}], 3: [function (t, e, n) {
  84.                 var r = !1;
  85.                 try {
  86.                     var i = Object.defineProperty({}, "passive", {
  87.                         get: function () {
  88.                             r = !0
  89.                         }
  90.                     });
  91.                     window.addEventListener("testPassive", null, i), window.removeEventListener("testPassive", null, i)
  92.                 } catch (o) {
  93.                 }
  94.                 e.exports = function (t) {
  95.                     return r ? {passive: !0, capture: !!t} : !!t
  96.                 }
  97.             }, {}], 4: [function (t, e, n) {
  98.                 function r(t, e) {
  99.                     var n = [a, t, {name: t}, e];
  100.                     return o("storeMetric", n, null, "api"), n
  101.                 }
  103.                 function i(t, e) {
  104.                     var n = [c, t, {name: t}, e];
  105.                     return o("storeEventMetrics", n, null, "api"), n
  106.                 }
  108.                 var o = t("handle"), a = "sm", c = "cm";
  109.                 e.exports = {
  110.                     constants: {SUPPORTABILITY_METRIC: a, CUSTOM_METRIC: c},
  111.                     recordSupportability: r,
  112.                     recordCustom: i
  113.                 }
  114.             }, {}], 5: [function (t, e, n) {
  115.                 function r() {
  116.                     return c.exists && performance.now ? Math.round(performance.now()) : (o = Math.max((new Date).getTime(), o)) - a
  117.                 }
  119.                 function i() {
  120.                     return o
  121.                 }
  123.                 var o = (new Date).getTime(), a = o, c = t(11);
  124.                 e.exports = r, e.exports.offset = a, e.exports.getLastTimestamp = i
  125.             }, {}], 6: [function (t, e, n) {
  126.                 function r(t, e) {
  127.                     var n = t.getEntries();
  128.                     n.forEach(function (t) {
  129.                         "first-paint" === t.name ? l("timing", ["fp", Math.floor(t.startTime)]) : "first-contentful-paint" === t.name && l("timing", ["fcp", Math.floor(t.startTime)])
  130.                     })
  131.                 }
  133.                 function i(t, e) {
  134.                     var n = t.getEntries();
  135.                     if (n.length > 0) {
  136.                         var r = n[n.length - 1];
  137.                         if (u && u < r.startTime) return;
  138.                         var i = [r], o = a({});
  139.                         o && i.push(o), l("lcp", i)
  140.                     }
  141.                 }
  143.                 function o(t) {
  144.                     t.getEntries().forEach(function (t) {
  145.                         t.hadRecentInput || l("cls", [t])
  146.                     })
  147.                 }
  149.                 function a(t) {
  150.                     var e = navigator.connection || navigator.mozConnection || navigator.webkitConnection;
  151.                     if (e) return e.type && (t["net-type"] = e.type), e.effectiveType && (t["net-etype"] = e.effectiveType), e.rtt && (t["net-rtt"] = e.rtt), e.downlink && (t["net-dlink"] = e.downlink), t
  152.                 }
  154.                 function c(t) {
  155.                     if (t instanceof y && !w) {
  156.                         var e = Math.round(t.timeStamp), n = {type: t.type};
  157.                         a(n), e <= v.now() ? n.fid = v.now() - e : e > v.offset && e <= Date.now() ? (e -= v.offset, n.fid = v.now() - e) : e = v.now(), w = !0, l("timing", ["fi", e, n])
  158.                     }
  159.                 }
  161.                 function f(t) {
  162.                     "hidden" === t && (u = v.now(), l("pageHide", [u]))
  163.                 }
  165.                 if (!("init" in NREUM && "page_view_timing" in NREUM.init && "enabled" in NREUM.init.page_view_timing && NREUM.init.page_view_timing.enabled === !1)) {
  166.                     var u, s, d, p, l = t("handle"), v = t("loader"), m = t(8), g = t(3), y = NREUM.o.EV;
  167.                     if ("PerformanceObserver" in window && "function" == typeof window.PerformanceObserver) {
  168.                         s = new PerformanceObserver(r);
  169.                         try {
  170.                             s.observe({entryTypes: ["paint"]})
  171.                         } catch (h) {
  172.                         }
  173.                         d = new PerformanceObserver(i);
  174.                         try {
  175.                             d.observe({entryTypes: ["largest-contentful-paint"]})
  176.                         } catch (h) {
  177.                         }
  178.                         p = new PerformanceObserver(o);
  179.                         try {
  180.                             p.observe({type: "layout-shift", buffered: !0})
  181.                         } catch (h) {
  182.                         }
  183.                     }
  184.                     if ("addEventListener" in document) {
  185.                         var w = !1, b = ["click", "keydown", "mousedown", "pointerdown", "touchstart"];
  186.                         b.forEach(function (t) {
  187.                             document.addEventListener(t, c, g(!1))
  188.                         })
  189.                     }
  190.                     m(f)
  191.                 }
  192.             }, {}], 7: [function (t, e, n) {
  193.                 function r(t, e) {
  194.                     if (!i) return !1;
  195.                     if (t !== i) return !1;
  196.                     if (!e) return !0;
  197.                     if (!o) return !1;
  198.                     for (var n = o.split("."), r = e.split("."), a = 0; a < r.length; a++) if (r[a] !== n[a]) return !1;
  199.                     return !0
  200.                 }
  202.                 var i = null, o = null, a = /Version\/(\S+)\s+Safari/;
  203.                 if (navigator.userAgent) {
  204.                     var c = navigator.userAgent, f = c.match(a);
  205.                     f && c.indexOf("Chrome") === -1 && c.indexOf("Chromium") === -1 && (i = "Safari", o = f[1])
  206.                 }
  207.                 e.exports = {agent: i, version: o, match: r}
  208.             }, {}], 8: [function (t, e, n) {
  209.                 function r(t) {
  210.                     function e() {
  211.                         t(c && document[c] ? document[c] : document[o] ? "hidden" : "visible")
  212.                     }
  214.                     "addEventListener" in document && a && document.addEventListener(a, e, i(!1))
  215.                 }
  217.                 var i = t(3);
  218.                 e.exports = r;
  219.                 var o, a, c;
  220.                 "undefined" != typeof document.hidden ? (o = "hidden", a = "visibilitychange", c = "visibilityState") : "undefined" != typeof document.msHidden ? (o = "msHidden", a = "msvisibilitychange") : "undefined" != typeof document.webkitHidden && (o = "webkitHidden", a = "webkitvisibilitychange", c = "webkitVisibilityState")
  221.             }, {}], 9: [function (t, e, n) {
  222.                 function r(t, e) {
  223.                     var n = [], r = "", o = 0;
  224.                     for (r in t) i.call(t, r) && (n[o] = e(r, t[r]), o += 1);
  225.                     return n
  226.                 }
  228.                 var i = Object.prototype.hasOwnProperty;
  229.                 e.exports = r
  230.             }, {}], 10: [function (t, e, n) {
  231.                 function r(t, e, n) {
  232.                     e || (e = 0), "undefined" == typeof n && (n = t ? t.length : 0);
  233.                     for (var r = -1, i = n - e || 0, o = Array(i < 0 ? 0 : i); ++r < i;) o[r] = t[e + r];
  234.                     return o
  235.                 }
  237.                 e.exports = r
  238.             }, {}], 11: [function (t, e, n) {
  239.                 e.exports = {exists: "undefined" != typeof window.performance && window.performance.timing && "undefined" != typeof window.performance.timing.navigationStart}
  240.             }, {}], ee: [function (t, e, n) {
  241.                 function r() {
  242.                 }
  244.                 function i(t) {
  245.                     function e(t) {
  246.                         return t && t instanceof r ? t : t ? u(t, f, a) : a()
  247.                     }
  249.                     function n(n, r, i, o, a) {
  250.                         if (a !== !1 && (a = !0), !l.aborted || o) {
  251.                             t && a && t(n, r, i);
  252.                             for (var c = e(i), f = m(n), u = f.length, s = 0; s < u; s++) f[s].apply(c, r);
  253.                             var p = d[w[n]];
  254.                             return p && p.push([b, n, r, c]), c
  255.                         }
  256.                     }
  258.                     function o(t, e) {
  259.                         h[t] = m(t).concat(e)
  260.                     }
  262.                     function v(t, e) {
  263.                         var n = h[t];
  264.                         if (n) for (var r = 0; r < n.length; r++) n[r] === e && n.splice(r, 1)
  265.                     }
  267.                     function m(t) {
  268.                         return h[t] || []
  269.                     }
  271.                     function g(t) {
  272.                         return p[t] = p[t] || i(n)
  273.                     }
  275.                     function y(t, e) {
  276.                         l.aborted || s(t, function (t, n) {
  277.                             e = e || "feature", w[n] = e, e in d || (d[e] = [])
  278.                         })
  279.                     }
  281.                     var h = {}, w = {}, b = {
  282.                         on: o,
  283.                         addEventListener: o,
  284.                         removeEventListener: v,
  285.                         emit: n,
  286.                         get: g,
  287.                         listeners: m,
  288.                         context: e,
  289.                         buffer: y,
  290.                         abort: c,
  291.                         aborted: !1
  292.                     };
  293.                     return b
  294.                 }
  296.                 function o(t) {
  297.                     return u(t, f, a)
  298.                 }
  300.                 function a() {
  301.                     return new r
  302.                 }
  304.                 function c() {
  305.                     (d.api || d.feature) && (l.aborted = !0, d = l.backlog = {})
  306.                 }
  308.                 var f = "nr@context", u = t("gos"), s = t(9), d = {}, p = {}, l = e.exports = i();
  309.                 e.exports.getOrSetContext = o, l.backlog = d
  310.             }, {}], gos: [function (t, e, n) {
  311.                 function r(t, e, n) {
  312.                     if (i.call(t, e)) return t[e];
  313.                     var r = n();
  314.                     if (Object.defineProperty && Object.keys) try {
  315.                         return Object.defineProperty(t, e, {value: r, writable: !0, enumerable: !1}), r
  316.                     } catch (o) {
  317.                     }
  318.                     return t[e] = r, r
  319.                 }
  321.                 var i = Object.prototype.hasOwnProperty;
  322.                 e.exports = r
  323.             }, {}], handle: [function (t, e, n) {
  324.                 function r(t, e, n, r) {
  325.                     i.buffer([t], r), i.emit(t, e, n)
  326.                 }
  328.                 var i = t("ee").get("handle");
  329.                 e.exports = r, r.ee = i
  330.             }, {}], id: [function (t, e, n) {
  331.                 function r(t) {
  332.                     var e = typeof t;
  333.                     return !t || "object" !== e && "function" !== e ? -1 : t === window ? 0 : a(t, o, function () {
  334.                         return i++
  335.                     })
  336.                 }
  338.                 var i = 1, o = "nr@id", a = t("gos");
  339.                 e.exports = r
  340.             }, {}], loader: [function (t, e, n) {
  341.                 function r() {
  342.                     if (!M++) {
  343.                         var t = T.info = NREUM.info, e = m.getElementsByTagName("script")[0];
  344.                         if (setTimeout(u.abort, 3e4), !(t && t.licenseKey && t.applicationID && e)) return u.abort();
  345.                         f(x, function (e, n) {
  346.                             t[e] || (t[e] = n)
  347.                         });
  348.                         var n = a();
  349.                         c("mark", ["onload", n + T.offset], null, "api"), c("timing", ["load", n]);
  350.                         var r = m.createElement("script");
  351.                         0 === t.agent.indexOf("http://") || 0 === t.agent.indexOf("https://") ? r.src = t.agent : r.src = l + "://" + t.agent, e.parentNode.insertBefore(r, e)
  352.                     }
  353.                 }
  355.                 function i() {
  356.                     "complete" === m.readyState && o()
  357.                 }
  359.                 function o() {
  360.                     c("mark", ["domContent", a() + T.offset], null, "api")
  361.                 }
  363.                 var a = t(5), c = t("handle"), f = t(9), u = t("ee"), s = t(7), d = t(2), p = t(3),
  364.                     l = d.getConfiguration("ssl") === !1 ? "http" : "https", v = window, m = v.document,
  365.                     g = "addEventListener", y = "attachEvent", h = v.XMLHttpRequest, w = h && h.prototype, b = !1;
  366.                 NREUM.o = {
  367.                     ST: setTimeout,
  368.                     SI: v.setImmediate,
  369.                     CT: clearTimeout,
  370.                     XHR: h,
  371.                     REQ: v.Request,
  372.                     EV: v.Event,
  373.                     PR: v.Promise,
  374.                     MO: v.MutationObserver
  375.                 };
  376.                 var E = "" + location, x = {
  377.                     beacon: "bam.nr-data.net",
  378.                     errorBeacon: "bam.nr-data.net",
  379.                     agent: "js-agent.newrelic.com/nr-1216.min.js"
  380.                 }, O = h && w && w[g] && !/CriOS/.test(navigator.userAgent), T = e.exports = {
  381.                     offset: a.getLastTimestamp(),
  382.                     now: a,
  383.                     origin: E,
  384.                     features: {},
  385.                     xhrWrappable: O,
  386.                     userAgent: s,
  387.                     disabled: b
  388.                 };
  389.                 if (!b) {
  390.                     t(1), t(6), m[g] ? (m[g]("DOMContentLoaded", o, p(!1)), v[g]("load", r, p(!1))) : (m[y]("onreadystatechange", i), v[y]("onload", r)), c("mark", ["firstbyte", a.getLastTimestamp()], null, "api");
  391.                     var M = 0
  392.                 }
  393.             }, {}], "wrap-function": [function (t, e, n) {
  394.                 function r(t, e) {
  395.                     function n(e, n, r, f, u) {
  396.                         function nrWrapper() {
  397.                             var o, a, s, p;
  398.                             try {
  399.                                 a = this, o = d(arguments), s = "function" == typeof r ? r(o, a) : r || {}
  400.                             } catch (l) {
  401.                                 i([l, "", [o, a, f], s], t)
  402.                             }
  403.                             c(n + "start", [o, a, f], s, u);
  404.                             try {
  405.                                 return p = e.apply(a, o)
  406.                             } catch (v) {
  407.                                 throw c(n + "err", [o, a, v], s, u), v
  408.                             } finally {
  409.                                 c(n + "end", [o, a, p], s, u)
  410.                             }
  411.                         }
  413.                         return a(e) ? e : (n || (n = ""), nrWrapper[p] = e, o(e, nrWrapper, t), nrWrapper)
  414.                     }
  416.                     function r(t, e, r, i, o) {
  417.                         r || (r = "");
  418.                         var c, f, u, s = "-" === r.charAt(0);
  419.                         for (u = 0; u < e.length; u++) f = e[u], c = t[f], a(c) || (t[f] = n(c, s ? f + r : r, i, f, o))
  420.                     }
  422.                     function c(n, r, o, a) {
  423.                         if (!v || e) {
  424.                             var c = v;
  425.                             v = !0;
  426.                             try {
  427.                                 t.emit(n, r, o, e, a)
  428.                             } catch (f) {
  429.                                 i([f, n, r, o], t)
  430.                             }
  431.                             v = c
  432.                         }
  433.                     }
  435.                     return t || (t = s), n.inPlace = r, n.flag = p, n
  436.                 }
  438.                 function i(t, e) {
  439.                     e || (e = s);
  440.                     try {
  441.                         e.emit("internal-error", t)
  442.                     } catch (n) {
  443.                     }
  444.                 }
  446.                 function o(t, e, n) {
  447.                     if (Object.defineProperty && Object.keys) try {
  448.                         var r = Object.keys(t);
  449.                         return r.forEach(function (n) {
  450.                             Object.defineProperty(e, n, {
  451.                                 get: function () {
  452.                                     return t[n]
  453.                                 }, set: function (e) {
  454.                                     return t[n] = e, e
  455.                                 }
  456.                             })
  457.                         }), e
  458.                     } catch (o) {
  459.                         i([o], n)
  460.                     }
  461.                     for (var a in t) l.call(t, a) && (e[a] = t[a]);
  462.                     return e
  463.                 }
  465.                 function a(t) {
  466.                     return !(t && t instanceof Function && t.apply && !t[p])
  467.                 }
  469.                 function c(t, e) {
  470.                     var n = e(t);
  471.                     return n[p] = t, o(t, n, s), n
  472.                 }
  474.                 function f(t, e, n) {
  475.                     var r = t[e];
  476.                     t[e] = c(r, n)
  477.                 }
  479.                 function u() {
  480.                     for (var t = arguments.length, e = new Array(t), n = 0; n < t; ++n) e[n] = arguments[n];
  481.                     return e
  482.                 }
  484.                 var s = t("ee"), d = t(10), p = "nr@original", l = Object.prototype.hasOwnProperty, v = !1;
  485.                 e.exports = r, e.exports.wrapFunction = c, e.exports.wrapInPlace = f, e.exports.argsToArray = u
  486.             }, {}]
  487.         }, {}, ["loader"]);</script>
  488.     <meta property="og:image" content="{{ absolute_url(asset('images/freelance.webp')) }}">
  489.     <meta property="og:image:secure_url" content="{{ absolute_url(asset('images/freelance.webp')) }}">
  490.     <meta property="og:title"
  491.           content="Freelance: missions {{ 'now'|date('Y') }} sur toute la France | WorkDispo"/>
  492.     <meta property="og:type" content="WorkDispo"/>
  493.     <meta property="og:url" content="{{ app.request.getBaseURL() }}"/>
  495.     <meta name="Content-Language" content="fr">
  496.     <meta name="author" content="www.workdispo.com">
  497.     <meta name="revisit-after" content="revisit-after">
  498.     <meta name="pragma" content="no-cache">
  499.     <meta name="classification" content="WorkDispo: des missions sans commission">
  500.     <meta property="og:site_name" data-js-id="meta-og_site_name" content="WorkDispo" >
  501.     <meta http-equiv="Cache-Control" content="max-age=31536000">
  502. {% endblock %}
  504. {% block stylesheets %}
  505.     <style>
  506.         .rounded-right {
  507.             /* border-top-right-radius: 3em;
  508.             border-bottom-right-radius: 3em; */
  509.             border-radius: 10px;
  510.         }
  512.         .whysection h3 {
  513.             font-size: 1.75rem;
  514.             font-weight: bolder;
  515.         }
  517.         .whysection p {
  518.             font-size: 1.2rem;
  519.             line-height: 1.9rem;
  520.             text-align: justify;
  521.         }
  523.         th {
  524.             max-width: 50%;
  525.             width: 50%;
  526.             color: #979797;
  527.         }
  529.         td {
  530.             font-weight: bold;
  531.             color: #000;
  532.         }
  534.         table {
  535.             width: 100%;
  536.         }
  538.         .news-link:visited {
  539.             color: #98a2ea;
  540.         }
  542.         .accordion-header.accordion-white {
  543.             background: none;
  544.             color: #000000;
  545.             border: none;
  546.         }
  548.         .accordion__item .accordion-bg-none {
  549.             background: none;
  550.         }
  552.         .faq .accordion-header h3 {
  553.             display: inline-block !important;
  554.             width: 90% !important;
  555.             font-size: 1.25rem !important;
  556.             line-height: 1.875rem !important;
  557.             font-weight: bolder !important;
  558.             vertical-align: top !important;
  559.         }
  561.         img {
  562.             width: 100%; /* or max-width: 100%; */
  563.             height: auto;
  564.         }
  566.         .limited-lines-two {
  567.             display: -webkit-box !important;
  568.             -webkit-line-clamp: 2 !important;
  569.             -webkit-box-orient: vertical !important;
  570.             overflow: hidden !important;
  571.         }
  574.         @font-face {
  575.             font-family: 'Pacifico';
  576.             font-style: normal;
  577.             font-weight: 400;
  578.             src: local('Pacifico Regular'), local('Pacifico-Regular'),
  579.             url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format('woff2');
  580.             font-display: swap;
  581.         }
  583.         h2 {
  584.             font-weight: bold;
  585.         }
  586.     </style>
  587. {% endblock %}
  589. {% block body %}
  590.     <!-- Intro Banner
  591.     ================================================== -->
  592.     <!-- add class "disable-gradient" to enable consistent background overlay -->
  593.     <div class="intro-banner" data-background-image="images/freelance.webp" alt="Freelance">
  594.         <div class="container">
  596.             {#                        {% include 'macro/apply_floatant_accueil.html.twig' %}#}
  598.             <!-- Intro Headline -->
  599.             <div class="row">
  600.                 <div class="col-md-12">
  601.                     <div class="banner-headline">
  602.                         <span>
  603.                             <div class="text-black"
  604.                                  style="display: flex; font-size: 28px !important; line-height: 42px !important;flex-direction: row;flex-wrap: wrap;">
  605.                                 <h1 style="line-height: inherit;"><strong
  606.                                         style="font-size: 28px">Mission freelance et offre d’emploi</strong></h1>&nbsp;
  607.                                 <strong>en France.</strong> &nbsp;
  608.                             </div>
  610.                             <h3 class="text-blue">
  611.                                 <strong class="color">WorkDispo </strong>
  612.                                 <span class="text-black">c'est</span>
  613.                                 <strong class="color">100% gratuit</strong> <span class="text-black">pour les candidats et</span> <strong
  614.                                     class="color">0% de commission</strong>
  615.                                 <span class="text-black">sur la mission freelance. </span>
  616.                             </h3>
  617.                         </span>
  618.                     </div>
  619.                 </div>
  620.             </div>
  622.             <!-- Search Bar -->
  623.             <div class="row">
  624.                 <div class="col-md-12">
  625.                     <form action="{{ path('offre_search') }}" method="POST" id="formSearch">
  626.                         <div class="intro-banner-search-form margin-top-95">
  628.                             <!-- Search Field -->
  629.                             <div class="intro-search-field">
  630.                                 <label for="autocomplete-input" class="field-title ripple-effect">Où?</label>
  631.                                 <select id="location" name="location[]" class="selectpicker default" multiple
  632.                                         title="Toute la France"
  633.                                         data-live-search="true">
  634.                                     <option>Toute la France</option>
  635.                                     {% for name,region in regions %}
  636.                                         <optgroup label="{{ name }}" data-max-options="1">
  637.                                             <option value="{{ name }}">Tout {{ name }}</option>
  638.                                             {% for department in region %}
  639.                                                 <option value="{{ department }}">{{ department }}</option>
  640.                                             {% endfor %}
  641.                                         </optgroup>
  642.                                     {% endfor %}
  643.                                 </select>
  644.                             </div>
  646.                             <!-- Search Field -->
  647.                             <div class="intro-search-field">
  648.                                 <label for="search" class="field-title ripple-effect">Que
  649.                                     recherchez-vous?</label>
  650.                                 <input name="search" id="search" type="text"
  651.                                        placeholder="Titre du poste ou mot clé">
  652.                             </div>
  654.                             <!-- Button -->
  655.                             <div class="intro-search-button">
  656.                                 {% if is_granted('ROLE_USER') %}
  657.                                     <button class="button ripple-effect"
  658.                                             type="submit">Rechercher
  659.                                     </button>
  660.                                 {% else %}
  661.                                     <a class="button ripple-effect" href="{{ path('offre_search') }}">Rechercher</a>
  662.                                 {% endif %}
  663.                             </div>
  665.                         </div>
  666.                     </form>
  667.                 </div>
  668.             </div>
  669.         </div>
  670.     </div>
  672.     <!-- Features Jobs -->
  673.     {% if not app.user and not isNotShow %}
  674.         <div class="section  padding-top-45 padding-bottom-45">
  675.             <div class="container">
  676.                 <div class="row">
  677.                     <div class="col-xl-12">
  679.                         <!-- Section Headline -->
  680.                         <div class="section-headline margin-top-0 margin-bottom-35">
  681.                             <h2>Dernières missions </h2>
  682.                             <a href="{{ path('mission_search_default') }}"
  683.                                class="headline-link">
  684.                                 Toutes les missions
  685.                             </a>
  686.                         </div>
  688.                         <!-- Jobs Container -->
  689.                         <div class="listings-container compact-list-layout margin-top-35">
  690.                             {% for offer in offers|slice(0, 5) %}
  691.                                 <a href="{{ is_granted('ROLE_USER') ? path('public_mission', {slug : offer.slug}) : '#sign-in-dialog' }}"
  692.                                    class="{{ is_granted('ROLE_USER') ? '' : 'popup-with-zoom-anim' }} job-listing with-apply-button">
  693.                                     <div class="job-listing-details">
  694.                                         <div class="job-listing-company-logo">
  695.                                             <img
  696.                                                 src="{{ offer.society.user.photo  ? path('download_avatar', {'filename': offer.society.user.photo}) : asset('images/user-avatar-placeholder.png') }}"
  697.                                                 alt="">
  698.                                         </div>
  700.                                         <div class="job-listing-description">
  701.                                             <h3 class="job-listing-title"> {{ offer.title }}</h3>
  703.                                             <div class="job-listing-footer">
  704.                                                 <ul>
  705.                                                     <li>
  706.                                                         <i class="icon-material-outline-business"></i> {{ offer.society.name }}
  707.                                                     </li>
  708.                                                     <li>
  709.                                                         <i class="icon-material-outline-location-on"></i> {{ offer.location }}
  710.                                                     </li>
  711.                                                     <li>
  712.                                                         <i class="icon-material-outline-business-center"></i> {{ offer.getCostText() }}
  713.                                                     </li>
  714.                                                     <li>
  715.                                                         <i class="icon-material-outline-access-time"></i> {{ offer.getDurationText() }}
  716.                                                     </li>
  717.                                                 </ul>
  718.                                             </div>
  719.                                         </div>
  721.                                         <span class="button">Postuler</span>
  722.                                     </div>
  723.                                 </a>
  724.                             {% endfor %}
  725.                         </div>
  726.                         <!-- Jobs Container / End -->
  727.                     </div>
  728.                 </div>
  729.             </div>
  730.         </div>
  731.     {% endif %}
  733.     <!-- Featured Jobs / End -->
  735.     <!-- Features Cities -->
  736.     <div class="section margin-bottom-65 margin-top-45">
  737.         <div class="container">
  738.             <div class="row">
  739.                 <div class="col-xl-12">
  740.                     <!-- Section Headline -->
  741.                     <div class="margin-top-0 margin-bottom-25">
  742.                         <h2 class="text-center"><span class="text-blue">Mission freelance</span> et <span class="text-blue">offre d’emploi</span> à Paris et en France avec télétravail</h2>
  743.                     </div>
  744.                 </div>
  746.                 {% for city in cityList %}
  747.                     <div class="col-xl-3 col-md-6">
  748.                         <!-- Photo Box -->
  749.                         <a href="{{ city.link }}"
  750.                            class="photo-box"
  751.                            data-background-image="{{ city.img }}">
  752.                             <div class="photo-box-content">
  753.                                 <h3>Emploi {{ city.name }}</h3>
  754.                             </div>
  755.                         </a>
  757.                     </div>
  758.                 {% endfor %}
  759.             </div>
  760.         </div>
  761.     </div>
  762.     <!-- Features Cities / End -->
  764.     <!-- Highest news -->
  765.     {# <div class="section  padding-bottom-45">
  766.         <div class="container">
  767.             <div class="row">
  769.                 <div class="col-xl-12">
  770.                     <!-- Section Headline -->
  771.                     <div class="section-headline margin-top-0 margin-bottom-25">
  772.                         <h3>News de tech</h3>
  773.                         <a href="{{ path('all_news') }}"
  774.                            class=" headline-link">Toutes les
  775.                             actualités</a>
  776.                     </div>
  777.                 </div>
  779.                 <div class="col-xl-12">
  780.                     <div class="freelancers-container freelancers-grid-layout">
  781.                         <ul style="list-style-type:none;">
  782.                             {% for actu in news %}
  783.                                 <li class="actu">{{ actu.date|date('d/m') }} - <a class="news-link" href="{{ actu.newsLink }}" target="_blank" style="font-weight: bold !important;"><b >{{ actu.description|u.truncate(70, '...') }}</b></a> - <small ><em><a href="{{ actu.link }}" target="_blank" class="text-black">{{ actu.owner}}</a></em></small></li>
  784.                             {% endfor %}
  785.                         </ul>
  786.                     </div>
  787.                 </div>
  789.             </div>
  790.         </div>
  791.     </div> #}
  792.     <!-- Highest news / End-->
  794.     <div class="container section  padding-top-0">
  795.         <div class="d-flex align-items-start ">
  796.             <div class="d-none d-md-block col-md-6 padding-left-0 " style=" display: flex !important; height: 100%;">
  797.                 <img class="rounded-right" style=" width:100%; object-fit: cover;"
  798.                      src="{{ asset('images/mission-freelance.webp') }}" title="Pourquoi WorkDispo"
  799.                      alt="Mission freelance">
  800.             </div>
  801.             <div class="col-md-6 whysection">
  802.                 <h2>Plateforme de <span class="text-blue">mission freelance</span> et d’<span class="text-blue">offre d’emploi</span>?</h2>
  803.                 <p class="margin-top-25 text-black" style="font-size: 1.2rem;line-height: 1.75rem;
  804.     text-align: justify;">
  805.                     {# <span class="text-blue">WorkDispo</span> est une plateforme dont l’inscription et l’utilisation sont
  806.                     <span class="text-blue">100% gratuites pour les candidats</span>. En déposant votre CV vous pourrez être contacté par des recruteurs qui recherchent des demandeurs d’emplois ou des freelances pour des missions, et vous pourrez aussi postuler à des <a
  807.                         href="https://www.workdispo.com/missions-freelance">missions freelance</a> ou à <a
  808.                         href="https://www.workdispo.com/emploi">offres d’emploi</a>. Le <a
  809.                         href="https://www.workdispo.com/tjm">TJM</a> du freelance n’est pas
  810.                     du tout impacté, WorkDispo ne demande <span class="text-blue">aucune commission ni aux candidats ni aux recruteurs</span>
  811.                     et
  812.                     aucun % de frais de service. C’est pour cette raison que tous les recruteurs rejoignent WorkDispo et ainsi proposer le <span class="text-blue">maximum de missions freelance et d’offres d’emplois</span>! #}
  813.                     WorkDispo est une plateforme dont l’inscription et l’utilisation sont 100 % gratuites pour les candidats. En déposant votre CV, vous pourrez être contacté par des recruteurs recherchant des demandeurs d’emploi ou des freelances pour des missions. Vous pourrez également postuler à des <a
  814.                         href="https://www.workdispo.com/missions-freelance">missions freelance</a> ou à des <a
  815.                         href="https://www.workdispo.com/emploi">offres d’emploi</a>. Le TJM du freelance n’est absolument pas impacté : WorkDispo ne demande aucune commission, ni aux candidats ni aux recruteurs, et n’applique aucun pourcentage de frais de service. C’est pour cette raison que de nombreux recruteurs rejoignent WorkDispo, afin de proposer un maximum de <a
  816.                         href="https://www.workdispo.com/missions-freelance">missions freelance</a> et d’<a
  817.                         href="https://www.workdispo.com/emploi">offres d’emploi</a> !
  818.                 </p>
  819.             </div>
  820.         </div>
  821.     </div>
  823.     <!-- How it works -->
  824.     <div class="section padding-top-65 padding-bottom-65">
  825.         <div class="container">
  826.             <div class="row">
  828.                 <div class="col-xl-12">
  829.                     <!-- Section Headline -->
  830.                     <div class=" centered margin-top-0 margin-bottom-5">
  831.                         <h2 class="text-center">Comment postuler à une <span class="text-blue">mission freelance</span> ou à une <span class="text-blue">offre d’emploi</span>?</h2>
  832.                     </div>
  833.                 </div>
  835.                 <div class="col-xl-4 col-md-4">
  836.                     <!-- Icon Box -->
  837.                     <div class="icon-box with-line">
  838.                         <!-- Icon -->
  839.                         <div class="icon-box-circle">
  840.                             <div class="icon-box-circle-inner">
  841.                                 <i class="icon-line-awesome-lock"></i>
  842.                                 <div class="icon-box-check"><i class="icon-material-outline-check"></i></div>
  843.                             </div>
  844.                         </div>
  845.                         <h3>Créer un compte</h3>
  846.                         <p>Créer un compte gratuitement et facilement pour pouvoir utiliser WorkDispo.</p>
  847.                     </div>
  848.                 </div>
  850.                 <div class="col-xl-4 col-md-4">
  851.                     <!-- Icon Box -->
  852.                     <div class="icon-box with-line">
  853.                         <!-- Icon -->
  854.                         <div class="icon-box-circle">
  855.                             <div class="icon-box-circle-inner">
  856.                                 <i class="icon-line-awesome-legal"></i>
  857.                                 <div class="icon-box-check"><i class="icon-material-outline-check"></i></div>
  858.                             </div>
  859.                         </div>
  860.                         <h3>Poster votre CV </h3>
  861.                         <p>Téléversez votre CV pour être contacté par des recruteurs qui recherchent votre profil.</p>
  862.                     </div>
  863.                 </div>
  865.                 <div class="col-xl-4 col-md-4">
  866.                     <!-- Icon Box -->
  867.                     <div class="icon-box">
  868.                         <!-- Icon -->
  869.                         <div class="icon-box-circle">
  870.                             <div class="icon-box-circle-inner">
  871.                                 <i class=" icon-line-awesome-trophy"></i>
  872.                                 <div class="icon-box-check"><i class="icon-material-outline-check"></i></div>
  873.                             </div>
  874.                         </div>
  875.                         <h3>Postuler aux offres</h3>
  876.                         <p>Postulez aux missions freelance et/ou aux offres d’emplois en CDI/CDD dans l’informatique, le digital, le numérique...</p>
  877.                     </div>
  878.                 </div>
  880.             </div>
  881.         </div>
  882.     </div>
  883.     <!-- How it works / End -->
  885.     <!-- Highest Rated Freelancers -->
  886.     <div class="section  padding-top-45 padding-bottom-30">
  887.         <div class="container">
  888.             <div class="row">
  890.                 <div class="col-xl-12">
  891.                     <!-- Section Headline -->
  892.                     <div class=" margin-top-0 margin-bottom-25">
  893.                         <h2 class="">Profils pour une <span class="text-blue">mission freelance</span> ou <span class="text-blue">une offre d’emploi</span></h2>
  894. {#                         <a href="{{ is_granted('ROLE_USER') ? path('freelance_search') : '#sign-in-dialog' }}" #}
  895.                         <a href="{{ is_granted('ROLE_USER') ? path('freelance_search') : path('register_society') }}"
  896. {#                            class="{{ is_granted('ROLE_USER') ? '' : 'popup-with-zoom-anim' }} headline-link">Tous les profils freelances</a> #}
  897.                            class=" headline-link">Tous les profils</a>
  898.                     </div>
  899.                 </div>
  901.                 <div class="col-xl-12">
  902.                     <div class="freelancers-container freelancers-grid-layout">
  904.                         {% for profile in profiles %}
  905.                             <div class="freelancer">
  906.                                 <div class="freelancer-overview">
  907.                                     <div class="freelancer-overview-inner">
  908.                                         <div class="freelancer-avatar">
  909.                                             <img
  910.                                                 src="{{ profile.photo  ? path('download_avatar', {'filename': profile.photo}) : asset('images/user-avatar-placeholder.png') }}"
  911.                                                 alt=""
  912.                                                 class="{{ is_granted('ROLE_USER') ? '' : 'blur-image' }}"
  913.                                                 style="cursor: inherit"
  914.                                             >
  915.                                         </div>
  917.                                         <div class="freelancer-name">
  918.                                             <h4>
  919.                                                 <a href="{{ path('public_profile', {slug : profile.slug}) }}">{{ profile.user.firstName }}
  920.                                                     .</a>
  921.                                             </h4>
  922.                                             <span>{{ profile.title }}</span>
  923.                                         </div>
  924.                                     </div>
  925.                                 </div>
  927.                                 <div class="freelancer-details">
  928.                                     <div class="freelancer-details-list">
  929.                                         {# @changelog 2022-10-03 [FIX] (Anthony) Modification affichage mobilité sur le titre de la page #}
  930.                                         <table>
  931.                                             <thead>
  932.                                             <tr>
  933.                                                 <th><i class="icon-material-outline-location-on"></i> Localisation</th>
  934.                                                 <th>T.J.M</th>
  935.                                                 <th>Disponibilité</th>
  936.                                             </tr>
  937.                                             </thead>
  938.                                             <tbody>
  939.                                             <tr>
  940.                                                 <td>
  941.                                                     {% set locations = profile.location|split(' ') %}
  942.                                                     {% set location_text = '' %}
  944.                                                     {# Vérifie si le premier élément contient des caractères autres que des chiffres #}
  945.                                                     {% if locations|length > 1 and not locations[0]|number_format(0) == locations[0] %}
  946.                                                         {# Concatène tous les éléments de locations et tronque à 13 caractères #}
  947.                                                         {% set location_text = locations|join(' ')|u.truncate(13, '...') %}
  948.                                                     {% else %}
  949.                                                         {# Utilise locations[0] et tronque à 13 caractères #}
  950.                                                         {% set location_text = (locations[1] is defined ? locations[1]|u.truncate(13, '...') : locations[0])|u.truncate(13, '...') %}
  951.                                                     {% endif %}
  953.                                                     {{ location_text }}
  956.                                                 </td>
  957.                                                 <td>{{ profile.cost }} €</td>
  958.                                                 <td>{{ profile.disponibility }}</td>
  959.                                             </tr>
  960.                                             </tbody>
  961.                                         </table>
  962.                                     </div>
  963.                                     <a href="{{ is_granted('ROLE_USER') ?  path('public_profile', {slug : profile.slug})  : '#sign-in-dialog' }}"
  964.                                        class="{{ is_granted('ROLE_USER') ? '' : 'popup-with-zoom-anim' }} button button-sliding-icon ripple-effect">
  965.                                         Voir le profil <i class="icon-material-outline-arrow-right-alt"></i></a>
  966.                                 </div>
  967.                             </div>
  968.                             <!-- Freelancer / End -->
  969.                         {% endfor %}
  970.                     </div>
  971.                 </div>
  973.             </div>
  974.         </div>
  975.     </div>
  976.     <!-- Highest Rated Freelancers / End-->
  978.     
  980.     <!-- Highest LIST Freelance -->
  981.     <div class="section  padding-bottom-45">
  982.         <div class="container">
  983.             <div class="row">
  985.                 <div class="col-xl-12">
  986.                     <!-- Section Headline -->
  987.                     <div class="margin-top-0 margin-bottom-25">
  988.                         <h2 class="text-center"><span class="text-blue">Mission freelance</span> informatique par compétences</h2>
  989.                     </div>
  990.                 </div>
  992.                 <div class="col-xl-12">
  993.                     <div class="freelancers-container freelancers-grid-layout freelance-job">
  994.                         <table class="width-100" style="border: none">
  995.                             <tr>
  996.                                 <td><a href="https://www.workdispo.com/freelance-agile-scrum">Freelance Agile
  997.                                         Scrum</a></td>
  998.                                 <td><a href="https://www.workdispo.com/freelance-docker">Freelance Docker</a></td>
  999.                                 <td><a href="https://www.workdispo.com/freelance-moa">Freelance MOA</a></td>
  1000.                             </tr>
  1001.                             <tr>
  1002.                                 <td><a href="https://www.workdispo.com/freelance-amoa">Freelance AMOA</a></td>
  1003.                                 <td><a href="https://www.workdispo.com/freelance-git">Freelance Git</a></td>
  1004.                                 <td><a href="https://www.workdispo.com/freelance-mysql">Freelance MySQL</a></td>
  1005.                             </tr>
  1006.                             <tr>
  1007.                                 <td><a href="https://www.workdispo.com/freelance-angular">Freelance Angular</a>
  1008.                                 </td>
  1009.                                 <td><a href="https://www.workdispo.com/freelance-html">Freelance HTML</a></td>
  1010.                                 <td><a href="https://www.workdispo.com/freelance-oracle">Freelance Oracle</a></td>
  1011.                             </tr>
  1012.                             <tr>
  1013.                                 <td><a href="https://www.workdispo.com/freelance-ansible">Freelance Ansible</a>
  1014.                                 </td>
  1015.                                 <td><a href="https://www.workdispo.com/freelance-infrastructure">Freelance
  1016.                                         Infrastructure</a></td>
  1017.                                 <td><a href="https://www.workdispo.com/freelance-php">Freelance PHP</a></td>
  1018.                             </tr>
  1019.                             <tr>
  1020.                                 <td><a href="https://www.workdispo.com/freelance-api">Freelance API</a></td>
  1021.                                 <td><a href="https://www.workdispo.com/freelance-java">Freelance Java</a></td>
  1022.                                 <td><a href="https://www.workdispo.com/freelance-postgresql">Freelance
  1023.                                         PostgreSQL</a></td>
  1024.                             </tr>
  1025.                             <tr>
  1026.                                 <td><a href="https://www.workdispo.com/freelance-azure">Freelance Azure</a></td>
  1027.                                 <td><a href="https://www.workdispo.com/freelance-javascript">Freelance
  1028.                                         Javascript</a></td>
  1029.                                 <td><a href="https://www.workdispo.com/freelance-python">Freelance Python</a></td>
  1030.                             </tr>
  1031.                             <tr>
  1032.                                 <td><a href="https://www.workdispo.com/freelance-bi">Freelance BI</a></td>
  1033.                                 <td><a href="https://www.workdispo.com/freelance-jira">Freelance JIRA</a></td>
  1034.                                 <td><a href="https://www.workdispo.com/freelance-react">Freelance React</a></td>
  1035.                             </tr>
  1036.                             <tr>
  1037.                                 <td><a href="https://www.workdispo.com/freelance-cloud">Freelance Cloud</a></td>
  1038.                                 <td><a href="https://www.workdispo.com/freelance-linux">Freelance Linux</a></td>
  1039.                                 <td><a href="https://www.workdispo.com/freelance-réseaux">Freelance Réseaux</a>
  1040.                                 </td>
  1041.                             </tr>
  1042.                             <tr>
  1043.                                 <td><a href="https://www.workdispo.com/freelance-css">Freelance CSS</a></td>
  1044.                                 <td><a href="https://www.workdispo.com/freelance-microsoft-excel">Freelance
  1045.                                         Microsoft Excel</a></td>
  1046.                                 <td><a href="https://www.workdispo.com/freelance-sap">Freelance SAP</a></td>
  1047.                             </tr>
  1048.                             <tr>
  1049.                                 <td><a href="https://www.workdispo.com/freelance-cybersécurite">Freelance
  1050.                                         Cybersécurité</a></td>
  1051.                                 <td><a href="https://www.workdispo.com/freelance-microsoft-office">Freelance
  1052.                                         Microsoft Office</a></td>
  1053.                                 <td><a href="https://www.workdispo.com/freelance-sql">Freelance SQL</a></td>
  1054.                             </tr>
  1055.                             <tr>
  1056.                                 <td><a href="https://www.workdispo.com/freelance-devops">Freelance DevOps</a></td>
  1057.                                 <td><a href="https://www.workdispo.com/freelance-microsoft-office-365">Freelance
  1058.                                         Microsoft Office 365</a></td>
  1059.                                 <td><a href="https://www.workdispo.com/freelance-telecom">Freelance Telecom</a>
  1060.                                 </td>
  1061.                             </tr>
  1062.                         </table>
  1063.                     </div>
  1064.                 </div>
  1066.             </div>
  1068.             <div class="row margin-top-80">
  1070.                 <div class="col-xl-12">
  1071.                     <!-- Section Headline -->
  1072.                     <div class="margin-top-0 margin-bottom-32">
  1073.                         <h2 class="text-center">Plus sur l’<span class="text-blue">informatique</span></h2>
  1074.                     </div>
  1075.                 </div>
  1076.             </div>
  1077.             <div class="row ">
  1078.                 {% for blog in blogs %}
  1079.                     <a href="{{ path('blog_show',{thematique:blog.slug}) }}"
  1080.                        class="blog-compact-item-container col-md-4">
  1081.                         <div class="blog-compact-item" style=" width: 300px !important; height: 380px !important;">
  1082.                             <img
  1083.                                 src="{{ asset( blog.blogimage ? 'uploads/img/'~blog.blogimage.path : 'images/blog-04.jpg') }}"
  1084.                                 alt="{{ blog.blogimage ? blog.blogimage.name : '' }}">
  1085.                             <div style="position: absolute;top: 32px;left: 16px;">
  1086.                                 {% if blog.getSousThematique() is not empty %}
  1087.                                     {% for sous_thematique in blog.getSousThematique() %}
  1088.                                         <span class="blog-item-tag"
  1089.                                               style="position: relative !important;top: auto;left: auto;z-index: 110">{{ sous_thematique.getName() }}</span>
  1090.                                     {% endfor %}
  1091.                                 {% else %}
  1092.                                     {% for thematique in blog.getThematique() %}
  1093.                                         <span class="blog-item-tag"
  1094.                                               style="position: relative !important;top: auto;left: auto;z-index: 110">{{ thematique.getName() }}</span>
  1095.                                     {% endfor %}
  1096.                                 {% endif %}
  1097.                             </div>
  1098.                             <div class="blog-compact-item-content">
  1099.                                 <ul class="blog-post-tags">
  1100.                                     {% set trans_month_hash = {
  1101.                                         "January": "Janvier",
  1102.                                         "February": "Février",
  1103.                                         "March": "Mars",
  1104.                                         "April": "Avril",
  1105.                                         "May": "Mai",
  1106.                                         "June": "Juin",
  1107.                                         "July": "Juillet",
  1108.                                         "August": "Août",
  1109.                                         "September": "Septembre",
  1110.                                         "October": "Octobre",
  1111.                                         "November": "Novembre",
  1112.                                         "December": "Décembre"
  1113.                                     } %}
  1114.                                     <li>{{ blog.getCreatedAt()|date("d") }} {{ trans_month_hash[blog.getCreatedAt()|date("F")] }} {{ blog.getCreatedAt()|date("Y") }}</li>
  1115.                                 </ul>
  1116.                                 <h3 class="limited-lines-two">{{ blog.title }}</h3>
  1117.                                 <p style="
  1118.                                     display: -webkit-box;
  1119.                                     -webkit-line-clamp: 3;
  1120.                                     -webkit-box-orient: vertical;
  1121.                                     overflow: hidden;
  1122.                                 ">
  1123.                                     {{ blog.description }}
  1124.                                 </p>
  1125.                             </div>
  1126.                         </div>
  1127.                     </a>
  1128.                 {% endfor %}
  1129.             </div>
  1130.         </div>
  1131.     </div>
  1132.     <!-- Highest LIST Freelance / End-->
  1135.     <!--FAQ -->
  1136.     <div class="section faq " style="background-color: #2a41e80d">
  1137.         <div class="container-fluid white" style="padding-left: 0px; padding-right: 0px; background-color: white ">
  1138.             <svg style="display: block" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
  1139.                  viewBox="0 0 1366 74.99">
  1140.                 <path
  1141.                     d="M.051,44.953C180.175,87.69,501.382,86.386,803.886,24.306a1184.173,1184.173,0,0,1,562.165,20.646c-.213-.782,0,30,0,30H.051Z"
  1142.                     transform="translate(-0.051 0.038)" fill="#2a41e80d"></path>
  1143.             </svg>
  1144.         </div>
  1145.         <div class="container padding-top-50">
  1146.             <div class="row">
  1147.                 <div class="col-md-8">
  1148.                     <h2>FAQ de la <span class="text-blue">mission freelance</span> ou une <span class="text-blue">offre d’emploi</span></h2>
  1149.                     <div class="margin-top-50 accordion js-accordion no-shadow ">
  1151.                         {% for question, answer in faqs %}
  1152.                             <div class="accordion__item js-accordion-item">
  1153.                                 <div class="accordion-header accordion-white js-accordion-header">
  1154.                                     <i class="carret"></i>
  1155.                                     <h3>{{ question }}</h3>
  1156.                                 </div>
  1158.                                 <!-- Accordtion Body -->
  1159.                                 <div class="accordion-body accordion-bg-none js-accordion-body" style="display: none;">
  1161.                                     <!-- Accordion Content -->
  1162.                                     <div class="accordion-body__contents">
  1163.                                         <p class="text-black">
  1164.                                             {{ answer|raw }}
  1165.                                         </p>
  1166.                                     </div>
  1168.                                 </div>
  1169.                                 <!-- Accordion Body / End -->
  1170.                             </div>
  1171.                         {% endfor %}
  1172.                     </div>
  1173.                 </div>
  1174.                 <div class="col-md-4">
  1175.                     <img src="{{ asset('images/home-faq.webp') }}" alt="FAQ">
  1176.                 </div>
  1177.             </div>
  1178.         </div>
  1179.     </div>
  1180.     <!--FAQ / End -->
  1182.     {% if is_granted('ROLE_USER') and app.user.deleteAt %}
  1183.         <div id="small-dialog" class="zoom-anim-dialog mfp-hide dialog-with-tabs">
  1184.             <div class="sign-in-form">
  1186.                 <ul class="popup-tabs-nav">
  1187.                     <li><a href="#recup-tab">Compte</a></li>
  1188.                 </ul>
  1190.                 <div class="popup-tabs-container">
  1191.                     <div class="popup-tab-content" id="recup-tab">
  1192.                         <form>
  1193.                             <div id="report_confirm" class="welcome-text">
  1194.                                 <h3> « Souhaitez-vous récupérer votre compte avant sa suppression ? »</h3>
  1195.                             </div>
  1196.                             <div class="d-flex justify-content-end">
  1197.                                 <a href="{{ path('logout') }}" class="button red " style="margin-right: 10px">
  1198.                                     Annuler
  1199.                                 </a>
  1200.                                 <a href="{{ path('account_reactivate') }}" class="button">Récupérer mon compte</a>
  1201.                             </div>
  1202.                         </form>
  1204.                     </div>
  1205.                 </div>
  1206.             </div>
  1207.         </div>
  1208.     {% else %}
  1209.         {% include 'common/modal/sign_modal.html.twig' %}
  1210.         {% include 'common/modal/reset_password_modal.html.twig' %}
  1211.     {% endif %}
  1213.     {% set paused = false %}
  1215.     {% for validation in app.flashes('pause_success') %}
  1216.         {% set paused = true %}
  1217.     {% endfor %}
  1218.     {% if paused %}
  1219.         <div id="pause-info-dialog" class="zoom-anim-dialog mfp-hide dialog-with-tabs custom-dialog">
  1220.             <div class="sign-in-form">
  1222.                 <ul class="popup-tabs-nav">
  1223.                     <li><a href="#tabinfo">Compte en pause</a></li>
  1224.                 </ul>
  1226.                 <div class="popup-tabs-container">
  1228.                     <!-- Tab -->
  1229.                     <div class="popup-tab-content" id="tabinfo">
  1231.                         <!-- Welcome Text -->
  1232.                         <div class="welcome-text">
  1233.                             <p class="margin-top-15">
  1234.                                 Votre compte est en pause à votre demande et sera réactivé le
  1235.                                 {{ app.user.society.pauseDate | date('d/m/Y') }}
  1236.                                 à {{ app.user.society.pauseDate | date('H:i') }}
  1237.                             </p>
  1238.                         </div>
  1239.                     </div>
  1241.                 </div>
  1242.             </div>
  1243.         </div>
  1244.     {% endif %}
  1245. {% endblock %}
  1247. {% block javascripts %}
  1248.     <script>
  1249.         $(function () {
  1250.             $('#location').change(function () {
  1251.                 var location = $(this).val();
  1252.                 var newLocation = location;
  1254.                 if (location.length > 1) {
  1255.                     newLocation = newLocation.filter((value) => value !== 'Toute la France');
  1256.                 }
  1258.                 $(this).selectpicker('val', newLocation);
  1260.             });
  1261.             if ($('#small-dialog').length > 0) {
  1262.                 $.magnificPopup.open({
  1263.                     items: {
  1264.                         src: '#small-dialog'
  1265.                     },
  1266.                     type: 'inline',
  1267.                     fixedContentPos: false,
  1268.                     fixedBgPos: true,
  1269.                     overflowY: 'auto',
  1270.                     closeBtnInside: true,
  1271.                     preloader: false,
  1272.                     midClick: true,
  1273.                     removalDelay: 300,
  1274.                     mainClass: 'my-mfp-zoom-in'
  1275.                 });
  1276.             }
  1277.             if ($('#pause-info-dialog').length > 0) {
  1278.                 $.magnificPopup.open({
  1279.                     items: {
  1280.                         src: '#pause-info-dialog'
  1281.                     },
  1282.                     type: 'inline',
  1283.                     fixedContentPos: false,
  1284.                     fixedBgPos: true,
  1285.                     overflowY: 'auto',
  1286.                     closeBtnInside: true,
  1287.                     preloader: false,
  1288.                     midClick: true,
  1289.                     removalDelay: 300,
  1290.                     mainClass: 'my-mfp-zoom-in'
  1291.                 });
  1292.             }
  1293.             if ($('#recup-dialog').length > 0) {
  1294.                 $.magnificPopup.open({
  1295.                     items: {
  1296.                         src: '#recup-dialog'
  1297.                     },
  1298.                     type: 'inline',
  1299.                     fixedContentPos: false,
  1300.                     fixedBgPos: true,
  1301.                     overflowY: 'auto',
  1302.                     closeBtnInside: true,
  1303.                     preloader: false,
  1304.                     midClick: true,
  1305.                     removalDelay: 300,
  1306.                     mainClass: 'my-mfp-zoom-in'
  1307.                 });
  1308.             }
  1309.         })
  1310.     </script>
  1312.     {# ---- SCRICP FORMATAGE RECHERCHE --- #}
  1313.     {% if app.user %}
  1314.         {{ include('macro/_mission-search.html.twig') }}
  1315.     {% endif %}
  1317. {% endblock %}