templates/landing.html.twig line 1

  1. <!DOCTYPE html>
  2. <html {{ sonata_seo_html_attributes() }}>
  3. <head {{ sonata_seo_head_attributes() }}>
  4.     {{ sonata_seo_title() }}
  5.     {{ sonata_seo_metadatas() }}
  6.     {{ sonata_seo_link_canonical() }}
  7.     {{ sonata_seo_lang_alternates() }}
  8.     <link rel="dns-prefetch" href="https://fonts.googleapis.com/">
  9.     <link rel="alternate" type="application/rss+xml" title="Martex -  Landing Page » Feed" href="#feed/">
  10.     <link rel="alternate" type="application/rss+xml" title="Martex -  Landing Page » Comments Feed" href="#comments/feed/">
  11.     <link rel="preconnect" href="https://fonts.googleapis.com">
  12.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  13.     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;700&display=swap" rel="stylesheet">
  14.     <script>
  15.         window._wpemojiSettings = {
  16.             "baseUrl": "https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/",
  17.             "ext": ".png",
  18.             "svgUrl": "https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/",
  19.             "svgExt": ".svg",
  20.             "source": {"concatemoji": "https:\/\/jthemes.net\/themes\/wp\/martex\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.3"}
  21.         };
  22.         /*! This file is auto-generated */
  23.         !function (i, n) {
  24.             var o, s, e;
  26.             function c(e) {
  27.                 try {
  28.                     var t = {supportTests: e, timestamp: (new Date).valueOf()};
  29.                     sessionStorage.setItem(o, JSON.stringify(t))
  30.                 } catch (e) {
  31.                 }
  32.             }
  34.             function p(e, t, n) {
  35.                 e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(t, 0, 0);
  36.                 var t = new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data),
  37.                     r = (e.clearRect(0, 0, e.canvas.width, e.canvas.height), e.fillText(n, 0, 0), new Uint32Array(e.getImageData(0, 0, e.canvas.width, e.canvas.height).data));
  38.                 return t.every(function (e, t) {
  39.                     return e === r[t]
  40.                 })
  41.             }
  43.             function u(e, t, n) {
  44.                 switch (t) {
  45.                     case"flag":
  46.                         return n(e, "\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f", "\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f") ? !1 : !n(e, "\ud83c\uddfa\ud83c\uddf3", "\ud83c\uddfa\u200b\ud83c\uddf3") && !n(e, "\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f", "\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");
  47.                     case"emoji":
  48.                         return !n(e, "\ud83e\udef1\ud83c\udffb\u200d\ud83e\udef2\ud83c\udfff", "\ud83e\udef1\ud83c\udffb\u200b\ud83e\udef2\ud83c\udfff")
  49.                 }
  50.                 return !1
  51.             }
  53.             function f(e, t, n) {
  54.                 var r = "undefined" != typeof WorkerGlobalScope && self instanceof WorkerGlobalScope ? new OffscreenCanvas(300, 150) : i.createElement("canvas"),
  55.                     a = r.getContext("2d", {willReadFrequently: !0}),
  56.                     o = (a.textBaseline = "top", a.font = "600 32px Arial", {});
  57.                 return e.forEach(function (e) {
  58.                     o[e] = t(a, e, n)
  59.                 }), o
  60.             }
  62.             function t(e) {
  63.                 var t = i.createElement("script");
  64.                 t.src = e, t.defer = !0, i.head.appendChild(t)
  65.             }
  67.             "undefined" != typeof Promise && (o = "wpEmojiSettingsSupports", s = ["flag", "emoji"], n.supports = {
  68.                 everything: !0,
  69.                 everythingExceptFlag: !0
  70.             }, e = new Promise(function (e) {
  71.                 i.addEventListener("DOMContentLoaded", e, {once: !0})
  72.             }), new Promise(function (t) {
  73.                 var n = function () {
  74.                     try {
  75.                         var e = JSON.parse(sessionStorage.getItem(o));
  76.                         if ("object" == typeof e && "number" == typeof e.timestamp && (new Date).valueOf() < e.timestamp + 604800 && "object" == typeof e.supportTests) return e.supportTests
  77.                     } catch (e) {
  78.                     }
  79.                     return null
  80.                 }();
  81.                 if (!n) {
  82.                     if ("undefined" != typeof Worker && "undefined" != typeof OffscreenCanvas && "undefined" != typeof URL && URL.createObjectURL && "undefined" != typeof Blob) try {
  83.                         var e = "postMessage(" + f.toString() + "(" + [JSON.stringify(s), u.toString(), p.toString()].join(",") + "));",
  84.                             r = new Blob([e], {type: "text/javascript"}),
  85.                             a = new Worker(URL.createObjectURL(r), {name: "wpTestEmojiSupports"});
  86.                         return void (a.onmessage = function (e) {
  87.                             c(n = e.data), a.terminate(), t(n)
  88.                         })
  89.                     } catch (e) {
  90.                     }
  91.                     c(n = f(s, u, p))
  92.                 }
  93.                 t(n)
  94.             }).then(function (e) {
  95.                 for (var t in e) n.supports[t] = e[t], n.supports.everything = n.supports.everything && n.supports[t], "flag" !== t && (n.supports.everythingExceptFlag = n.supports.everythingExceptFlag && n.supports[t]);
  96.                 n.supports.everythingExceptFlag = n.supports.everythingExceptFlag && !n.supports.flag, n.DOMReady = !1, n.readyCallback = function () {
  97.                     n.DOMReady = !0
  98.                 }
  99.             }).then(function () {
  100.                 return e
  101.             }).then(function () {
  102.                 var e;
  103.                 n.supports.everything || (n.readyCallback(), (e = n.source || {}).concatemoji ? t(e.concatemoji) : e.wpemoji && e.twemoji && (t(e.twemoji), t(e.wpemoji)))
  104.             }))
  105.         }((window, document), window._wpemojiSettings);
  106.     </script>
  107.     <style>
  108.         img.wp-smiley,
  109.         img.emoji {
  110.             display: inline !important;
  111.             border: none !important;
  112.             box-shadow: none !important;
  113.             height: 1em !important;
  114.             width: 1em !important;
  115.             margin: 0 0.07em !important;
  116.             vertical-align: -0.1em !important;
  117.             background: none !important;
  118.             padding: 0 !important;
  119.         }
  120.     </style>
  121.     <link rel="stylesheet" id="wp-block-library-css" href="{{ asset('landing/css/style.min.css') }}">
  122.     <style id="wp-block-library-inline-css">
  123.         .wp-block-quote.is-style-blue-quote {
  124.             color: blue;
  125.         }
  126.     </style>
  127.     <style id="wp-block-library-theme-inline-css">
  128.         .wp-block-audio figcaption {
  129.             color: #555;
  130.             font-size: 13px;
  131.             text-align: center
  132.         }
  134.         .is-dark-theme .wp-block-audio figcaption {
  135.             color: hsla(0, 0%, 100%, .65)
  136.         }
  138.         .wp-block-audio {
  139.             margin: 0 0 1em
  140.         }
  142.         .wp-block-code {
  143.             border: 1px solid #ccc;
  144.             border-radius: 4px;
  145.             font-family: Menlo, Consolas, monaco, monospace;
  146.             padding: .8em 1em
  147.         }
  149.         .wp-block-embed figcaption {
  150.             color: #555;
  151.             font-size: 13px;
  152.             text-align: center
  153.         }
  155.         .is-dark-theme .wp-block-embed figcaption {
  156.             color: hsla(0, 0%, 100%, .65)
  157.         }
  159.         .wp-block-embed {
  160.             margin: 0 0 1em
  161.         }
  163.         .blocks-gallery-caption {
  164.             color: #555;
  165.             font-size: 13px;
  166.             text-align: center
  167.         }
  169.         .is-dark-theme .blocks-gallery-caption {
  170.             color: hsla(0, 0%, 100%, .65)
  171.         }
  173.         .wp-block-image figcaption {
  174.             color: #555;
  175.             font-size: 13px;
  176.             text-align: center
  177.         }
  179.         .is-dark-theme .wp-block-image figcaption {
  180.             color: hsla(0, 0%, 100%, .65)
  181.         }
  183.         .wp-block-image {
  184.             margin: 0 0 1em
  185.         }
  187.         .wp-block-pullquote {
  188.             border-bottom: 4px solid;
  189.             border-top: 4px solid;
  190.             color: currentColor;
  191.             margin-bottom: 1.75em
  192.         }
  194.         .wp-block-pullquote cite, .wp-block-pullquote footer, .wp-block-pullquote__citation {
  195.             color: currentColor;
  196.             font-size: .8125em;
  197.             font-style: normal;
  198.             text-transform: uppercase
  199.         }
  201.         .wp-block-quote {
  202.             border-left: .25em solid;
  203.             margin: 0 0 1.75em;
  204.             padding-left: 1em
  205.         }
  207.         .wp-block-quote cite, .wp-block-quote footer {
  208.             color: currentColor;
  209.             font-size: .8125em;
  210.             font-style: normal;
  211.             position: relative
  212.         }
  214.         .wp-block-quote.has-text-align-right {
  215.             border-left: none;
  216.             border-right: .25em solid;
  217.             padding-left: 0;
  218.             padding-right: 1em
  219.         }
  221.         .wp-block-quote.has-text-align-center {
  222.             border: none;
  223.             padding-left: 0
  224.         }
  226.         .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-quote.is-style-plain {
  227.             border: none
  228.         }
  230.         .wp-block-search .wp-block-search__label {
  231.             font-weight: 700
  232.         }
  234.         .wp-block-search__button {
  235.             border: 1px solid #ccc;
  236.             padding: .375em .625em
  237.         }
  239.         :where(.wp-block-group.has-background) {
  240.             padding: 1.25em 2.375em
  241.         }
  243.         .wp-block-separator.has-css-opacity {
  244.             opacity: .4
  245.         }
  247.         .wp-block-separator {
  248.             border: none;
  249.             border-bottom: 2px solid;
  250.             margin-left: auto;
  251.             margin-right: auto
  252.         }
  254.         .wp-block-separator.has-alpha-channel-opacity {
  255.             opacity: 1
  256.         }
  258.         .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
  259.             width: 100px
  260.         }
  262.         .wp-block-separator.has-background:not(.is-style-dots) {
  263.             border-bottom: none;
  264.             height: 1px
  265.         }
  267.         .wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
  268.             height: 2px
  269.         }
  271.         .wp-block-table {
  272.             margin: 0 0 1em
  273.         }
  275.         .wp-block-table td, .wp-block-table th {
  276.             word-break: normal
  277.         }
  279.         .wp-block-table figcaption {
  280.             color: #555;
  281.             font-size: 13px;
  282.             text-align: center
  283.         }
  285.         .is-dark-theme .wp-block-table figcaption {
  286.             color: hsla(0, 0%, 100%, .65)
  287.         }
  289.         .wp-block-video figcaption {
  290.             color: #555;
  291.             font-size: 13px;
  292.             text-align: center
  293.         }
  295.         .is-dark-theme .wp-block-video figcaption {
  296.             color: hsla(0, 0%, 100%, .65)
  297.         }
  299.         .wp-block-video {
  300.             margin: 0 0 1em
  301.         }
  303.         .wp-block-template-part.has-background {
  304.             margin-bottom: 0;
  305.             margin-top: 0;
  306.             padding: 1.25em 2.375em
  307.         }
  308.     </style>
  309.     <style id="classic-theme-styles-inline-css">
  310.         /*! This file is auto-generated */
  311.         .wp-block-button__link {
  312.             color: #fff;
  313.             background-color: #32373c;
  314.             border-radius: 9999px;
  315.             box-shadow: none;
  316.             text-decoration: none;
  317.             padding: calc(.667em + 2px) calc(1.333em + 2px);
  318.             font-size: 1.125em
  319.         }
  321.         .wp-block-file__button {
  322.             background: #32373c;
  323.             color: #fff;
  324.             text-decoration: none
  325.         }
  326.     </style>
  327.     <style id="global-styles-inline-css">
  328.         body {
  329.             --wp--preset--color--black: #000000;
  330.             --wp--preset--color--cyan-bluish-gray: #abb8c3;
  331.             --wp--preset--color--white: #ffffff;
  332.             --wp--preset--color--pale-pink: #f78da7;
  333.             --wp--preset--color--vivid-red: #cf2e2e;
  334.             --wp--preset--color--luminous-vivid-orange: #ff6900;
  335.             --wp--preset--color--luminous-vivid-amber: #fcb900;
  336.             --wp--preset--color--light-green-cyan: #7bdcb5;
  337.             --wp--preset--color--vivid-green-cyan: #00d084;
  338.             --wp--preset--color--pale-cyan-blue: #8ed1fc;
  339.             --wp--preset--color--vivid-cyan-blue: #0693e3;
  340.             --wp--preset--color--vivid-purple: #9b51e0;
  341.             --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
  342.             --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
  343.             --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
  344.             --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
  345.             --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
  346.             --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
  347.             --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
  348.             --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
  349.             --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
  350.             --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
  351.             --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
  352.             --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
  353.             --wp--preset--font-size--small: 13px;
  354.             --wp--preset--font-size--medium: 20px;
  355.             --wp--preset--font-size--large: 36px;
  356.             --wp--preset--font-size--x-large: 42px;
  357.             --wp--preset--spacing--20: 0.44rem;
  358.             --wp--preset--spacing--30: 0.67rem;
  359.             --wp--preset--spacing--40: 1rem;
  360.             --wp--preset--spacing--50: 1.5rem;
  361.             --wp--preset--spacing--60: 2.25rem;
  362.             --wp--preset--spacing--70: 3.38rem;
  363.             --wp--preset--spacing--80: 5.06rem;
  364.             --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
  365.             --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
  366.             --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
  367.             --wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
  368.             --wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);
  369.         }
  371.         :where(.is-layout-flex) {
  372.             gap: 0.5em;
  373.         }
  375.         :where(.is-layout-grid) {
  376.             gap: 0.5em;
  377.         }
  379.         body .is-layout-flow > .alignleft {
  380.             float: left;
  381.             margin-inline-start: 0;
  382.             margin-inline-end: 2em;
  383.         }
  385.         body .is-layout-flow > .alignright {
  386.             float: right;
  387.             margin-inline-start: 2em;
  388.             margin-inline-end: 0;
  389.         }
  391.         body .is-layout-flow > .aligncenter {
  392.             margin-left: auto !important;
  393.             margin-right: auto !important;
  394.         }
  396.         body .is-layout-constrained > .alignleft {
  397.             float: left;
  398.             margin-inline-start: 0;
  399.             margin-inline-end: 2em;
  400.         }
  402.         body .is-layout-constrained > .alignright {
  403.             float: right;
  404.             margin-inline-start: 2em;
  405.             margin-inline-end: 0;
  406.         }
  408.         body .is-layout-constrained > .aligncenter {
  409.             margin-left: auto !important;
  410.             margin-right: auto !important;
  411.         }
  413.         body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  414.             max-width: var(--wp--style--global--content-size);
  415.             margin-left: auto !important;
  416.             margin-right: auto !important;
  417.         }
  419.         body .is-layout-constrained > .alignwide {
  420.             max-width: var(--wp--style--global--wide-size);
  421.         }
  423.         body .is-layout-flex {
  424.             display: flex;
  425.         }
  427.         body .is-layout-flex {
  428.             flex-wrap: wrap;
  429.             align-items: center;
  430.         }
  432.         body .is-layout-flex > * {
  433.             margin: 0;
  434.         }
  436.         body .is-layout-grid {
  437.             display: grid;
  438.         }
  440.         body .is-layout-grid > * {
  441.             margin: 0;
  442.         }
  444.         :where(.wp-block-columns.is-layout-flex) {
  445.             gap: 2em;
  446.         }
  448.         :where(.wp-block-columns.is-layout-grid) {
  449.             gap: 2em;
  450.         }
  452.         :where(.wp-block-post-template.is-layout-flex) {
  453.             gap: 1.25em;
  454.         }
  456.         :where(.wp-block-post-template.is-layout-grid) {
  457.             gap: 1.25em;
  458.         }
  460.         .has-black-color {
  461.             color: var(--wp--preset--color--black) !important;
  462.         }
  464.         .has-cyan-bluish-gray-color {
  465.             color: var(--wp--preset--color--cyan-bluish-gray) !important;
  466.         }
  468.         .has-white-color {
  469.             color: var(--wp--preset--color--white) !important;
  470.         }
  472.         .has-pale-pink-color {
  473.             color: var(--wp--preset--color--pale-pink) !important;
  474.         }
  476.         .has-vivid-red-color {
  477.             color: var(--wp--preset--color--vivid-red) !important;
  478.         }
  480.         .has-luminous-vivid-orange-color {
  481.             color: var(--wp--preset--color--luminous-vivid-orange) !important;
  482.         }
  484.         .has-luminous-vivid-amber-color {
  485.             color: var(--wp--preset--color--luminous-vivid-amber) !important;
  486.         }
  488.         .has-light-green-cyan-color {
  489.             color: var(--wp--preset--color--light-green-cyan) !important;
  490.         }
  492.         .has-vivid-green-cyan-color {
  493.             color: var(--wp--preset--color--vivid-green-cyan) !important;
  494.         }
  496.         .has-pale-cyan-blue-color {
  497.             color: var(--wp--preset--color--pale-cyan-blue) !important;
  498.         }
  500.         .has-vivid-cyan-blue-color {
  501.             color: var(--wp--preset--color--vivid-cyan-blue) !important;
  502.         }
  504.         .has-vivid-purple-color {
  505.             color: var(--wp--preset--color--vivid-purple) !important;
  506.         }
  508.         .has-black-background-color {
  509.             background-color: var(--wp--preset--color--black) !important;
  510.         }
  512.         .has-cyan-bluish-gray-background-color {
  513.             background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
  514.         }
  516.         .has-white-background-color {
  517.             background-color: var(--wp--preset--color--white) !important;
  518.         }
  520.         .has-pale-pink-background-color {
  521.             background-color: var(--wp--preset--color--pale-pink) !important;
  522.         }
  524.         .has-vivid-red-background-color {
  525.             background-color: var(--wp--preset--color--vivid-red) !important;
  526.         }
  528.         .has-luminous-vivid-orange-background-color {
  529.             background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
  530.         }
  532.         .has-luminous-vivid-amber-background-color {
  533.             background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
  534.         }
  536.         .has-light-green-cyan-background-color {
  537.             background-color: var(--wp--preset--color--light-green-cyan) !important;
  538.         }
  540.         .has-vivid-green-cyan-background-color {
  541.             background-color: var(--wp--preset--color--vivid-green-cyan) !important;
  542.         }
  544.         .has-pale-cyan-blue-background-color {
  545.             background-color: var(--wp--preset--color--pale-cyan-blue) !important;
  546.         }
  548.         .has-vivid-cyan-blue-background-color {
  549.             background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
  550.         }
  552.         .has-vivid-purple-background-color {
  553.             background-color: var(--wp--preset--color--vivid-purple) !important;
  554.         }
  556.         .has-black-border-color {
  557.             border-color: var(--wp--preset--color--black) !important;
  558.         }
  560.         .has-cyan-bluish-gray-border-color {
  561.             border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
  562.         }
  564.         .has-white-border-color {
  565.             border-color: var(--wp--preset--color--white) !important;
  566.         }
  568.         .has-pale-pink-border-color {
  569.             border-color: var(--wp--preset--color--pale-pink) !important;
  570.         }
  572.         .has-vivid-red-border-color {
  573.             border-color: var(--wp--preset--color--vivid-red) !important;
  574.         }
  576.         .has-luminous-vivid-orange-border-color {
  577.             border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
  578.         }
  580.         .has-luminous-vivid-amber-border-color {
  581.             border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
  582.         }
  584.         .has-light-green-cyan-border-color {
  585.             border-color: var(--wp--preset--color--light-green-cyan) !important;
  586.         }
  588.         .has-vivid-green-cyan-border-color {
  589.             border-color: var(--wp--preset--color--vivid-green-cyan) !important;
  590.         }
  592.         .has-pale-cyan-blue-border-color {
  593.             border-color: var(--wp--preset--color--pale-cyan-blue) !important;
  594.         }
  596.         .has-vivid-cyan-blue-border-color {
  597.             border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
  598.         }
  600.         .has-vivid-purple-border-color {
  601.             border-color: var(--wp--preset--color--vivid-purple) !important;
  602.         }
  604.         .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
  605.             background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
  606.         }
  608.         .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
  609.             background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
  610.         }
  612.         .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
  613.             background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
  614.         }
  616.         .has-luminous-vivid-orange-to-vivid-red-gradient-background {
  617.             background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
  618.         }
  620.         .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
  621.             background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
  622.         }
  624.         .has-cool-to-warm-spectrum-gradient-background {
  625.             background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
  626.         }
  628.         .has-blush-light-purple-gradient-background {
  629.             background: var(--wp--preset--gradient--blush-light-purple) !important;
  630.         }
  632.         .has-blush-bordeaux-gradient-background {
  633.             background: var(--wp--preset--gradient--blush-bordeaux) !important;
  634.         }
  636.         .has-luminous-dusk-gradient-background {
  637.             background: var(--wp--preset--gradient--luminous-dusk) !important;
  638.         }
  640.         .has-pale-ocean-gradient-background {
  641.             background: var(--wp--preset--gradient--pale-ocean) !important;
  642.         }
  644.         .has-electric-grass-gradient-background {
  645.             background: var(--wp--preset--gradient--electric-grass) !important;
  646.         }
  648.         .has-midnight-gradient-background {
  649.             background: var(--wp--preset--gradient--midnight) !important;
  650.         }
  652.         .has-small-font-size {
  653.             font-size: var(--wp--preset--font-size--small) !important;
  654.         }
  656.         .has-medium-font-size {
  657.             font-size: var(--wp--preset--font-size--medium) !important;
  658.         }
  660.         .has-large-font-size {
  661.             font-size: var(--wp--preset--font-size--large) !important;
  662.         }
  664.         .has-x-large-font-size {
  665.             font-size: var(--wp--preset--font-size--x-large) !important;
  666.         }
  668.         .wp-block-navigation a:where(:not(.wp-element-button)) {
  669.             color: inherit;
  670.         }
  672.         :where(.wp-block-post-template.is-layout-flex) {
  673.             gap: 1.25em;
  674.         }
  676.         :where(.wp-block-post-template.is-layout-grid) {
  677.             gap: 1.25em;
  678.         }
  680.         :where(.wp-block-columns.is-layout-flex) {
  681.             gap: 2em;
  682.         }
  684.         :where(.wp-block-columns.is-layout-grid) {
  685.             gap: 2em;
  686.         }
  688.         .wp-block-pullquote {
  689.             font-size: 1.5em;
  690.             line-height: 1.6;
  691.         }
  692.     </style>
  693.     <link rel="stylesheet" id="contact-form-7-css" href="{{ asset('landing/css/styles.css') }}">
  694.     <link rel="stylesheet" id="martex-google-fonts-css" href="{{ asset('landing/css_font') }}">
  695.     <link rel="stylesheet" id="bootstrap-css" href="{{ asset('landing/css/bootstrap.min.css') }}">
  696.     <link rel="stylesheet" id="flaticon-css" href="{{ asset('landing/css/flaticon.css') }}">
  697.     <link rel="stylesheet" id="menu-css-css" href="{{ asset('landing/css/menu.css') }}">
  698.     <link rel="stylesheet" id="dropdown-effects-css" href="{{ asset('landing/css/fade-down.css') }}">
  699.     <link rel="stylesheet" id="magnific-popup-css" href="{{ asset('landing/css/magnific-popup.css') }}">
  700.     <link rel="stylesheet" id="owl-carousel-css" href="{{ asset('landing/css/owl.carousel.min.css') }}">
  701.     <link rel="stylesheet" id="owl-theme-css" href="{{ asset('landing/css/owl.theme.default.min.css') }}">
  702.     <link rel="stylesheet" id="lunar-css-css" href="{{ asset('landing/css/lunar.css') }}">
  703.     <link rel="stylesheet" id="animate-css-css" href="{{ asset('landing/css/animate.css') }}">
  704.     <link rel="stylesheet" id="martex-theme-css-css" href="{{ asset('landing/css/martex-theme.css') }}">
  705.     <link rel="stylesheet" id="responsive-theme-css-css" href="{{ asset('landing/css/responsive.css') }}">
  706.     <link rel="stylesheet" id="martex-css" href="{{ asset('landing/css/martex.css') }}">
  707.     <link rel="stylesheet" id="martex-style-css" href="{{ asset('landing/css/style.css') }}">
  708.     <style id="martex-style-inline-css">
  710.         .entry-footer,
  711.         .wp-block-group__inner-container,
  712.         .comments-area,
  713.         .entry-content {
  714.             --martex-link-color: initial;
  715.             --martex-link-hover-color: var(--martex-primary);
  716.             --martex-link-decoration: underline;
  717.             --martex-link-hover-decoration: underline;
  719.         }
  721.         .banner-section {
  722.             --martex-parallax-opacity: 0.25;
  723.             --martex-parallax-bg-position: center;
  724.         }
  726.         .footer-section {
  727.             --martex-parallax-opacity: 1;
  728.             --martex-parallax-bg-position: center;
  729.         }
  731.         :root {
  732.             --martex-body-font-family: Rubik;
  733.             --martex-headings-font-family: Plus Jakarta Sans;
  734.         }
  735.     </style>
  736.     <link rel="stylesheet" id="subscribe-forms-css-css" href="{{ asset('landing/css/subscribe-forms.min.css') }}">
  737.     <link rel="stylesheet" id="easy-social-share-buttons-css" href="{{ asset('landing/css/easy-social-share-buttons.min.css') }}" media="all">
  738.     <link rel="stylesheet" id="elementor-icons-css" href="{{ asset('landing/css/elementor-icons.min.css') }}">
  739.     <link rel="stylesheet" id="elementor-frontend-css" href="{{ asset('landing/css/frontend-lite.min.css') }}">
  740.     <link rel="stylesheet" id="swiper-css" href="{{ asset('landing/css/swiper.min.css') }}">
  741.     <link rel="stylesheet" id="elementor-post-6-css" href="{{ asset('landing/css/post-6.css') }}">
  742.     <link rel="stylesheet" id="elementor-global-css" href="{{ asset('landing/css/global.css') }}">
  743.     <link rel="stylesheet" id="elementor-post-118-css" href="{{ asset('landing/css/post-118.css') }}">
  744.     <link rel="stylesheet" id="control-block-patterns-css" href="{{ asset('landing/css/control-block-patterns.css') }}">
  745.     <link rel="stylesheet" id="google-fonts-1-css" href="{{ asset('landing/css(1)') }}">
  746.     <link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin="">
  747.     <script src="{{ asset('landing/js/modernizr.custom.js') }}" id="modernizr-custom-js"></script>
  748.     <script id="jquery-core-js-extra">
  749.         var MARTEX = {"stikyNavbar": "1", "backtoTop": "1"};
  750.     </script>
  751.     <script src="{{ asset('landing/js/jquery.min.js') }}" id="jquery-core-js"></script>
  752.     <script src="{{ asset('landing/js/jquery-migrate.min.js') }}" id="jquery-migrate-js"></script>
  753.     <link rel="https://api.w.org/" href="#wp-json/">
  754.     <link rel="alternate" type="application/json" href="#wp-json/wp/v2/pages/118">
  755.     <link rel="EditURI" type="application/rsd+xml" title="RSD"
  756.           href="#xmlrpc.php?rsd">
  757.     <meta name="generator" content="WordPress 6.3">
  758.     <link rel="canonical" href="#">
  759.     <link rel="shortlink" href="#">
  760.     <link rel="alternate" type="application/json+oembed"
  761.           href="#wp-json/oembed/1.0/embed?url=https%3A%2F%2Fjthemes.net%2Fthemes%2Fwp%2Fmartex%2F">
  762.     <meta name="generator" content="Elementor 3.15.2; features: e_dom_optimization, e_optimized_assets_loading, e_optimized_css_loading, additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-swap">
  763.     <link rel="icon" href="{{ asset('images/favicon.png') }}" sizes="32x32">
  764.     <link rel="icon" href="{{ asset('images/favicon.png') }}" sizes="192x192">
  765.     <link rel="apple-touch-icon" href="{{ asset('images/favicon.png') }}">
  766.     <meta name="msapplication-TileImage" content="{{ asset('images/favicon.png') }}">
  767.     <style id="wp-custom-css">
  769.         .hero-11-img img {
  770.             width: auto !important;
  771.             max-width: 680px !important;
  772.         }
  774.         .block-shadow {
  775.             box-shadow: 0 4px 12px 5px rgba(0, 0, 0, 0.08);
  776.         }
  778.         @media (max-width: 767px) {
  779.             .statistic-section.py-100 {
  780.                 padding-top: 50px;
  781.                 padding-bottom: 50px;
  782.             }
  783.         }
  785.         .fbox-2 {
  786.             margin-bottom: 30px;
  787.         }
  789.         .on-scroll-visible {
  790.             visibility: hidden;
  791.             transition: all 450ms ease-in-out;
  792.         }
  794.         .on-scroll-visible.scroll {
  795.             visibility: visible;
  796.         }
  798.         .hero-26-img img {
  799.             max-width: fit-content;
  800.             height: 800px;
  801.         }
  803.         .theme--dark footer.bg-white {
  804.             --bs-bg-opacity: 0;
  805.         }
  807.         .newsletter-section .alert {
  808.             padding: 10px 15px;
  809.         }
  811.         .form-newsletters.newsletter-section .alert-success.alert-dismissible .btn-close {
  812.             padding: 1.3rem;
  813.         }
  814.     </style>
  815. </head>
  817. <body class="home page-template page-template-templates page-template-full-width page-template-templatesfull-width-php page page-id-118 wp-embed-responsive theme--light singular has-main-navigation has-sticky-navigation no-widgets no-sidebar is-light-theme essb-9.1 elementor-default elementor-kit-6 elementor-page elementor-page-118 e--ua-blink e--ua-chrome e--ua-mac e--ua-webkit" data-elementor-device-mode="desktop">
  818. <div class="wsmenucontainer">
  820.     <!-- PRELOADER SPINNER -->
  821.     <div id="loading" class="loading--theme" style="display: none;">
  822.         <div id="loading-center" style="display: none;"><span class="loader"></span></div>
  823.     </div>
  825.     <a class="skip-link screen-reader-text" href="##content">Skip to content</a>
  827.     {{ include('site/inc/header.html.twig') }}
  829.     {% block body %}{% endblock %}
  831.     {{ include('site/inc/footer.html.twig') }}
  833.     <div class="progressCounter progressScroll hover-up hover-neon-2 visually-hidden"
  834.          style="width: 50px; height: 50px; position: fixed; bottom: 20px; right: 20px;">
  835.         <div class="progressScroll-border"
  836.              style="position: relative; text-align: center; width: 100%; height: 100%; border-radius: 50%; background-color: var(--scrollup-border-color); background-image: linear-gradient(90deg, transparent 50%, rgb(15, 23, 42) 50%), linear-gradient(90deg, rgb(15, 23, 42) 50%, transparent 50%);">
  837.             <div class="progressScroll-circle"
  838.                  style="position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 44px; height: 44px; border-radius: 50%; background-color: var(--scrollup-bg-color);">
  839.                 <span class="progressScroll-text"
  840.                       style="top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; font-size: 20px;">
  841.                     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  842.                          class="bi bi-arrow-up" viewBox="0 0 16 16">
  843.                         <path fill-rule="evenodd"
  844.                               d="M8 15a.5.5 0 0 0 .5-.5V2.707l3.146 3.147a.5.5 0 0 0 .708-.708l-4-4a.5.5 0 0 0-.708 0l-4 4a.5.5 0 1 0 .708.708L7.5 2.707V14.5a.5.5 0 0 0 .5.5z"></path>
  845.                     </svg>
  846.                 </span>
  847.             </div>
  848.         </div>
  849.     </div>
  851.     <!-- Button trigger modal -->
  852.     <a id="citikidLoginModalLink" class="visually-hidden" data-bs-toggle="modal"
  853.        href="##citikidLoginModal">
  854.         Launch login modal</a>
  856.     <!-- Modal -->
  857.     <div class="modal fade" id="citikidLoginModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
  858.          aria-labelledby="citikidLoginModalLabel" aria-hidden="true">
  859.         <div class="modal-dialog">
  860.             <div class="modal-content">
  861.                 <div class="modal-header">
  862.                     <h1 class="modal-title fs-5" id="citikidLoginModalLabel">User login</h1>
  863.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  864.                 </div>
  865.                 <div class="modal-body">
  866.                 </div>
  867.                 <div class="modal-footer">
  868.                     <a class="btn btn-sm btn-link text-dark" data-bs-toggle="modal"
  869.                        href="##citikidRegisterModal">Create an Account</a>
  870.                     <a class="btn btn-sm btn-secondary" data-bs-dismiss="modal"
  871.                        href="##">Close</a>
  872.                 </div>
  873.             </div>
  874.         </div>
  875.     </div><!-- Button trigger modal -->
  876.     <a type="button" id="citikidRegisterModalLink" class="visually-hidden" data-bs-toggle="modal"
  877.        href="##citikidRegisterModal">
  878.         Launch register modal</a>
  880.     <!-- Modal -->
  881.     <div class="modal fade" id="citikidRegisterModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
  882.          aria-labelledby="citikidRegisterModalLabel" aria-hidden="true">
  883.         <div class="modal-dialog">
  884.             <div class="modal-content">
  885.                 <div class="modal-header">
  886.                     <h1 class="modal-title fs-5" id="citikidRegisterModalLabel">Create an Account</h1>
  887.                     <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
  888.                 </div>
  889.                 <div class="modal-body">
  890.                 </div>
  891.                 <div class="modal-footer">
  892.                     <a class="btn btn-sm btn-link text-dark" data-bs-toggle="modal"
  893.                        href="##citikidLoginModal">Back to login</a>
  894.                     <a class="btn btn-sm btn-secondary" data-bs-dismiss="modal"
  895.                        href="##">Close</a>
  896.                 </div>
  897.             </div>
  898.         </div>
  899.     </div>
  900.     <script>document.body.classList.remove("no-js");</script>
  901.     <script>
  902.         if (-1 !== navigator.userAgent.indexOf('MSIE') || -1 !== navigator.appVersion.indexOf('Trident/')) {
  903.             document.body.classList.add('is-IE');
  904.         }
  905.     </script>
  906.     <script src="{{ asset('landing/js/index.js') }}" id="swv-js"></script>
  907.     <script id="contact-form-7-js-extra">
  908.         var wpcf7 = {
  909.             "api": {
  910.                 "root": "https:\/\/jthemes.net\/themes\/wp\/martex\/wp-json\/",
  911.                 "namespace": "contact-form-7\/v1"
  912.             }
  913.         };
  914.     </script>
  915.     <script src="{{ asset('landing/js/index(1).js') }}" id="contact-form-7-js"></script>
  916.     <script src="{{ asset('landing/js/bootstrap.bundle.min.js') }}" id="bootstrap-js"></script>
  917.     <script src="{{ asset('landing/js/jquery.easing.js') }}" id="jquery-easing-js"></script>
  918.     <script src="{{ asset('landing/js/jquery.appear.js') }}" id="jquery-appear-js"></script>
  919.     <script src="{{ asset('landing/js/jquery.progressScroll.min.js') }}" id="progress-scroll-js"></script>
  920.     <script src="{{ asset('landing/js/menu.js') }}" id="martex-menu-js"></script>
  921. </div>
  923. <script src="{{ asset('landing/js/owl.carousel.min.js') }}" id="jquery-owl-carousel-js"></script>
  924. <script src="{{ asset('landing/js/jquery.magnific-popup.min.js') }}" id="jquery-magnific-popup-js"></script>
  925. <script src="{{ asset('landing/js/jquery.ajaxchimp.min.js') }}" id="jquery-ajaxchimp-js"></script>
  926. <script src="{{ asset('landing/js/wow.js') }}" id="wow-js"></script>
  927. <script src="{{ asset('landing/js/imagesloaded.min.js') }}" id="imagesloaded-js"></script>
  928. <script src="{{ asset('landing/js/masonry.min.js') }}" id="masonry-js"></script>
  929. <script src="{{ asset('landing/js/jquery.masonry.min.js') }}" id="jquery-masonry-js"></script>
  930. <script src="{{ asset('landing/js/custom.js') }}" id="martex-custom-js"></script>
  931. <script src="{{ asset('landing/js/pinterest-pro.min.js') }}" id="pinterest-pro-js-js"></script>
  932. <script src="{{ asset('landing/js/subscribe-forms.min.js') }}" id="subscribe-forms-js-js"></script>
  933. <script src="{{ asset('landing/js/essb-core.min.js') }}" id="easy-social-share-buttons-core-js"></script>
  934. <script id="easy-social-share-buttons-core-js-after">
  935.     var essb_settings = {
  936.         "ajax_url": "https:\/\/jthemes.net\/themes\/wp\/martex\/wp-admin\/admin-ajax.php",
  937.         "essb3_nonce": "ad13d032af",
  938.         "essb3_plugin_url": "https:\/\/jthemes.net\/themes\/wp\/martex\/wp-content\/plugins\/easy-social-share-buttons3",
  939.         "essb3_stats": false,
  940.         "essb3_ga": false,
  941.         "essb3_ga_ntg": false,
  942.         "blog_url": "https:\/\/jthemes.net\/themes\/wp\/martex\/",
  943.         "post_id": "118"
  944.     };
  945. </script>
  946. <script src="{{ asset('landing/js/webpack.runtime.min.js') }}" id="elementor-webpack-runtime-js"></script>
  947. <script src="{{ asset('landing/js/frontend-modules.min.js') }}" id="elementor-frontend-modules-js"></script>
  948. <script src="{{ asset('landing/js/waypoints.min.js') }}" id="elementor-waypoints-js"></script>
  949. <script src="{{ asset('landing/js/core.min.js') }}" id="jquery-ui-core-js"></script>
  950. <script id="elementor-frontend-js-before">
  951.     var elementorFrontendConfig = {
  952.         "environmentMode": {"edit": false, "wpPreview": false, "isScriptDebug": false},
  953.         "i18n": {
  954.             "shareOnFacebook": "Share on Facebook",
  955.             "shareOnTwitter": "Share on Twitter",
  956.             "pinIt": "Pin it",
  957.             "download": "Download",
  958.             "downloadImage": "Download image",
  959.             "fullscreen": "Fullscreen",
  960.             "zoom": "Zoom",
  961.             "share": "Share",
  962.             "playVideo": "Play Video",
  963.             "previous": "Previous",
  964.             "next": "Next",
  965.             "close": "Close",
  966.             "a11yCarouselWrapperAriaLabel": "Carousel | Horizontal scrolling: Arrow Left & Right",
  967.             "a11yCarouselPrevSlideMessage": "Previous slide",
  968.             "a11yCarouselNextSlideMessage": "Next slide",
  969.             "a11yCarouselFirstSlideMessage": "This is the first slide",
  970.             "a11yCarouselLastSlideMessage": "This is the last slide",
  971.             "a11yCarouselPaginationBulletMessage": "Go to slide"
  972.         },
  973.         "is_rtl": false,
  974.         "breakpoints": {"xs": 0, "sm": 480, "md": 768, "lg": 1025, "xl": 1440, "xxl": 1600},
  975.         "responsive": {
  976.             "breakpoints": {
  977.                 "mobile": {
  978.                     "label": "Mobile Portrait",
  979.                     "value": 767,
  980.                     "default_value": 767,
  981.                     "direction": "max",
  982.                     "is_enabled": true
  983.                 },
  984.                 "mobile_extra": {
  985.                     "label": "Mobile Landscape",
  986.                     "value": 880,
  987.                     "default_value": 880,
  988.                     "direction": "max",
  989.                     "is_enabled": false
  990.                 },
  991.                 "tablet": {
  992.                     "label": "Tablet Portrait",
  993.                     "value": 1024,
  994.                     "default_value": 1024,
  995.                     "direction": "max",
  996.                     "is_enabled": true
  997.                 },
  998.                 "tablet_extra": {
  999.                     "label": "Tablet Landscape",
  1000.                     "value": 1200,
  1001.                     "default_value": 1200,
  1002.                     "direction": "max",
  1003.                     "is_enabled": false
  1004.                 },
  1005.                 "laptop": {
  1006.                     "label": "Laptop",
  1007.                     "value": 1366,
  1008.                     "default_value": 1366,
  1009.                     "direction": "max",
  1010.                     "is_enabled": false
  1011.                 },
  1012.                 "widescreen": {
  1013.                     "label": "Widescreen",
  1014.                     "value": 2400,
  1015.                     "default_value": 2400,
  1016.                     "direction": "min",
  1017.                     "is_enabled": false
  1018.                 }
  1019.             }
  1020.         },
  1021.         "version": "3.15.2",
  1022.         "is_static": false,
  1023.         "experimentalFeatures": {
  1024.             "e_dom_optimization": true,
  1025.             "e_optimized_assets_loading": true,
  1026.             "e_optimized_css_loading": true,
  1027.             "additional_custom_breakpoints": true,
  1028.             "e_swiper_latest": true,
  1029.             "landing-pages": true,
  1030.             "e_global_styleguide": true
  1031.         },
  1032.         "urls": {"assets": "https:\/\/jthemes.net\/themes\/wp\/martex\/wp-content\/plugins\/elementor\/assets\/"},
  1033.         "swiperClass": "swiper",
  1034.         "settings": {"page": [], "editorPreferences": []},
  1035.         "kit": {
  1036.             "active_breakpoints": ["viewport_mobile", "viewport_tablet"],
  1037.             "global_image_lightbox": "yes",
  1038.             "lightbox_enable_counter": "yes",
  1039.             "lightbox_enable_fullscreen": "yes",
  1040.             "lightbox_enable_zoom": "yes",
  1041.             "lightbox_enable_share": "yes",
  1042.             "lightbox_title_src": "title",
  1043.             "lightbox_description_src": "description"
  1044.         },
  1045.         "post": {"id": 118, "title": "Martex%20%E2%80%93%20%20Landing%20Page", "excerpt": "", "featuredImage": false}
  1046.     };
  1047. </script>
  1048. <script src="{{ asset('landing/js/frontend.min.js') }}" id="elementor-frontend-js"></script>
  1049. <span id="elementor-device-mode" class="elementor-screen-only"></span>
  1050. <div class="essb-optinbooster essb-optinbooster-scroll" data-scroll="50" data-single="1" data-single-days="1">
  1051.     <div class="essb-optinbooster-close essb-optinbooster-closeicon" style="color:#ffffff!important;"><i
  1052.                 class="essb_svg_icon essb_svg_icon_close">
  1053.             <svg class="essb-svg-icon" aria-hidden="true" role="img" focusable="false" height="32" viewBox="0 0 32 32"
  1054.                  width="32" xmlns="http://www.w3.org/2000/svg">
  1055.                 <path d="M32,25.7c0,0.7-0.3,1.3-0.8,1.8l-3.7,3.7c-0.5,0.5-1.1,0.8-1.9,0.8c-0.7,0-1.3-0.3-1.8-0.8L16,23.3l-7.9,7.9C7.6,31.7,7,32,6.3,32c-0.8,0-1.4-0.3-1.9-0.8l-3.7-3.7C0.3,27.1,0,26.4,0,25.7c0-0.8,0.3-1.3,0.8-1.9L8.7,16L0.8,8C0.3,7.6,0,6.9,0,6.3c0-0.8,0.3-1.3,0.8-1.9l3.7-3.6C4.9,0.2,5.6,0,6.3,0C7,0,7.6,0.2,8.1,0.8L16,8.7l7.9-7.9C24.4,0.2,25,0,25.7,0c0.8,0,1.4,0.2,1.9,0.8l3.7,3.6C31.7,4.9,32,5.5,32,6.3c0,0.7-0.3,1.3-0.8,1.8L23.3,16l7.9,7.9C31.7,24.4,32,25,32,25.7z"></path>
  1056.             </svg>
  1057.         </i></div>
  1058.     <div class="essb-subscribe-form essb-subscribe-form-1035322483 essb-subscribe-form-inline">
  1059.         <div class="essb-subscribe-form-content essb-subscribe-from-design9" data-position="booster-scroll"
  1060.              data-design="design9">
  1061.             <div class="essb-subscribe9-icon"><i class="essb_svg_icon essb_svg_icon_envelope-o">
  1062.                     <svg class="essb-svg-icon" aria-hidden="true" role="img" focusable="false"
  1063.                          xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
  1064.                         <path d="M31.3,5.1H0.7c0,0,0,0,0,0l0,0C0.3,5.1,0,5.4,0,5.8v20.4c0,0.4,0.3,0.7,0.7,0.7h30.6c0.4,0,0.7-0.3,0.7-0.7V5.8C32,5.4,31.7,5.1,31.3,5.1z M29.7,6.5l-9.1,9.1c0,0,0,0,0,0L16,20.1l-4.6-4.6c0,0,0,0,0,0l-9-9H29.7z M1.4,7.4L9.9,16l-8.6,8.6V7.4z M2.3,25.5l8.6-8.6l4.6,4.6c0.2,0.2,0.6,0.4,1,0l4.6-4.6l8.6,8.6H2.3z M30.6,24.6L22.1,16l8.6-8.6V24.6z"></path>
  1065.                     </svg>
  1066.                 </i></div>
  1067.             <div class="essb-subscribe-form-content-top">
  1068.                 <div class="essb-subscribe-form-content-title">Stay up to date with our news, ideas and updates</div>
  1069.                 <p class="essb-subscribe-form-content-text">Subscribe to our mailing list and get interesting stuff and
  1070.                     updates to your email inbox.</p></div>
  1071.             <div class="essb-subscribe-form-content-bottom">
  1072.                 <form action="https://jthemes.net/themes/wp/martex?essb3_subscribe_nonce=ae4b55b041&amp;essb-malchimp-signup=1"
  1073.                       method="post" class="essb-subscribe-from-content-form"
  1074.                       id="essb-subscribe-from-content-form-mailchimp"><input
  1075.                             class="essb-subscribe-form-content-email-field " type="text" value=""
  1076.                             placeholder="Your Email Address" name="mailchimp_email"><input class="submit " name="submit"
  1077.                                                                                            type="submit"
  1078.                                                                                            value="Subscribe Now"
  1079.                                                                                            onclick="essb_ajax_subscribe(&#39;1035322483&#39;, event);">
  1080.                 </form>
  1081.                 <div class="essb-subscribe-loader">
  1082.                     <svg version="1.1" id="loader-1" xmlns="http://www.w3.org/2000/svg"
  1083.                          xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px"
  1084.                          viewBox="0 0 50 50" style="enable-background:new 0 0 50 50;" xml:space="preserve">
  1085.         <path fill="#000"
  1086.               d="M43.935,25.145c0-10.318-8.364-18.683-18.683-18.683c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615c8.072,0,14.615,6.543,14.615,14.615H43.935z">
  1087.             <animatetransform attributeType="xml" attributeName="transform" type="rotate" from="0 25 25" to="360 25 25"
  1088.                               dur="0.6s" repeatCount="indefinite"></animatetransform>
  1089.         </path>
  1090.         </svg>
  1091.                 </div>
  1092.                 <p class="essb-subscribe-form-content-success essb-subscribe-form-result-message">Thank you for
  1093.                     subscribing.</p>
  1094.                 <p class="essb-subscribe-form-content-error essb-subscribe-form-result-message">Something went
  1095.                     wrong.</p>
  1096.                 <p class="essb-subscribe-form-content-footer">We respect your privacy and take protecting it
  1097.                     seriously</p>
  1098.                 <div class="clear"></div>
  1099.             </div>
  1100.         </div>
  1101.     </div>
  1102. </div>
  1103. <div class="essb-optinbooster-overlay essb-optinbooster-overlay-scroll" style="background-color:#545454!important;"></div>
  1104. <script type="text/javascript"></script>
  1107. </body>
  1108. </html>