{"id":8,"date":"2026-09-18T08:02:52","date_gmt":"2026-09-18T08:02:52","guid":{"rendered":"https:\/\/synetalsolutions-learningportal.com\/?page_id=8"},"modified":"2026-09-18T09:14:46","modified_gmt":"2026-09-18T09:14:46","slug":"elementor-8","status":"publish","type":"page","link":"https:\/\/synetalsolutions-learningportal.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-960326e e-con e-atomic-element e-flexbox-base e-53d2eb2 \" data-id=\"960326e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"960326e\">\n    \t\t<div class=\"elementor-element elementor-element-dc131d6 elementor-widget elementor-widget-html\" data-id=\"dc131d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =====================================================================\r\n     SYNETAL SOLUTIONS \u2014 LEARNING PORTAL GATEWAY  (final version)\r\n     Paste ONCE into a single Elementor \"HTML\" widget.\r\n     No JavaScript, no timers, no fade \u2014 the button navigates instantly.\r\n     ===================================================================== -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<!-- Opens the connection to the portal while the visitor is still reading,\r\n     so the click-through completes with no handshake delay. -->\r\n<link rel=\"preconnect\" href=\"https:\/\/synetalsolutions-learningportal.co.uk\" crossorigin>\r\n<link rel=\"dns-prefetch\" href=\"https:\/\/synetalsolutions-learningportal.co.uk\">\r\n\r\n<style>\r\n\/* =====================================================================\r\n   Scoped to #syn-gate and marked !important so the WordPress theme\r\n   cannot override the colours, fonts or spacing.\r\n   ===================================================================== *\/\r\n\r\n\/* Stops any white flash from the page underneath the overlay. *\/\r\nhtml, body{\r\n  background-color:#0f172a !important;\r\n  overflow-x:hidden !important;\r\n}\r\n\r\n#syn-gate, #syn-gate *{\r\n  box-sizing:border-box !important;\r\n  margin:0 !important;\r\n  padding:0 !important;\r\n  border:0;\r\n  font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;\r\n  text-shadow:none !important;\r\n  text-transform:none !important;\r\n  letter-spacing:normal;\r\n}\r\n\r\n\/* ---------- Full-screen shell: covers the theme header & footer ------- *\/\r\n#syn-gate{\r\n  position:fixed !important;\r\n  inset:0 !important;\r\n  z-index:999999 !important;\r\n\r\n  display:flex !important;\r\n  flex-direction:column !important;\r\n  align-items:center !important;\r\n  overflow-y:auto !important;\r\n\r\n  padding:clamp(1.25rem, 4vw, 2.5rem) !important;\r\n  text-align:center !important;\r\n\r\n  color:#f8fafc !important;\r\n  background-color:#0f172a !important;\r\n  background-image:\r\n    radial-gradient(60rem 42rem at 10% -12%, rgba(56,189,248,.16), transparent 62%),\r\n    radial-gradient(48rem 36rem at 100% 112%, rgba(2,132,199,.20), transparent 62%),\r\n    linear-gradient(160deg, #0f172a 0%, #1e293b 100%) !important;\r\n\r\n  -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n\/* Leaves room for the WordPress admin bar while you are logged in. *\/\r\nbody.admin-bar #syn-gate{ top:32px !important; }\r\n@media screen and (max-width:782px){\r\n  body.admin-bar #syn-gate{ top:46px !important; }\r\n}\r\n\r\n\/* ---------- Logo pill ------------------------------------------------- *\/\r\n#syn-gate .syn-brand{\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n  flex:0 0 auto !important;\r\n  padding:.7rem 1.4rem !important;\r\n  border:1px solid rgba(56,189,248,.20) !important;\r\n  border-radius:999px !important;\r\n  background:rgba(255,255,255,.045) !important;\r\n  backdrop-filter:blur(12px);\r\n  -webkit-backdrop-filter:blur(12px);\r\n}\r\n\r\n#syn-gate .syn-logo{\r\n  height:44px !important;\r\n  width:auto !important;\r\n  max-width:260px !important;\r\n  display:block !important;\r\n  object-fit:contain !important;\r\n}\r\n\r\n#syn-gate .syn-wordmark{\r\n  font-size:1.02rem !important;\r\n  font-weight:600 !important;\r\n  line-height:1.3 !important;\r\n  color:#f8fafc !important;\r\n}\r\n#syn-gate .syn-wordmark em{\r\n  font-style:normal !important;\r\n  font-weight:400 !important;\r\n  color:#94a3b8 !important;\r\n}\r\n\r\n\/* ---------- Centre stage ---------------------------------------------- *\/\r\n#syn-gate .syn-stage{\r\n  flex:1 0 auto !important;\r\n  display:flex !important;\r\n  align-items:center !important;\r\n  justify-content:center !important;\r\n  width:100% !important;\r\n  padding:clamp(2rem, 7vh, 4.5rem) 0 !important;\r\n}\r\n\r\n#syn-gate .syn-card{\r\n  width:100% !important;\r\n  max-width:46rem !important;\r\n  padding:clamp(2rem, 5.5vw, 3.75rem) !important;\r\n  border:1px solid rgba(56,189,248,.20) !important;\r\n  border-radius:24px !important;\r\n  background:rgba(255,255,255,.045) !important;\r\n  backdrop-filter:blur(20px);\r\n  -webkit-backdrop-filter:blur(20px);\r\n  box-shadow:\r\n    0 30px 70px -30px rgba(2,8,23,.85),\r\n    inset 0 1px 0 rgba(255,255,255,.07) !important;\r\n  animation:syn-rise .7s cubic-bezier(.16,1,.3,1) both;\r\n}\r\n@keyframes syn-rise{ from{ opacity:0; transform:translateY(18px); } }\r\n\r\n\/* ---------- Typography ------------------------------------------------ *\/\r\n#syn-gate .syn-title{\r\n  font-size:clamp(1.7rem, 5vw, 2.85rem) !important;\r\n  font-weight:700 !important;\r\n  line-height:1.14 !important;\r\n  letter-spacing:-.028em !important;\r\n  color:#f8fafc !important;\r\n  margin:0 0 1.15rem !important;\r\n  text-wrap:balance;\r\n}\r\n\r\n#syn-gate .syn-lede{\r\n  font-size:clamp(.97rem, 2.2vw, 1.08rem) !important;\r\n  font-weight:400 !important;\r\n  line-height:1.7 !important;\r\n  color:#94a3b8 !important;\r\n  max-width:36rem !important;\r\n  margin:0 auto 2.4rem !important;\r\n  text-wrap:pretty;\r\n}\r\n\r\n\/* ---------- Button ---------------------------------------------------- *\/\r\n#syn-gate .syn-btn{\r\n  display:inline-flex !important;\r\n  align-items:center !important;\r\n  gap:.65rem !important;\r\n  padding:1.05rem 2.1rem !important;\r\n  border-radius:15px !important;\r\n  background:linear-gradient(135deg, #38bdf8 0%, #0284c7 100%) !important;\r\n  color:#04121f !important;\r\n  font-size:1.03rem !important;\r\n  font-weight:600 !important;\r\n  line-height:1 !important;\r\n  text-decoration:none !important;\r\n  box-shadow:0 14px 34px -14px rgba(56,189,248,.8) !important;\r\n  cursor:pointer !important;\r\n  transition:transform .24s cubic-bezier(.16,1,.3,1), box-shadow .24s ease, filter .24s ease !important;\r\n}\r\n#syn-gate .syn-btn:hover,\r\n#syn-gate .syn-btn:focus-visible{\r\n  transform:translateY(-3px) scale(1.035) !important;\r\n  filter:brightness(1.08) !important;\r\n  color:#04121f !important;\r\n  box-shadow:0 22px 46px -14px rgba(56,189,248,.95),\r\n             0 0 0 1px rgba(56,189,248,.35) !important;\r\n}\r\n#syn-gate .syn-btn:active{ transform:translateY(-1px) scale(.99) !important; }\r\n\r\n#syn-gate .syn-btn svg{\r\n  stroke:currentColor !important;\r\n  transition:transform .24s cubic-bezier(.16,1,.3,1) !important;\r\n}\r\n#syn-gate .syn-btn:hover svg,\r\n#syn-gate .syn-btn:focus-visible svg{ transform:translateX(5px) !important; }\r\n\r\n#syn-gate a:focus-visible{ outline:2px solid #38bdf8 !important; outline-offset:4px !important; }\r\n\r\n\/* ---------- Footer ---------------------------------------------------- *\/\r\n#syn-gate .syn-foot{\r\n  flex:0 0 auto !important;\r\n  font-size:.8rem !important;\r\n  line-height:1.6 !important;\r\n  color:#94a3b8 !important;\r\n  padding-top:1rem !important;\r\n}\r\n\r\n\/* ---------- Responsive & accessibility -------------------------------- *\/\r\n@media (max-width:440px){\r\n  #syn-gate .syn-btn{ width:100% !important; justify-content:center !important; }\r\n  #syn-gate .syn-logo{ height:38px !important; }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce){\r\n  #syn-gate, #syn-gate *{ animation:none !important; transition:none !important; }\r\n}\r\n<\/style>\r\n\r\n\r\n<div id=\"syn-gate\">\r\n\r\n  <!-- ================= LOGO =================\r\n       Upload your logo in WordPress (Media > Add New), copy the file URL,\r\n       uncomment the <img> line below, then delete the <p class=\"syn-wordmark\"> line.\r\n  <img decoding=\"async\" class=\"syn-logo\" src=\"https:\/\/synetalsolutions-learningportal.com\/wp-content\/uploads\/YOUR-LOGO.png\" alt=\"Synetal Solutions Learning Portal\">\r\n       ======================================== -->\r\n  <div class=\"syn-brand\">\r\n    <p class=\"syn-wordmark\">Synetal Solutions <em>Learning Portal<\/em><\/p>\r\n  <\/div>\r\n\r\n  <!-- ================= HERO ================= -->\r\n  <main class=\"syn-stage\">\r\n    <section class=\"syn-card\">\r\n\r\n      <h1 class=\"syn-title\">Your Gateway to Future-Ready Tech &amp; Healthcare Careers<\/h1>\r\n\r\n      <p class=\"syn-lede\">\r\n        You've reached our secure domain redirect. Click below to enter the official\r\n        Synetal Solutions Learning Portal and explore expert-led live training,\r\n        certifications, and career support.\r\n      <\/p>\r\n\r\n      <!-- Plain anchor: the browser navigates the instant it is clicked.\r\n           No script intercepts it, so there is no blank screen in between. -->\r\n      <a class=\"syn-btn\" href=\"https:\/\/synetalsolutions-learningportal.co.uk\/\" rel=\"noopener\">\r\n        Enter Learning Portal\r\n        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"\r\n             stroke=\"currentColor\" stroke-width=\"2.4\"\r\n             stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n          <path d=\"M5 12h14M13 6l6 6-6 6\"><\/path>\r\n        <\/svg>\r\n      <\/a>\r\n\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <!-- ================= FOOTER ================= -->\r\n  <p class=\"syn-foot\">&copy; 2026 Synetal Solutions Limited. All Rights Reserved. London, UK.<\/p>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Synetal Solutions Learning Portal Your Gateway to Future-Ready Tech &amp; Healthcare Careers You&#8217;ve reached our secure domain redirect. Click below to enter the official Synetal Solutions Learning Portal and explore expert-led live training, certifications, and career support. Enter Learning Portal &copy; 2026 Synetal Solutions Limited. All Rights Reserved. London, UK.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/synetalsolutions-learningportal.com\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/synetalsolutions-learningportal.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/synetalsolutions-learningportal.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/synetalsolutions-learningportal.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/synetalsolutions-learningportal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":20,"href":"https:\/\/synetalsolutions-learningportal.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":30,"href":"https:\/\/synetalsolutions-learningportal.com\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/30"}],"wp:attachment":[{"href":"https:\/\/synetalsolutions-learningportal.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}