templates/content/footer/footer_page.html.twig line 1

Open in your IDE?
  1. <footer class="container-fluid bg-dark row d-sm-none d-block">
  2.     <script nonce="{{csp_nonce('script')}}" id="cookieinfo" data-bg="#353034"
  3.     data-fg="#FFFFFF"
  4.     data-link="#C25BC8"
  5.     data-cookie="CookieInfoScript"
  6.     data-text-align="left"
  7.     data-close-text="J'accepte"> 
  8.     !function (e) { "use strict"; var t = e, i = t.document, o = "cbinstance"; var n = { get: function (e) { return decodeURIComponent(i.cookie.replace(new RegExp("(?:(?:^|.*;)\\s*" + encodeURIComponent(e).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=\\s*([^;]*).*$)|^.*$"), "$1")) || null }, set: function (e, t, o, n, s, r) { if (!e || /^(?:expires|max\-age|path|domain|secure)$/i.test(e)) return !1; var a = ""; if (o) switch (o.constructor) { case Number: a = o === 1 / 0 ? "; expires=Fri, 31 Dec 9999 23:59:59 GMT" : "; max-age=" + o; break; case String: a = "; expires=" + o; break; case Date: a = "; expires=" + o.toUTCString() }return i.cookie = encodeURIComponent(e) + "=" + encodeURIComponent(t) + a + (s ? "; domain=" + s : "") + (n ? "; path=" + n : "") + (r ? "; secure" : ""), !0 }, has: function (e) { return new RegExp("(?:^|;\\s*)" + encodeURIComponent(e).replace(/[\-\.\+\*]/g, "\\$&") + "\\s*\\=").test(i.cookie) }, remove: function (e, t, o) { return !(!e || !this.has(e)) && (i.cookie = encodeURIComponent(e) + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT" + (o ? "; domain=" + o : "") + (t ? "; path=" + t : ""), !0) } }, s = { merge: function () { var e, t = {}, i = 0, o = arguments.length; if (0 === o) return t; for (; i < o; i++)for (e in arguments[i]) Object.prototype.hasOwnProperty.call(arguments[i], e) && (t[e] = arguments[i][e]); return t }, str2bool: function (e) { switch ((e = "" + e).toLowerCase()) { case "false": case "no": case "0": case "": return !1; default: return !0 } }, fade_in: function (e) { e.style.opacity < 1 && (e.style.opacity = (parseFloat(e.style.opacity) + .05).toFixed(2), t.setTimeout(function () { s.fade_in(e) }, 50)) }, get_data_attribs: function (e) { var t = {}; if (Object.prototype.hasOwnProperty.call(e, "dataset")) t = e.dataset; else { var i, o = e.attributes; for (i in o) if (Object.prototype.hasOwnProperty.call(o, i)) { var n = o[i]; if (/^data-/.test(n.name)) t[s.camelize(n.name.substr(5))] = n.value } } return t }, normalize_keys: function (e) { var t = {}; for (var i in e) if (Object.prototype.hasOwnProperty.call(e, i)) { var o = s.camelize(i); t[o] = e[o] ? e[o] : e[i] } return t }, camelize: function (e) { for (var t = "-", i = e.indexOf(t); -1 != i;) { var o = i === e.length - 1, n = o ? "" : e[i + 1], s = n.toUpperCase(), r = o ? t : t + n; i = (e = e.replace(r, s)).indexOf(t) } return e }, find_script_by_id: function (e) { for (var t = i.getElementsByTagName("script"), o = 0, n = t.length; o < n; o++)if (e === t[o].id) return t[o]; return null } }, r = s.find_script_by_id("cookieinfo"), a = e.cookieinfo = function (e) { this.init(e) }; a.prototype = { cookiejar: n, init: function (t) { this.inserted = !1, this.closed = !1, this.test_mode = !1; if (this.default_options = { cookie: "we-love-cookies", closeText: "&#10006;", cookiePath: "/", debug: !1, expires: 1 / 0, zindex: 1e20, mask: !1, maskOpacity: .5, maskBackground: "#999", height: "auto", minHeight: "21px", bg: "#eee", fg: "#333", link: "#31A8F0", divlink: "#000", divlinkbg: "#d5a700", position: "bottom", message: "Nous utilisons des cookies pour vous offrir une meilleure expérience et améliorer la performance du site. Pour plus d'informations, consultez notre Politique de cookies. En poursuivant votre navigation, vous acceptez l'utilisation des cookies. ", linkmsg: "Politique de cookies", scriptmsg: "cookie script", moreinfo: "/politique-de-cookies", scriptinfo: "https://cookieinfoscript.com", tracking: "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==", effect: null, fontSize: "14px", fontFamily: "verdana, arial, sans-serif", instance: o, textAlign: "center", acceptOnScroll: !1 }, this.options = this.default_options, this.script_el = r, this.script_el) { var i = s.get_data_attribs(this.script_el); this.options = s.merge(this.options, i) } t && (t = s.normalize_keys(t), this.options = s.merge(this.options, t)), o = this.options.instance, this.options.zindex = parseInt(this.options.zindex, 10), this.options.mask = s.str2bool(this.options.mask), "string" == typeof this.options.expires && "function" == typeof e[this.options.expires] && (this.options.expires = e[this.options.expires]), "function" == typeof this.options.expires && (this.options.expires = this.options.expires()), this.script_el && this.run() }, log: function () { "undefined" != typeof console && console.log.apply(console, arguments) }, run: function () { if (!this.agreed()) { var e = this; !function (e, t) { var i = !1, o = !0, n = e.document, s = n.documentElement, r = n.addEventListener ? "addEventListener" : "attachEvent", a = n.addEventListener ? "removeEventListener" : "detachEvent", c = n.addEventListener ? "" : "on", l = function (o) { "readystatechange" == o.type && "complete" != n.readyState || (("load" == o.type ? e : n)[a](c + o.type, l, !1), !i && (i = !0) && t.call(e, o.type || o)) }, p = function () { try { s.doScroll("left") } catch (e) { return void setTimeout(p, 50) } l("poll") }; if ("complete" == n.readyState) t.call(e, "lazy"); else { if (n.createEventObject && s.doScroll) { try { o = !e.frameElement } catch (e) { } o && p() } n[r](c + "DOMContentLoaded", l, !1), n[r](c + "readystatechange", l, !1), e[r](c + "load", l, !1) } }(t, function () { e.insert() }) } }, build_viewport_mask: function () { var e = null; if (!0 === this.options.mask) { var t = this.options.maskOpacity, o = '<div id="cookieinfo-mask" style="position:fixed;top:0;left:0;width:100%;height:100%;background:' + this.options.maskBackground + ";zoom:1;filter:alpha(opacity=" + 100 * t + ");opacity:" + t + ";z-index:" + this.options.zindex + ';"></div>', n = i.createElement("div"); n.innerHTML = o, e = n.firstChild } return e }, agree: function () { return this.cookiejar.set(this.options.cookie, 1, this.options.expires, this.options.cookiePath), !0 }, agreed: function () { return this.cookiejar.has(this.options.cookie) }, close: function () { return this.inserted && (this.closed || (this.element && this.element.parentNode.removeChild(this.element), this.element_mask && this.element_mask.parentNode.removeChild(this.element_mask), this.closed = !0)), this.closed }, agree_and_close: function () { return this.agree(), this.close() }, cleanup: function () { return this.close(), this.unload() }, unload: function () { return this.script_el && this.script_el.parentNode.removeChild(this.script_el), e[o] = void 0, !0 }, insert: function () { this.element_mask = this.build_viewport_mask(); var e = this.options.zindex; this.element_mask && (e += 1); var t = i.createElement("div"); t.className = "cookieinfo", t.style.position = "fixed", t.style.left = 0, t.style.right = 0, t.style.height = this.options.height, t.style.minHeight = this.options.minHeight, t.style.zIndex = e, t.style.background = this.options.bg, t.style.color = this.options.fg, t.style.lineHeight = t.style.minHeight, t.style.padding = "8px 18px", t.style.fontFamily = this.options.fontFamily, t.style.fontSize = this.options.fontSize, t.style.textAlign = this.options.textAlign, "top" === this.options.position ? t.style.top = 0 : t.style.bottom = 0, t.innerHTML = '<div class="cookieinfo-close" style="float:right;display:block;padding:5px 8px 5px 8px;min-width:100px;margin-left:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;">' + this.options.closeText + '</div><span style="display:block;padding:5px 0 5px 0;">' + this.options.message + " <a>" + this.options.linkmsg + "</a><img> <a>" + this.options.scriptmsg + "</a></span>", this.element = t; var o = t.getElementsByTagName("a")[0]; o.href = this.options.moreinfo, o.style.textDecoration = "none", o.style.color = this.options.link; var n = t.getElementsByTagName("a")[1]; n.href = this.options.scriptinfo, n.style.textDecoration = "none", n.style.display = "none", n.style.color = this.options.link; var r = t.getElementsByTagName("div")[0]; r.style.cursor = "pointer", r.style.color = this.options.divlink, r.style.background = this.options.divlinkbg, r.style.textAlign = "center"; var a = t.getElementsByTagName("img")[0]; function c(e, t, i) { var o = e.addEventListener ? "addEventListener" : "attachEvent", n = e.addEventListener ? "" : "on"; e[o](n + t, i, !1) } a.src = this.options.tracking, a.style.display = "none"; var l = this; c(r, "click", function () { l.agree_and_close() }), this.element_mask && (c(this.element_mask, "click", function () { l.agree_and_close() }), i.body.appendChild(this.element_mask)), this.options.acceptOnScroll && c(window, "scroll", function () { l.agree_and_close() }), i.body.appendChild(this.element), this.inserted = !0, "fade" === this.options.effect ? (this.element.style.opacity = 0, s.fade_in(this.element)) : this.element.style.opacity = 1 } }, r && (e[o] || (e[o] = new a)) }(window);
  9. </script>
  10.   <div class="accordion accordion-flush mt-3 " id="footerFlush">
  11.     <div class="accordion-item text-center">
  12.       <h2 class="accordion-header " id="flush-headingOne">
  13.         <button class="accordion-button collapsed bg-dark " type="button" data-bs-toggle="collapse"
  14.           data-bs-target="#footerOne" aria-expanded="false" aria-controls="flush-collapseOne">
  15.           <strong>À propos de {{nomDeDomaine}}</strong>
  16.         </button>
  17.       </h2>
  18.       <div id="footerOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne"
  19.         data-bs-parent="#footerFlush">
  20.         <div class="accordion-body text-center bg-dark">
  21.           <ul>
  22.             <li class="list-group"> <a href="{{path('app_CGV')}} " class="text-white">Conditions générales de vente</a></li>
  23.             <li class="list-group"><a href="{{path('app_mentions')}}" class="text-white">Mentions légales</a></li>
  24.             <li class="list-group"> <a href="{{path('app_confidentialite')}}" class="text-white">Politique de confidentialité</a></li>
  25.             <li class="list-group"> <a href="{{path('app_FAQ')}}" class="text-white">Foire aux questions</a></li>
  26.             <li class="list-group"> <a href="{{path('app_deontologie')}}" class="text-white">Code de déontologie</a></li>
  27.           </ul>
  28.         </div>
  29.       </div>
  30.     </div>
  32.     <div class="accordion-item mt-2">
  33.       <h2 class="accordion-header" id="flush-headingTwo">
  34.         <button class="accordion-button collapsed text-center bg-dark" type="button" data-bs-toggle="collapse"
  35.           data-bs-target="#footerTwo" aria-expanded="false" aria-controls="flush-collapseTwo">
  36.           <strong>Nous Rejoindre</strong>
  37.         </button>
  38.       </h2>
  39.       <div id="footerTwo" class="accordion-collapse collapse " aria-labelledby="flush-headingTwo"
  40.         data-bs-parent="#footerFlush">
  41.         <div class="accordion-body text-center bg-dark">
  43.         </div>
  44.       </div>
  45.     </div>
  47.     <div class="accordion-item mt-2">
  48.       <h2 class="accordion-header" id="flush-headingThree">
  49.         <button class="accordion-button collapsed bg-dark" type="button" data-bs-toggle="collapse"
  50.           data-bs-target="#footerThree" aria-expanded="false" aria-controls="flush-collapseTwo">
  51.           <strong>Contact</strong>
  53.         </button>
  54.       </h2>
  55.       <div id="footerThree" class="accordion-collapse collapse " aria-labelledby="flush-headingThree"
  56.         data-bs-parent="#footerFlush">
  57.         <div class="accordion-body text-white text-center bg-dark">
  58.           <ul>
  59.             <li class="list-group"><a href="{{path('app_contactclient')}}" class="text-white"><i class="bi bi-envelope"  class="text-white"></i> Contactez-nous par
  60.                 mail</a></li>
  61.                 <li class="list-group"><a href="{{path('app_contactvoyant')}}" class="text-white"><i class="bi bi-envelope" ></i> Devenir Praticien</a></li>
  62.           </ul>
  63.         </div>
  64.       </div>
  65.     </div>
  66.     <div class="accordion-item mt-2">
  67.       <h2 class="accordion-header " id="flush-headingFour">
  68.         <button class="accordion-button collapsed bg-dark" type="button" data-bs-toggle="collapse"
  69.           data-bs-target="#footerFour" aria-expanded="false" aria-controls="flush-collapseTwo">
  72.          <!-- <strong class="text-center">Liens utiles </strong>
  73.  <ul>
  74.         <li class="list-group"><a href="{{path('app_voyance')}}">Voyance</a></li>
  75.         <li class="list-group"><a href="{{path('app_cartomancie')}}">Cartomancie</a></li>
  76.         <li class="list-group"><a href="https://annuaire.secous.com/">annuaire secous</a></li>
  77.  </ul> -->
  78.         </button>
  79.       </h2>
  80.       <div id="footerFour" class="accordion-collapse collapse" aria-labelledby="flush-headingFour"
  81.         data-bs-parent="#footerFlush">
  82.         <div class="accordion-body  bg-dark">
  83.         </div>
  84.       </div>
  85.     </div>
  87.   </div>
  89. </footer>
  91. <footer id="footer" class="container-fluid bg-dark row d-none d-sm-block">
  92.   <div class="col-sm-3 ">
  93.   </div>
  94.   <div class="container col-sm-9 row mx-auto justify-content-end">
  95.     <div class="col-sm text-muted text-center mt-2">
  96.       <h6 class="text-uppercase text-muted "> <strong>À propos de {{nomDeDomaine}}</strong> </h6>
  97.       <ul>
  98.         <li class="list-group"> <a href="{{path('app_CGV')}}" class="text-white">Conditions générales de vente</a></li>
  99.         <li class="list-group"><a href="{{path('app_mentions')}}" class="text-white">Mentions légales</a></li>
  100.         <li class="list-group"> <a href="{{path('app_confidentialite')}}" class="text-white">Politique de confidentialité</a></li>
  101.         <li class="list-group"> <a href="{{path('app_FAQ')}}" class="text-white">Foire aux questions</a></li>
  102.         <li class="list-group"> <a href="{{path('app_deontologie')}}" class="text-white">Code de déontologie</a></li>
  103.       </ul>
  104.     </div>
  105.     <div class="col-sm text-muted text-center mt-2">
  106.       <h6 class="text-uppercase text-muted"> <strong>-</strong> </h6>
  107.     </div>
  108.     <div class="col-sm text-muted mb-4 text-center text-white mt-2">
  109.       <h6 class="text-uppercase text-muted"> <strong>Contact</strong> </h6>
  110.       <ul>
  111.         <li class="list-group"><a href="{{path('app_contactclient')}}" class="text-white"><i class="bi bi-envelope" ></i> Contactez-nous par
  112.             mail</a></li>
  113.         <li class="list-group"><a href="{{path('app_contactvoyant')}}" class="text-white"><i class="bi bi-envelope"  ></i> Devenir Praticien</a></li>
  114.       <hr>
  115.      <h6 class="text-uppercase text-muted text-center"><strong>Liens utiles</strong></h6>
  116. <div class="social-links d-flex justify-content-center gap-3 mt-3">
  117.   <!-- Bouton Facebook -->
  118.   <a href="https://www.facebook.com/iolanda.medium" target="_blank" class="social-link">
  119.     <button class="btn btn-facebook btn-sm">
  120.       <i class="bi bi-facebook"></i>
  121.     </button>
  122.   </a>
  124.   <!-- Bouton Instagram -->
  125.   <a href="https://www.instagram.com/allolesanges/profilecard/?igsh=bWxicHhybHowMnVk" target="_blank" class="social-link">
  126.     <button class="btn btn-danger btn-sm">
  127.       <i class="bi bi-instagram"></i>
  128.     </button>
  129.   </a>
  131.   <!-- Bouton YouTube -->
  132.   <a href="https://www.youtube.com/@iolandamedium369" target="_blank" class="social-link">
  133.     <button class="btn btn-danger btn-sm">
  134.       <i class="bi bi-youtube"></i>
  135.     </button>
  136.   </a>
  138.   <!-- Bouton TikTok -->
  139.   <a href="https://www.tiktok.com/@iolandamedium?_t=ZG-8siDqHqzAcC&_r=1" target="_blank" class="social-link">
  140.     <button class="btn btn-light btn-sm"> 
  141.       <i class="bi bi-tiktok"></i> 
  142.     </button>
  143.   </a>
  144. </div>
  145.       
  146.     </div>
  147.   </div>
  148.   <div class="col-sm-9 mx-auto pt-3">
  149.     <div>
  151.     </div>
  152.     <p class="text-white text-center mb-2"> <span class="orange">Copyright © 2024 Media Technologies</span> | Tous
  153.       Droits
  154.       Réservés | Conçu pour <span class="orange">{{nomDeDomaine}}</span> </p>
  155.   </div>
  157. </footer>