{"id":9,"date":"2026-05-12T12:11:37","date_gmt":"2026-05-12T10:11:37","guid":{"rendered":"https:\/\/www.centroelearning.it\/siderno\/?page_id=9"},"modified":"2026-09-02T17:28:24","modified_gmt":"2026-09-02T15:28:24","slug":"corsi","status":"publish","type":"page","link":"https:\/\/www.centroelearning.it\/siderno\/corsi\/","title":{"rendered":"Corsi"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"9\" class=\"elementor elementor-9\">\n\t\t\t\t<div class=\"elementor-element elementor-element-381e354f e-con-full e-flex e-con e-parent\" data-id=\"381e354f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56cc1964 elementor-widget elementor-widget-html\" data-id=\"56cc1964\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"it\">\r\n<head>\r\n  <meta charset=\"UTF-8\">\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n  <title>Elearning Formazione - Siderno<\/title>\r\n\r\n  <!-- Font Exo -->\r\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Exo:wght@300;400;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n\r\n*{\r\n  box-sizing:border-box;\r\n}\r\n\r\nhtml,\r\nbody{\r\n  margin:0;\r\n  padding:0;\r\n  overflow-x:hidden;\r\n  max-width:100%;\r\n  font-family:'Exo',sans-serif;\r\n  background:#fff;\r\n  color:#000;\r\n}\r\n\r\na{\r\n  text-decoration:none;\r\n  color:inherit;\r\n}\r\n\r\n\/* =========================\r\n   TOP BAR\r\n========================= *\/\r\n\r\n.topbar{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:20px;\r\n  padding:18px 40px;\r\n  background:#000;\r\n  color:#fff;\r\n  width:100%;\r\n}\r\n\r\n.site-name{\r\n  font-size:22px;\r\n  font-weight:600;\r\n  flex-shrink:0;\r\n}\r\n\r\n.nav{\r\n  display:flex;\r\n  align-items:center;\r\n  gap:30px;\r\n  flex-wrap:wrap;\r\n  justify-content:flex-end;\r\n  min-width:0;\r\n}\r\n\r\n.nav a{\r\n  font-size:16px;\r\n  font-weight:500;\r\n  display:flex;\r\n  align-items:center;\r\n  min-height:40px;\r\n  transition:.3s;\r\n  white-space:nowrap;\r\n}\r\n\r\n.nav a:hover{\r\n  color:#6EC1E4;\r\n}\r\n\r\n\/* =========================\r\n   LOGIN BUTTON\r\n========================= *\/\r\n\r\n.btn-login{\r\n  padding:10px 18px !important;\r\n  border:1px solid #6EC1E4 !important;\r\n  border-radius:22px;\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  transition:.3s;\r\n  color:#fff !important;\r\n  background:transparent;\r\n  white-space:nowrap;\r\n  flex-shrink:0;\r\n}\r\n\r\n.btn-login:hover,\r\n.btn-login:focus,\r\n.btn-login:active{\r\n  background:#6EC1E4 !important;\r\n  color:#000 !important;\r\n  border-color:#6EC1E4 !important;\r\n}\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media(max-width:768px){\r\n\r\n  .topbar{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n    padding:20px;\r\n  }\r\n\r\n  .nav{\r\n    width:100%;\r\n    gap:16px;\r\n    justify-content:flex-start;\r\n  }\r\n\r\n  .nav a{\r\n    font-size:15px;\r\n  }\r\n\r\n  .btn-login{\r\n    width:100%;\r\n    justify-content:center;\r\n    margin-top:8px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n<body>\r\n\r\n  <!-- TOP BAR -->\r\n  <header class=\"topbar\">\r\n\r\n    <a class=\"site-name\" href=\"https:\/\/www.centroelearning.it\/siderno\/homepage\">\r\n      Elearning Formazione - Siderno\r\n    <\/a>\r\n\r\n    <nav class=\"nav\">\r\n      <a href=\"https:\/\/www.centroelearning.it\/siderno\/chi-siamo\">Chi Siamo<\/a>\r\n      <a href=\"www.centroelearning.it\/siderno\/corsi\">Corsi<\/a>\r\n      <a href=\"www.centroelearning.it\/siderno\/blog\">Blog<\/a>\r\n      <a href=\"#contatti\">Contatti<\/a>\r\n      <a href=\"#login\" class=\"btn-login\">Login Studente<\/a>\r\n    <\/nav>\r\n\r\n  <\/header>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-44db24a4 e-flex e-con-boxed e-con e-parent\" data-id=\"44db24a4\" data-element_type=\"container\" data-e-type=\"container\" id=\"blog\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-2fbf306f e-con-full e-flex e-con e-child\" data-id=\"2fbf306f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-12e64e78 e-con-full e-flex e-con e-child\" data-id=\"12e64e78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-123886f1 e-con-full e-flex e-con e-child\" data-id=\"123886f1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35f4a5ae elementor-widget elementor-widget-html\" data-id=\"35f4a5ae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CORSI -->\r\n<section class=\"courses\" id=\"corsi\">\r\n  <div class=\"courses-container\">\r\n\r\n    <div class=\"section-header\">\r\n      <h2>I nostri corsi<\/h2>\r\n      <p>\r\n        Percorsi progettati per sviluppare competenze reali, immediatamente spendibili nel mondo del lavoro.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .courses {\r\n    padding: 80px 40px;\r\n    background-color: #ffffff;\r\n  }\r\n\r\n  .courses-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .section-header {\r\n    text-align: center;\r\n    margin-bottom: 50px;\r\n  }\r\n\r\n  .section-header h2 {\r\n    font-size: 34px;\r\n    margin-bottom: 15px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .section-header p {\r\n    font-size: 18px;\r\n    color: #555;\r\n  }\r\n\r\n  .courses-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n    gap: 30px;\r\n  }\r\n\r\n  .course-card {\r\n    background-color: #ffffff;\r\n    border-radius: 20px;\r\n    overflow: hidden;\r\n    box-shadow: 0 8px 25px rgba(0,0,0,0.08);\r\n    transition: transform 0.3s, box-shadow 0.3s;\r\n  }\r\n\r\n  .course-card:hover {\r\n    transform: translateY(-8px);\r\n    box-shadow: 0 15px 35px rgba(0,0,0,0.15);\r\n  }\r\n\r\n  .course-image {\r\n    height: 160px;\r\n    background: linear-gradient(135deg, #6EC1E4, #000000);\r\n  }\r\n\r\n  .course-content {\r\n    padding: 20px;\r\n  }\r\n\r\n  .course-content h3 {\r\n    font-size: 20px;\r\n    margin-bottom: 10px;\r\n  }\r\n\r\n  .course-content p {\r\n    font-size: 15px;\r\n    color: #555;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .course-link {\r\n    font-weight: 600;\r\n    color: #6EC1E4;\r\n    transition: 0.3s;\r\n  }\r\n\r\n  .course-link:hover {\r\n    color: #000000;\r\n  }\r\n\r\n  .courses-cta {\r\n    text-align: center;\r\n    margin-top: 50px;\r\n  }\r\n\r\n  .courses-cta .btn-primary {\r\n    padding: 12px 24px;\r\n    background: #6EC1E4;\r\n    color: #000;\r\n    border-radius: 25px;\r\n    font-weight: 600;\r\n    text-decoration: none;\r\n    display: inline-block;\r\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n    will-change: transform;\r\n  }\r\n\r\n  .courses-cta .btn-primary:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 8px 20px rgba(110,193,228,0.35);\r\n  }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6137798 elementor-widget elementor-widget-html\" data-id=\"6137798\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* =========================\n   WRAPPER ARCHIVIO\n========================= *\/\n\n#courses-archive{\n  width:100%;\n}\n\n\/* =========================\n   TOP BAR\n========================= *\/\n\n#courses-archive .courses-topbar{\n  display:flex;\n  gap:16px;\n  margin-bottom:34px;\n  flex-wrap:wrap;\n}\n\n#courses-archive .courses-search,\n#courses-archive .courses-filter{\n  height:54px;\n  border:none;\n  border-radius:16px;\n  padding:0 18px;\n  font-size:16px;\n  background:#fff;\n  box-shadow:0 8px 20px rgba(0,0,0,.06);\n}\n\n#courses-archive .courses-search{\n  flex:1;\n  min-width:280px;\n}\n\n#courses-archive .courses-filter{\n  min-width:220px;\n  cursor:pointer;\n}\n\n\/* NASCONDE SOTTOCATEGORIE *\/\n\n#courses-archive #subFilter.hidden{\n  display:none;\n}\n\n\/* =========================\n   EMPTY STATE\n========================= *\/\n\n#courses-archive .empty-state{\n  background:#fff;\n  border-radius:24px;\n  padding:80px 30px;\n  text-align:center;\n  box-shadow:0 10px 30px rgba(0,0,0,.05);\n}\n\n#courses-archive .empty-state-title{\n  font-size:30px;\n  font-weight:700;\n  color:#111;\n  margin-bottom:14px;\n}\n\n#courses-archive .empty-state-text{\n  font-size:18px;\n  color:#666;\n  line-height:1.5;\n  max-width:600px;\n  margin:auto;\n}\n\n\/* =========================\n   GRID\n========================= *\/\n\n#courses-archive #courses-container{\n  display:grid;\n  grid-template-columns:repeat(5,minmax(0,1fr));\n  gap:24px;\n}\n\n@media(max-width:1200px){\n\n  #courses-archive #courses-container{\n    grid-template-columns:repeat(3,minmax(0,1fr));\n  }\n\n}\n\n@media(max-width:768px){\n\n  #courses-archive #courses-container{\n    grid-template-columns:repeat(1,minmax(0,1fr));\n  }\n\n}\n\n\/* =========================\n   CARD\n========================= *\/\n\n#courses-archive .course-card{\n  background:#fff;\n  border-radius:24px;\n  overflow:hidden;\n  box-shadow:0 10px 30px rgba(0,0,0,.08);\n  display:flex;\n  flex-direction:column;\n  height:100%;\n}\n\n#courses-archive .course-card img{\n  width:100%;\n  aspect-ratio:1\/1;\n  object-fit:contain;\n  background:#fff;\n  display:block;\n}\n\n#courses-archive .course-content{\n  padding:22px;\n  display:flex;\n  flex-direction:column;\n  flex-grow:1;\n}\n\n#courses-archive .course-title{\n  font-size:18px;\n  line-height:1.3;\n  font-weight:700;\n  margin-bottom:22px;\n  color:#111;\n  min-height:90px;\n}\n\n\/* =========================\n   CARD PREZZI\n========================= *\/\n\n#courses-archive .course-card-price-wrapper{\n  margin-top:auto;\n  margin-bottom:18px;\n  text-align:center;\n}\n\n#courses-archive .course-card-old-price{\n  display:block;\n  font-size:14px;\n  color:#888;\n  text-decoration:line-through;\n  margin-bottom:2px;\n}\n\n#courses-archive .course-card-price{\n  display:block;\n  font-size:24px;\n  font-weight:800;\n  color:#0f67a6;\n  line-height:1;\n}\n\n#courses-archive .course-btn{\n  background:#0f67a6;\n  color:#fff;\n  border:none;\n  padding:12px 20px;\n  border-radius:999px;\n  cursor:pointer;\n  font-weight:700;\n  transition:.3s;\n  align-self:center;\n}\n\n#courses-archive .course-btn:hover{\n  background:#0c5488;\n}\n\n\/* =========================\n   MODAL\n========================= *\/\n\n#courses-archive .course-modal{\n  position:fixed;\n  inset:0;\n  background:rgba(0,0,0,.7);\n  display:none;\n  justify-content:center;\n  align-items:center;\n  z-index:999999;\n  padding:20px;\n  overflow-y:auto;\n}\n\n#courses-archive .course-modal.active{\n  display:flex;\n}\n\n#courses-archive .course-modal-box{\n  width:100%;\n  max-width:1000px;\n  background:#fff;\n  border-radius:24px;\n  overflow:hidden;\n  position:relative;\n}\n\n#courses-archive .course-close{\n  position:absolute;\n  top:12px;\n  right:18px;\n  font-size:34px;\n  cursor:pointer;\n  z-index:99999;\n  color:#111;\n  line-height:1;\n  background:#fff;\n  width:42px;\n  height:42px;\n  border-radius:999px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  box-shadow:0 4px 12px rgba(0,0,0,.15);\n}\n\n\/* =========================\n   MODAL GRID\n========================= *\/\n\n#courses-archive .modal-grid{\n  display:flex;\n  flex-wrap:wrap;\n}\n\n#courses-archive .modal-left{\n  width:55%;\n}\n\n#courses-archive .modal-right{\n  width:45%;\n}\n\n\/* =========================\n   LEFT\n========================= *\/\n\n#courses-archive .modal-left{\n  background:#0f67a6;\n  color:#fff;\n  padding:42px;\n}\n\n#courses-archive .modal-title{\n  font-size:34px;\n  line-height:1.1;\n  margin-bottom:22px;\n  font-weight:700;\n}\n\n#courses-archive .modal-description{\n  font-size:16px;\n  line-height:1.5;\n  color:rgba(255,255,255,.95);\n}\n\n\/* =========================\n   RIGHT\n========================= *\/\n\n#courses-archive .modal-right{\n  background:#f5f5f5;\n  padding:28px 28px 40px;\n  display:flex;\n  flex-direction:column;\n}\n\n#courses-archive .modal-right img{\n  width:100%;\n  border-radius:18px;\n  margin-bottom:34px;\n}\n\n\/* =========================\n   DETAILS\n========================= *\/\n\n#courses-archive .course-details-title{\n  font-size:24px;\n  margin-bottom:18px;\n  color:#111;\n  font-weight:700;\n}\n\n#courses-archive .course-detail{\n  margin-bottom:12px;\n  font-size:16px;\n  line-height:1.35;\n  color:#222;\n}\n\n\/* =========================\n   PREZZI POPUP\n========================= *\/\n\n#courses-archive .course-price-wrapper{\n  margin-bottom:28px;\n}\n\n#courses-archive .course-old-price{\n  font-size:22px;\n  color:#888;\n  text-decoration:line-through;\n  margin-bottom:6px;\n}\n\n#courses-archive .course-price{\n  font-size:34px;\n  font-weight:800;\n  color:#0f67a6;\n  line-height:1;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n\n#courses-archive .modal-cta{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  margin-top:24px;\n  padding:18px 26px;\n  background:#0f67a6;\n  color:#fff;\n  text-decoration:none;\n  border-radius:999px;\n  font-weight:700;\n  transition:.3s;\n}\n\n#courses-archive .modal-cta:hover{\n  background:#0c5488;\n}\n\n\/* =========================\n   MOBILE\n========================= *\/\n\n@media(max-width:900px){\n\n  #courses-archive .course-modal{\n    align-items:flex-start;\n    padding:10px;\n  }\n\n  #courses-archive .course-modal-box{\n    margin-top:20px;\n    margin-bottom:20px;\n  }\n\n  #courses-archive .modal-left,\n  #courses-archive .modal-right{\n    width:100%;\n  }\n\n  #courses-archive .modal-right{\n    order:1;\n    background:#fff;\n    padding:24px;\n  }\n\n  #courses-archive .modal-left{\n    order:2;\n    padding:30px 24px;\n  }\n\n  #courses-archive .modal-title{\n    font-size:28px;\n  }\n\n  #courses-archive .course-details-title{\n    font-size:24px;\n  }\n\n  #courses-archive .course-title{\n    min-height:auto;\n  }\n\n}\n\n<\/style>\n\n<div id=\"courses-archive\">\n\n  <div class=\"courses-topbar\">\n\n    <input \n      type=\"text\" \n      id=\"courseSearch\" \n      class=\"courses-search\"\n      placeholder=\"Cerca un corso...\"\n    >\n\n    <select id=\"macroFilter\" class=\"courses-filter\">\n      <option value=\"\">Tutte le macroaree<\/option>\n    <\/select>\n\n    <select id=\"subFilter\" class=\"courses-filter hidden\">\n      <option value=\"\">Tutte le sottocategorie<\/option>\n    <\/select>\n\n  <\/div>\n\n  <div id=\"courses-container\"><\/div>\n\n  <div class=\"course-modal\" id=\"courseModal\">\n\n    <div class=\"course-modal-box\">\n\n      <div class=\"course-close\" id=\"closeModal\">\n        &times;\n      <\/div>\n\n      <div id=\"modalContent\"><\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n<script>\n\nlet allCourses = [];\nlet clientPrices = {};\n\n\/* =========================\n   CATEGORIE VISIBILI\n========================= *\/\n\nconst visibleCategories = [\n  \"Scuola\",\n  \"Universit\u00e0\",\n  \"Test di ammissione\",\n  \"Concorsi\",\n  \"Formazione professionalizzante\",\n  \"Microcredenziali\",\n  \"Formazione aziendale\",\n  \"Pubblica Amministrazione\"\n];\n\n\/* =========================\n   PREZZI CLIENTE\n========================= *\/\n\nfunction handleClientPrices(response){\n\n  const rows = response.table.rows;\n\n  rows.forEach(row => {\n\n    const id =\n      row.c[0]?.v;\n\n    if (!id) return;\n\n    clientPrices[id] = {\n\n      prezzo_base:\n        row.c[2]?.v || \"\",\n\n      prezzo_scontato:\n        row.c[3]?.v || \"\"\n\n    };\n\n  });\n\n}\n\n\/* =========================\n   HANDLE COURSES\n========================= *\/\n\nfunction handleCourses(response){\n\n  const rows = response.table.rows;\n\n  allCourses = rows.map(row => {\n\n    const course = {\n      id: row.c[0]?.v || \"\",\n      titolo: row.c[1]?.v || \"\",\n      descrizione: row.c[2]?.v || \"\",\n      immagine: row.c[3]?.v || \"\",\n      validita: row.c[4]?.v || \"\",\n      carico_ore: row.c[5]?.v || \"\",\n      materie: row.c[6]?.v || 0,\n      ore_video: row.c[7]?.v || 0,\n      dispense: row.c[8]?.v || 0,\n      cfp: row.c[9]?.v || \"\",\n      macro_categoria: row.c[10]?.v || \"\",\n      sotto_categoria: row.c[11]?.v || \"\",\n      prezzo_base: row.c[12]?.v || \"\",\n      prezzo_scontato: row.c[13]?.v || \"\"\n    };\n\n    const customPrices =\n      clientPrices[course.id];\n\n    if (customPrices) {\n\n      course.prezzo_base =\n        customPrices.prezzo_base ||\n        course.prezzo_base;\n\n      course.prezzo_scontato =\n        customPrices.prezzo_scontato ||\n        course.prezzo_scontato;\n\n    }\n\n    return course;\n\n  });\n\n  populateFilters();\n\n  updateSubCategories();\n\n  renderEmptyState();\n\n}\n\n\/* =========================\n   POPOLA FILTRI\n========================= *\/\n\nfunction populateFilters(){\n\n  const macroSelect = document.getElementById(\"macroFilter\");\n\n  macroSelect.innerHTML =\n    '<option value=\"\">Tutte le macroaree<\/option>';\n\n  visibleCategories.forEach(category => {\n\n    const option = document.createElement(\"option\");\n\n    option.value = category;\n    option.textContent = category;\n\n    macroSelect.appendChild(option);\n\n  });\n\n}\n\n\/* =========================\n   UPDATE SUBCATEGORIES\n========================= *\/\n\nfunction updateSubCategories(){\n\n  const macro = document\n    .getElementById(\"macroFilter\")\n    .value;\n\n  const subSelect = document.getElementById(\"subFilter\");\n\n  subSelect.innerHTML =\n    '<option value=\"\">Tutte le sottocategorie<\/option>';\n\n  subSelect.value = \"\";\n\n  if(!macro){\n\n    subSelect.classList.add(\"hidden\");\n\n    return;\n\n  }\n\n  subSelect.classList.remove(\"hidden\");\n\n  let filteredCourses = allCourses.filter(course =>\n\n    visibleCategories.includes(course.macro_categoria) &&\n    course.macro_categoria === macro\n\n  );\n\n  const subCategories = [\n    ...new Set(\n      filteredCourses.map(course => course.sotto_categoria)\n    )\n  ];\n\n  subCategories.sort();\n\n  subCategories.forEach(sub => {\n\n    if(!sub) return;\n\n    const option = document.createElement(\"option\");\n\n    option.value = sub;\n    option.textContent = sub;\n\n    subSelect.appendChild(option);\n\n  });\n\n}\n\n\/* =========================\n   EMPTY STATE\n========================= *\/\n\nfunction renderEmptyState(){\n\n  const container = document.getElementById(\"courses-container\");\n\n  container.innerHTML = `\n\n    <div class=\"empty-state\">\n\n      <div class=\"empty-state-title\">\n        Trova il corso giusto per te\n      <\/div>\n\n      <div class=\"empty-state-text\">\n        Seleziona una macroarea oppure utilizza la ricerca per visualizzare gli oltre 600 corsi disponibili.\n      <\/div>\n\n    <\/div>\n\n  `;\n\n}\n\n\/* =========================\n   RENDER COURSES\n========================= *\/\n\nfunction renderCourses(courses){\n\n  const container = document.getElementById(\"courses-container\");\n\n  let html = \"\";\n\n  courses.forEach(course => {\n\n    html += `\n\n      <div class=\"course-card\">\n\n        <img decoding=\"async\" src=\"${course.immagine}\" alt=\"${course.titolo}\">\n\n        <div class=\"course-content\">\n\n          <div class=\"course-title\">\n            ${course.titolo}\n          <\/div>\n\n          ${course.prezzo_scontato ? `\n\n          <div class=\"course-card-price-wrapper\">\n\n            ${course.prezzo_base ? `\n            <div class=\"course-card-old-price\">\n              \u20ac ${course.prezzo_base}\n            <\/div>\n            ` : \"\"}\n\n            <div class=\"course-card-price\">\n              \u20ac ${course.prezzo_scontato}\n            <\/div>\n\n          <\/div>\n\n          ` : \"\"}\n\n          <button \n            class=\"course-btn\"\n            onclick=\"openModal('${course.id}')\"\n          >\n            Dettagli\n          <\/button>\n\n        <\/div>\n\n      <\/div>\n\n    `;\n\n  });\n\n  container.innerHTML = html;\n\n}\n\n\/* =========================\n   FILTER COURSES\n========================= *\/\n\nfunction filterCourses(){\n\n  const search = document\n    .getElementById(\"courseSearch\")\n    .value\n    .toLowerCase();\n\n  const macro = document\n    .getElementById(\"macroFilter\")\n    .value;\n\n  const sub = document\n    .getElementById(\"subFilter\")\n    .value;\n\n  if(!search && !macro){\n\n    renderEmptyState();\n\n    return;\n\n  }\n\n  const filtered = allCourses.filter(course => {\n\n    const matchSearch =\n      course.titolo.toLowerCase().includes(search);\n\n    const matchMacro =\n      !macro || course.macro_categoria === macro;\n\n    const matchSub =\n      !sub || course.sotto_categoria === sub;\n\n    const visible =\n      visibleCategories.includes(course.macro_categoria);\n\n    return (\n      matchSearch &&\n      matchMacro &&\n      matchSub &&\n      visible\n    );\n\n  });\n\n  renderCourses(filtered);\n\n}\n\n\/* =========================\n   OPEN MODAL\n========================= *\/\n\nfunction openModal(courseId){\n\n  const course = allCourses.find(c => c.id == courseId);\n\n  const modalContent = document.getElementById(\"modalContent\");\n\n  modalContent.innerHTML = `\n\n    <div class=\"modal-grid\">\n\n      <div class=\"modal-left\">\n\n        <h2 class=\"modal-title\">\n          ${course.titolo}\n        <\/h2>\n\n        <div class=\"modal-description\">\n          ${course.descrizione}\n        <\/div>\n\n      <\/div>\n\n      <div class=\"modal-right\">\n\n        <img decoding=\"async\" src=\"${course.immagine}\" alt=\"${course.titolo}\">\n\n        <div class=\"course-details-title\">\n          Dettagli del corso\n        <\/div>\n\n        ${course.prezzo_scontato ? `\n\n        <div class=\"course-price-wrapper\">\n\n          ${course.prezzo_base ? `\n          <div class=\"course-old-price\">\n            \u20ac ${course.prezzo_base}\n          <\/div>\n          ` : \"\"}\n\n          <div class=\"course-price\">\n            \u20ac ${course.prezzo_scontato}\n          <\/div>\n\n        <\/div>\n\n        ` : \"\"}\n\n        ${course.cfp > 0 ? `\n        <div class=\"course-detail\">\n          \ud83c\udfc5 ${course.cfp} C.F.P.\n        <\/div>\n        ` : \"\"}\n\n        ${course.validita ? `\n        <div class=\"course-detail\">\n          \u2714 Validit\u00e0 corso: ${course.validita}\n        <\/div>\n        ` : \"\"}\n\n        ${course.carico_ore > 0 ? `\n        <div class=\"course-detail\">\n          \u23fa Carico didattico: ${course.carico_ore} ore\n        <\/div>\n        ` : \"\"}\n\n        ${course.materie > 0 ? `\n        <div class=\"course-detail\">\n          \ud83c\udf93 ${course.materie} materie\n        <\/div>\n        ` : \"\"}\n\n        ${course.ore_video > 0 ? `\n        <div class=\"course-detail\">\n          \u25b6 ${course.ore_video} ore di video lezioni\n        <\/div>\n        ` : \"\"}\n\n        ${course.dispense > 0 ? `\n        <div class=\"course-detail\">\n          \ud83d\udcc4 ${course.dispense} dispense\n        <\/div>\n        ` : \"\"}\n\n        <a \n          class=\"modal-cta\" \n          href=\"#contatti\"\n          onclick=\"closeModal()\"\n        >\n          Richiedi informazioni\n        <\/a>\n\n      <\/div>\n\n    <\/div>\n\n  `;\n\n  document\n    .getElementById(\"courseModal\")\n    .classList.add(\"active\");\n\n  document.body.style.overflow = \"hidden\";\n\n}\n\n\/* =========================\n   CLOSE MODAL\n========================= *\/\n\nfunction closeModal(){\n\n  document\n    .getElementById(\"courseModal\")\n    .classList.remove(\"active\");\n\n  document.body.style.overflow = \"\";\n\n}\n\n\/* =========================\n   EVENTI\n========================= *\/\n\ndocument\n  .getElementById(\"closeModal\")\n  .addEventListener(\"click\", closeModal);\n\ndocument\n  .getElementById(\"courseModal\")\n  .addEventListener(\"click\", function(e){\n\n    if(e.target.id === \"courseModal\"){\n      closeModal();\n    }\n\n});\n\ndocument\n  .getElementById(\"courseSearch\")\n  .addEventListener(\"input\", filterCourses);\n\ndocument\n  .getElementById(\"macroFilter\")\n  .addEventListener(\"change\", function(){\n\n    updateSubCategories();\n\n    filterCourses();\n\n});\n\ndocument\n  .getElementById(\"subFilter\")\n  .addEventListener(\"change\", filterCourses);\n\n<\/script>\n\n<script src=\"https:\/\/docs.google.com\/spreadsheets\/d\/1g6SOJ6e0Fuc6VQLfLL8oT2qwWWOyLiDD4jaDKeQ-AsM\/gviz\/tq?sheet=Foglio1&tqx=responseHandler:handleClientPrices\"><\/script>\n\n<script src=\"https:\/\/docs.google.com\/spreadsheets\/d\/1Ochkk_Q5AtBrWz0vb8EnpzKAVoD7i1TsdJ_-AwgMrHw\/gviz\/tq?sheet=Foglio1&tqx=responseHandler:handleCourses\"><\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-323d5edf e-con-full e-flex e-con e-parent\" data-id=\"323d5edf\" data-element_type=\"container\" data-e-type=\"container\" id=\"login\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-554d6f58 elementor-widget elementor-widget-html\" data-id=\"554d6f58\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CHI SIAMO -->\r\n<section class=\"about\">\r\n  <div class=\"about-content\">\r\n\r\n    <!-- SINISTRA -->\r\n    <div class=\"about-text\">\r\n      <h2>Pi\u00f9 di una piattaforma. Un acceleratore di competenze.<\/h2>\r\n      <p>\r\n        Qui la formazione non \u00e8 teoria fine a s\u00e9 stessa. \u00c8 progettata per essere applicata, \r\n        vissuta e trasformata in risultati concreti.\r\n      <\/p>\r\n      <p>\r\n        Lavoriamo ogni giorno per costruire percorsi formativi che valorizzano il capitale umano, \r\n        supportano la crescita professionale e accompagnano studenti e professionisti verso nuovi traguardi.\r\n      <\/p>\r\n      <p class=\"highlight\">\r\n        Perch\u00e9 imparare non basta. Serve evolvere.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- DESTRA (LOGIN STUDENTE) -->\r\n   <div class=\"about-login\">\r\n\r\n  <div class=\"login-box\">\r\n    <h3>Sei uno studente? Accedi alla tua area riservata<\/h3>\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/www.elearningformazione.it\/css\/login_stringa.css\">\r\n\r\n    <form method=\"GET\" name=\"frmLogin\" id=\"frmLogin\" action=\"https:\/\/www.elearningformazione.it\/login-execute-other-sever\" onsubmit=\"return false\">\r\n        <input type=\"hidden\" name=\"page\" id=\"page\" \/>\r\n        \r\n        <div class=\"form-group elf\">\r\n            <label for=\"email\" class=\"elf\">Indirizzo E-Mail<\/label>\r\n            <input type=\"text\" id=\"email\" name=\"email\" class=\"form-control elf\">\r\n        <\/div>\r\n\r\n        <div class=\"form-group elf\">\r\n            <label for=\"password\" class=\"elf\">Password<\/label>\r\n            <input type=\"password\" id=\"password\" name=\"password\" class=\"form-control elf\">\r\n        <\/div>\r\n\r\n        <button type=\"button\" onclick=\"my_login();\" id=\"btn_submit\" class=\"btn btn-primary btn-block elf\">\r\n          Accedi\r\n        <\/button>\r\n    <\/form>\r\n\r\n    <script src=\"https:\/\/www.elearningformazione.it\/js\/login_stringa.js?ver=100\"><\/script>\r\n  <\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<style>\r\n  .about {\r\n    padding: 80px 40px;\r\n    background-color: #f8f9fb;\r\n  }\r\n\r\n  .about-content {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 60px;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  .about-text {\r\n    flex: 1;\r\n    min-width: 300px;\r\n  }\r\n\r\n  .about-text h2 {\r\n    font-size: 34px;\r\n    margin-bottom: 20px;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .about-text p {\r\n    font-size: 17px;\r\n    margin-bottom: 18px;\r\n    line-height: 1.6;\r\n    color: #333;\r\n  }\r\n\r\n  .about-text .highlight {\r\n    font-weight: 600;\r\n    color: #6EC1E4;\r\n    font-size: 18px;\r\n  }\r\n\r\n  .about-login {\r\n    flex: 1;\r\n    min-width: 300px;\r\n    background-color: #000000;\r\n    padding: 30px;\r\n    border-radius: 20px;\r\n    color: #ffffff;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n  }\r\n\r\n  .login-placeholder {\r\n    text-align: center;\r\n    font-size: 16px;\r\n    color: #ccc;\r\n  }\r\n  <style>\r\n  .login-box h3 {\r\n    margin-bottom: 20px;\r\n    font-size: 22px;\r\n    font-weight: 600;\r\n    text-align: center;\r\n  }\r\n\r\n  .about-login {\r\n    background-color: #000000;\r\n    padding: 40px 30px;\r\n    border-radius: 20px;\r\n    color: #ffffff;\r\n  }\r\n\r\n  \/* Override stile form esterno *\/\r\n  .about-login .elf input {\r\n    width: 100%;\r\n    padding: 10px;\r\n    border-radius: 8px;\r\n    border: none;\r\n    margin-top: 5px;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .about-login .elf label {\r\n    font-size: 14px;\r\n    color: #cccccc;\r\n  }\r\n\r\n  .about-login .elf button {\r\n    width: 100%;\r\n    padding: 12px;\r\n    border-radius: 25px;\r\n    border: none;\r\n    background-color: #6EC1E4;\r\n    color: #000000;\r\n    font-weight: 600;\r\n    cursor: pointer;\r\n    transition: all 0.3s;\r\n  }\r\n\r\n  .about-login .elf button:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 15px rgba(110,193,228,0.4);\r\n  }\r\n<\/style>\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5193a16 e-con-full e-flex e-con e-parent\" data-id=\"5193a16\" data-element_type=\"container\" data-e-type=\"container\" id=\"contatti\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ebce1bb elementor-widget elementor-widget-html\" data-id=\"ebce1bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact-section\">\n\n  <style>\n    .contact-section {\n      padding: 60px 20px;\n      font-family: 'Exo', sans-serif;\n      background: #ffffff;\n    }\n\n    \/* WRAPPER *\/\n    .contact-wrap {\n      max-width: 1200px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 0.9fr 1.5fr; \/* \ud83d\udd25 pi\u00f9 spazio alla mappa *\/\n      gap: 40px;\n      align-items: start;\n    }\n\n    \/* FORM *\/\n    .contact-form-box {\n      background: #f8fafc;\n      padding: 18px;\n      border-radius: 16px;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.05);\n    }\n\n    .contact-form-box h3 {\n      font-size: 15px;\n      margin-bottom: 10px;\n      color: #1f2a44;\n    }\n\n    \/* \ud83d\udd25 RIDUZIONE FORM *\/\n    .contact-form-box input,\n    .contact-form-box textarea {\n      width: 100%;\n      padding: 8px;\n      margin-bottom: 10px;\n      border-radius: 8px;\n      border: 1px solid #ddd;\n      font-size: 13px;\n    }\n\n    .contact-form-box textarea {\n      min-height: 90px;\n    }\n\n    .contact-form-box input[type=\"submit\"] {\n      background: #6EC1E4;\n      border: none;\n      color: #000;\n      font-weight: 600;\n      border-radius: 25px;\n      padding: 10px;\n      cursor: pointer;\n    }\n\n    \/* RIGHT *\/\n    .contact-right {\n      display: flex;\n      flex-direction: column;\n      gap: 30px;\n    }\n\n    \/* INFO GRID *\/\n    .contact-info {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 20px;\n    }\n\n    .contact-box h4 {\n      font-size: 12px;\n      color: #6EC1E4;\n      margin-bottom: 6px;\n      text-transform: uppercase;\n    }\n\n    .contact-box p {\n      font-size: 13px;\n      color: #333;\n      margin: 0;\n    }\n\n    \/* MAPPA*\/\n    .map-container iframe {\n      width: 100%;\n      height: 630px; \n      border-radius: 15px;\n      border: 0;\n      box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n    }\n\n    \/* MOBILE *\/\n    @media(max-width:900px){\n      .contact-wrap {\n        grid-template-columns: 1fr;\n      }\n\n      .contact-info {\n        grid-template-columns: 1fr;\n      }\n    }\n  <\/style>\n\n  <div class=\"contact-wrap\">\n\n    <!-- SX FORM -->\n    <div class=\"contact-form-box\">\n      <h3>Richiedi informazioni<\/h3>\n\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f17-o1\" lang=\"it-IT\" dir=\"ltr\" data-wpcf7-id=\"17\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/siderno\/wp-json\/wp\/v2\/pages\/9#wpcf7-f17-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Modulo di contatto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"17\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.2.2\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"it_IT\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f17-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label> Il tuo nome e cognome<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" autocomplete=\"name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Il tuo numero di telefono<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-584\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"tel-584\" \/><\/span> <\/label>\n<\/p>\n<p><label> La tua email<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" autocomplete=\"email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Oggetto<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Il tuo messaggio (facoltativo)<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><span class=\"wpcf7-form-control-wrap\" data-name=\"acceptance-821\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"acceptance-821\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Accetto le condizioni della <a rel=\"noopener\" href=\"https:\/\/www.centroelearning.it\/siderno\/privacy-policy\/\" target=\"_blank\">Privacy Policy<\/a>.<\/span><\/label><\/span><\/span><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Invia\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    <\/div>\n\n    <!-- DX -->\n    <div class=\"contact-right\">\n\n      <div class=\"contact-info\">\n\n        <div class=\"contact-box\">\n          <h4>Indirizzo<\/h4>\n          <p>Corso Garibaldi \u2013 lato nord, n. 5<br>Siderno<\/p>\n        <\/div>\n\n        <div class=\"contact-box\">\n          <h4>Email<\/h4>\n          <p>siderno@elearningformazione.it<\/p>\n        <\/div>\n\n        <div class=\"contact-box\">\n          <h4>Telefono<\/h4>\n          <p>327 357 4659<\/p>\n        <\/div>\n\n        <div class=\"contact-box\">\n          <h4>Orari<\/h4>\n          <p>Lun\u2013Ven 9:00\u201318:00<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"map-container\">\n        <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d391.5249528900476!2d16.30322065079857!3d38.27486517479668!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x131525ca72b96efd%3A0x60d0485a9af7d7c0!2sCorso%20G.%20Garibaldi%2C%205%2C%2089048%20Siderno%20RC!5e0!3m2!1sit!2sit!4v1778581170648!5m2!1sit!2sit\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe><\/iframe>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Elearning Formazione &#8211; Siderno Elearning Formazione &#8211; Siderno Chi Siamo Corsi Blog Contatti Login Studente I nostri corsi Percorsi progettati per sviluppare competenze reali, immediatamente spendibili nel mondo del lavoro. Tutte le macroaree Tutte le sottocategorie &times; Pi\u00f9 di una piattaforma. Un acceleratore di competenze. Qui la formazione non \u00e8 teoria fine a s\u00e9 stessa. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.centroelearning.it\/siderno\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centroelearning.it\/siderno\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.centroelearning.it\/siderno\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.centroelearning.it\/siderno\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.centroelearning.it\/siderno\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":13,"href":"https:\/\/www.centroelearning.it\/siderno\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":91,"href":"https:\/\/www.centroelearning.it\/siderno\/wp-json\/wp\/v2\/pages\/9\/revisions\/91"}],"wp:attachment":[{"href":"https:\/\/www.centroelearning.it\/siderno\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}