{"id":72,"date":"2024-01-22T21:18:36","date_gmt":"2024-01-22T21:18:36","guid":{"rendered":"https:\/\/poolswift.wordifysites.com\/?page_id=72"},"modified":"2026-02-04T18:45:07","modified_gmt":"2026-02-04T18:45:07","slug":"competencias","status":"publish","type":"page","link":"https:\/\/www.divixwebstudio.com\/es\/competenze\/","title":{"rendered":"Competencias"},"content":{"rendered":"\n<section>\n<div class=\"gb-element-19c6472d\">\n<h2 class=\"gb-text gb-text-4d63f042\">Le mie competenze al servizio del tuo progetto web<\/h2>\n\n\n\n<h3 class=\"gb-text-ed80b876\"><span class=\"gb-shape\"><svg version=\"1.1\" id=\"_x32_\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewBox=\"0 0 512 512\" xml:space=\"preserve\" fill=\"#000000\"><g id=\"SVGRepo_bgCarrier\" stroke-width=\"0\"><\/g><g id=\"SVGRepo_tracerCarrier\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/g><g id=\"SVGRepo_iconCarrier\"> <style type=\"text\/css\">  .st0{fill:#3870D2;}  <\/style> <g> <path class=\"st0\" d=\"M475.619,295.498l-41.406-87.766c0.109-2.625,0.203-5.266,0.203-7.906 c0-110.359-89.469-199.828-199.828-199.828S34.744,89.467,34.744,199.826c0,62.063,28.297,117.5,72.672,154.156v70.641 c0,6.891,4.125,13.125,10.453,15.797l165.516,70.219c5.281,2.25,11.359,1.688,16.172-1.484c4.797-3.188,7.688-8.563,7.688-14.313 v-59.844c0-9.484,7.688-17.172,17.172-17.172h84.75c9.484,0,17.156-7.703,17.156-17.172v-51.609c0-6.563,3.766-12.563,9.672-15.438 l31.594-15.344C476.041,314.154,479.619,303.998,475.619,295.498z M234.588,335.717c-75.047,0-135.891-60.828-135.891-135.891 c0-75.047,60.844-135.875,135.891-135.875s135.875,60.828,135.875,135.875C370.463,274.889,309.635,335.717,234.588,335.717z\"><\/path> <path class=\"st0\" d=\"M330.432,216.623c3.672-0.281,6.484-3.328,6.484-7.016v-16.766c0-3.688-2.813-6.734-6.484-7.031l-22.234-1.734 c-1.391-0.094-2.625-0.984-3.156-2.297l-7.328-17.656c-0.531-1.297-0.297-2.797,0.609-3.875l14.5-16.953 c2.391-2.781,2.234-6.938-0.375-9.531l-11.859-11.875c-2.609-2.594-6.766-2.75-9.547-0.375l-16.953,14.5 c-1.063,0.906-2.578,1.156-3.859,0.625l-17.656-7.328c-1.313-0.531-2.203-1.766-2.313-3.172l-1.719-22.219 c-0.297-3.688-3.359-6.5-7.031-6.5h-16.781c-3.672,0-6.734,2.813-7.016,6.5l-1.719,22.219c-0.109,1.406-1.016,2.641-2.328,3.172 l-17.641,7.328c-1.313,0.531-2.797,0.281-3.875-0.625l-16.953-14.5c-2.797-2.375-6.953-2.219-9.547,0.375l-11.859,11.875 c-2.594,2.594-2.766,6.75-0.375,9.531l14.5,16.953c0.906,1.078,1.156,2.578,0.609,3.875l-7.313,17.656 c-0.531,1.313-1.781,2.203-3.188,2.297l-22.234,1.734c-3.656,0.297-6.469,3.344-6.469,7.031v16.766 c0,3.688,2.813,6.734,6.469,7.016l22.234,1.734c1.406,0.109,2.656,1,3.188,2.313l7.313,17.656c0.547,1.281,0.297,2.797-0.609,3.859 l-14.5,16.969c-2.391,2.781-2.219,6.938,0.375,9.531l11.859,11.859c2.594,2.609,6.75,2.766,9.547,0.391l16.953-14.516 c1.078-0.891,2.563-1.141,3.875-0.594l17.641,7.313c1.313,0.531,2.219,1.766,2.328,3.156l1.719,22.25 c0.281,3.656,3.344,6.484,7.016,6.484h16.781c3.672,0,6.734-2.828,7.031-6.484l1.719-22.25c0.109-1.391,1-2.625,2.313-3.156 l17.656-7.313c1.281-0.547,2.797-0.297,3.859,0.594l16.953,14.516c2.781,2.375,6.938,2.219,9.547-0.391l11.859-11.859 c2.609-2.594,2.766-6.75,0.375-9.531l-14.5-16.969c-0.906-1.063-1.141-2.578-0.609-3.859l7.328-17.656 c0.531-1.313,1.766-2.203,3.156-2.313L330.432,216.623z M233.119,236.311c-9.375,0-18.188-3.656-24.813-10.281 s-10.266-15.438-10.266-24.797c0-9.375,3.641-18.188,10.266-24.813c6.625-6.641,15.438-10.281,24.813-10.281 s18.188,3.641,24.813,10.281c6.625,6.625,10.266,15.438,10.266,24.813c0,9.359-3.641,18.172-10.266,24.797 S242.494,236.311,233.119,236.311z\"><\/path> <\/g> <\/g><\/svg><\/span><span class=\"gb-text\">Web design, sviluppo e ottimizzazione per siti web professionali e performanti.<\/span><\/h3>\n\n\n\n<style>\n\/* =============================\n   SEZIONE COMPETENZE TECNICHE\n   ============================= *\/\n\n.skills-section {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 40px 20px;\n  font-family: system-ui, sans-serif;\n}\n\n.skill {\n  margin-bottom: 20px;\n}\n\n.skill-label {\n  font-weight: 600;\n  margin-bottom: 6px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.skill-bar {\n  background-color: #e6e6e6;\n  border-radius: 10px;\n  overflow: hidden;\n  height: 20px;\n  position: relative;\n}\n\n.skill-fill {\n  background: linear-gradient(to right, #3870D2, #FEC23A);\n  height: 100%;\n  width: 0;\n  border-radius: 10px;\n  transition: width 2s ease;\n}\n\n.skill-percent {\n  font-size: 0.9rem;\n  color: #222;\n}\n\n\/* Accessibilit\u00e0: evita animazioni se l\u2019utente preferisce ridurre il movimento *\/\n@media (prefers-reduced-motion: reduce) {\n  .skill-fill {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<section class=\"skills-section\" aria-labelledby=\"skills-title\">\n  <h2 id=\"skills-title\" style=\"text-align:center; margin-bottom:30px;\">Le mie competenze TECNICHE<\/h2>\n\n  <!-- HTML -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"html-label\">HTML<\/span>\n      <span class=\"skill-percent\" id=\"html-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"html-skill\"\n        data-skill=\"100\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"html-label html-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- CSS -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"css-label\">CSS<\/span>\n      <span class=\"skill-percent\" id=\"css-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"css-skill\"\n        data-skill=\"95\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"css-label css-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Bootstrap 5 -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"boostrap-label\">Bootstrap 5<\/span>\n      <span class=\"skill-percent\" id=\"boostrap-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"boostrap-skill\"\n        data-skill=\"95\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"boostrap-label boostrap-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Tailwind CSS -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"tailwind-label\">Tailwind CSS<\/span>\n      <span class=\"skill-percent\" id=\"tailwind-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"tailwind-skill\"\n        data-skill=\"82\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"tailwind-label tailwind-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- JavaScript -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"js-label\">JavaScript<\/span>\n      <span class=\"skill-percent\" id=\"js-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"js-skill\"\n        data-skill=\"82\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"js-label js-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- PHP -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"php-label\">PHP<\/span>\n      <span class=\"skill-percent\" id=\"php-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"php-skill\"\n        data-skill=\"88\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"php-label php-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- MySQL -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"mysql-label\">MySQL<\/span>\n      <span class=\"skill-percent\" id=\"mysql-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"mysql-skill\"\n        data-skill=\"75\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"mysql-label mysql-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- GeneratePress Pro -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"gp-label\">GeneratePress Pro<\/span>\n      <span class=\"skill-percent\" id=\"gp-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"gp-skill\"\n        data-skill=\"90\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"gp-label gp-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- GenerateBlocks -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"gb-label\">GenerateBlocks<\/span>\n      <span class=\"skill-percent\" id=\"gb-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"gb-skill\"\n        data-skill=\"90\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"gb-label gb-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- WordPress -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"wp-label\">WordPress<\/span>\n      <span class=\"skill-percent\" id=\"wp-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"wp-skill\"\n        data-skill=\"90\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"wp-label wp-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Google Business Profile -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"gbp-label\">Google Business Profile<\/span>\n      <span class=\"skill-percent\" id=\"gbp-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"gbp-skill\"\n        data-skill=\"93\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"gbp-label gbp-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- GIMP -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"gimp-label\">GIMP<\/span>\n      <span class=\"skill-percent\" id=\"gimp-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"gimp-skill\"\n        data-skill=\"90\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"gimp-label gimp-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Affinity Photo -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"affinity-label\">Affinity Photo<\/span>\n      <span class=\"skill-percent\" id=\"affinity-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"affinity-skill\"\n        data-skill=\"90\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"affinity-label affinity-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Figma -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"figma-label\">Figma<\/span>\n      <span class=\"skill-percent\" id=\"figma-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"figma-skill\"\n        data-skill=\"90\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"figma-label figma-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- SEO Base -->\n  <div class=\"skill\">\n    <div class=\"skill-label\">\n      <span id=\"seo-label\">SEO Base<\/span>\n      <span class=\"skill-percent\" id=\"seo-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"seo-skill\"\n        data-skill=\"90\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"seo-label seo-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const bars = document.querySelectorAll(\".skill-fill\");\n  if (!bars.length) return;\n\n  const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        const bar = entry.target;\n        const id = bar.id.replace(\"-skill\", \"\");\n        const percentText = document.getElementById(id + \"-percent\");\n        const value = parseInt(bar.getAttribute(\"data-skill\"), 10);\n\n        if (!percentText || isNaN(value)) {\n          observer.unobserve(bar);\n          return;\n        }\n\n        \/\/ Movimento ridotto \u2192 mostra subito\n        if (prefersReducedMotion) {\n          bar.style.width = value + \"%\";\n          percentText.textContent = value + \"%\";\n          bar.setAttribute(\"aria-valuenow\", value);\n          observer.unobserve(bar);\n          return;\n        }\n\n        let start = null;\n        const duration = 1500;\n\n        const animate = (timestamp) => {\n          if (!start) start = timestamp;\n          const progress = Math.min((timestamp - start) \/ duration, 1);\n          const current = Math.floor(progress * value);\n          bar.style.width = current + \"%\";\n          percentText.textContent = current + \"%\";\n          bar.setAttribute(\"aria-valuenow\", current);\n          if (progress < 1) requestAnimationFrame(animate);\n        };\n\n        requestAnimationFrame(animate);\n        observer.unobserve(bar);\n      }\n    });\n  }, { threshold: 0.5 });\n\n  bars.forEach((bar) => observer.observe(bar));\n});\n<\/script>\n\n\n\n<style>\n\/* =============================\n   SEZIONE COMUNICAZIONE E LINGUE\n   ============================= *\/\n\n.communication-section {\n  max-width: 800px;\n  margin: 60px auto;\n  padding: 40px 20px;\n  font-family: system-ui, sans-serif;\n}\n\n.communication-section h2 {\n  text-align: center;\n  margin-bottom: 40px;\n}\n\n.subsection-title {\n  font-size: 1.2rem;\n  font-weight: 700;\n  color: #222;\n  margin-top: 30px;\n  margin-bottom: 20px;\n  border-bottom: 2px solid #3870D2;\n  display: inline-block;\n  padding-bottom: 4px;\n}\n\n.skill-block {\n  margin-bottom: 20px;\n}\n\n.skill-label {\n  font-weight: 600;\n  margin-bottom: 6px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.skill-bar {\n  background-color: #e6e6e6;\n  border-radius: 10px;\n  overflow: hidden;\n  height: 20px;\n  position: relative;\n}\n\n.skill-fill {\n  background: linear-gradient(to right, #3870D2, #FEC23A);\n  height: 100%;\n  width: 0;\n  border-radius: 10px;\n  transition: width 2s ease;\n}\n\n.skill-percent {\n  font-size: 0.9rem;\n  color: #222;\n}\n\n\/* Accessibilit\u00e0: rispetta utenti con movimento ridotto *\/\n@media (prefers-reduced-motion: reduce) {\n  .skill-fill {\n    transition: none !important;\n  }\n}\n<\/style>\n\n<section class=\"communication-section\" aria-labelledby=\"communication-title\">\n  <h2 id=\"communication-title\">Competenze linguistiche e di comunicazione<\/h2>\n\n  <!-- Capacit\u00e0 linguistiche -->\n  <h3 class=\"subsection-title\">Capacit\u00e0 linguistiche<\/h3>\n\n  <div class=\"skill-block\" aria-label=\"Lingua Italiana parlata competenza 100%\">\n    <div class=\"skill-label\">\n      <span id=\"ita-parlata-label\">Lingua Italiana parlata<\/span>\n      <span class=\"skill-percent\" id=\"ita-parlata-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"ita-parlata-skill\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"ita-parlata-label ita-parlata-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"skill-block\" aria-label=\"Lingua Italiana scritta competenza 100%\">\n    <div class=\"skill-label\">\n      <span id=\"ita-scritta-label\">Lingua Italiana scritta<\/span>\n      <span class=\"skill-percent\" id=\"ita-scritta-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"ita-scritta-skill\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"ita-scritta-label ita-scritta-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"skill-block\" aria-label=\"Lingua Spagnola parlata competenza 85%\">\n    <div class=\"skill-label\">\n      <span id=\"spa-parlata-label\">Lingua Spagnola parlata<\/span>\n      <span class=\"skill-percent\" id=\"spa-parlata-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"spa-parlata-skill\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"spa-parlata-label spa-parlata-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"skill-block\" aria-label=\"Lingua Spagnola scritta competenza 75%\">\n    <div class=\"skill-label\">\n      <span id=\"spa-scritta-label\">Lingua Spagnola scritta<\/span>\n      <span class=\"skill-percent\" id=\"spa-scritta-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"spa-scritta-skill\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"spa-scritta-label spa-scritta-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Capacit\u00e0 comunicative -->\n  <h3 class=\"subsection-title\">Capacit\u00e0 comunicative<\/h3>\n\n  <div class=\"skill-block\" aria-label=\"Empatia competenza 90%\">\n    <div class=\"skill-label\">\n      <span id=\"empatia-label\">Empatia<\/span>\n      <span class=\"skill-percent\" id=\"empatia-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"empatia-skill\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"empatia-label empatia-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"skill-block\" aria-label=\"Comprensione delle esigenze del cliente competenza 95%\">\n    <div class=\"skill-label\">\n      <span id=\"comprensione-label\">Comprensione delle esigenze del cliente<\/span>\n      <span class=\"skill-percent\" id=\"comprensione-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"comprensione-skill\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"comprensione-label comprensione-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"skill-block\" aria-label=\"Capacit\u00e0 di spiegare al cliente cosa \u00e8 meglio per lui competenza 97%\">\n    <div class=\"skill-label\">\n      <span id=\"spiegare-label\">Capacit\u00e0 di spiegare al cliente cosa \u00e8 meglio per lui<\/span>\n      <span class=\"skill-percent\" id=\"spiegare-percent\">0%<\/span>\n    <\/div>\n    <div class=\"skill-bar\">\n      <div\n        class=\"skill-fill\"\n        id=\"spiegare-skill\"\n        role=\"progressbar\"\n        aria-valuemin=\"0\"\n        aria-valuemax=\"100\"\n        aria-valuenow=\"0\"\n        aria-labelledby=\"spiegare-label spiegare-percent\"\n      ><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n  const skills = [\n    { id: \"ita-parlata\", value: 100 },\n    { id: \"ita-scritta\", value: 100 },\n    { id: \"spa-parlata\", value: 85 },\n    { id: \"spa-scritta\", value: 75 },\n    { id: \"empatia\", value: 90 },\n    { id: \"comprensione\", value: 95 },\n    { id: \"spiegare\", value: 97 },\n  ];\n\n  const prefersReducedMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n\n  const observer = new IntersectionObserver((entries) => {\n    entries.forEach((entry) => {\n      if (entry.isIntersecting) {\n        const id = entry.target.id.replace(\"-skill\", \"\");\n        const skill = skills.find((s) => s.id === id);\n        const bar = document.getElementById(`${id}-skill`);\n        const percentText = document.getElementById(`${id}-percent`);\n\n        if (!skill || !bar || !percentText) return;\n\n        \/\/ Rispetta la preferenza utente per ridurre il movimento\n        if (prefersReducedMotion) {\n          bar.style.width = skill.value + \"%\";\n          percentText.textContent = skill.value + \"%\";\n          bar.setAttribute(\"aria-valuenow\", skill.value);\n          observer.unobserve(entry.target);\n          return;\n        }\n\n        \/\/ Animazione fluida\n        let start = null;\n        const duration = 1500;\n        const animate = (timestamp) => {\n          if (!start) start = timestamp;\n          const progress = Math.min((timestamp - start) \/ duration, 1);\n          const current = Math.floor(progress * skill.value);\n          bar.style.width = current + \"%\";\n          percentText.textContent = current + \"%\";\n          bar.setAttribute(\"aria-valuenow\", current);\n          if (progress < 1) {\n            requestAnimationFrame(animate);\n          }\n        };\n        requestAnimationFrame(animate);\n        observer.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.5 });\n\n  document.querySelectorAll(\".skill-fill\").forEach((el) => observer.observe(el));\n});\n<\/script>\n\n\n\n<h3 class=\"gb-text gb-text-f84ba5aa\">Le mie competenza professionali<\/h3>\n\n\n\n<section class=\"gb-element-22614eb4 fade-on-scroll\" aria-label=\"Le mie competenze tecniche comprendono HTML, CSS, Javascript e PHP, il database MY SQL, WordPress, sono specialista in GeneratePress Pro e Generate Blocks, competente anche in framework come Bootstrap 5 e Tailwind CSS, curo la visibilit\u00e0 locale con Google My Business e lato grafico uso GIMP, Affinity Photo e Figma\">\n<div class=\"gb-element-9f66aa0e\">\n<div class=\"gb-element-2f21db0b\">\n<p class=\"wp-block-paragraph\">Come&nbsp;sviluppatore web e consulente WordPress, unisco competenze tecniche solide a una comunicazione chiara ed empatica, offrendo soluzioni digitali su misura per ogni cliente.<\/p>\n\n\n\n<h3 class=\"gb-text gb-text-9f93e551\">Competenze tecniche<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Realizzo siti web moderni, performanti e ottimizzati per i motori di ricerca utilizzando&nbsp;<strong>HTML,&nbsp;CSS),&nbsp;JavaScript&nbsp;e&nbsp;PHP <\/strong>.<br>Gestisco database&nbsp;<strong>MySQL<\/strong>&nbsp;e sviluppo progetti personalizzati con&nbsp;<strong>GeneratePress Pro e&nbsp;GenerateBlocks<\/strong>, creando layout leggeri, responsive e facilmente gestibili.<br>Lavoro quotidianamente su&nbsp;<strong>WordPress<\/strong> e curo la visibilit\u00e0 locale con&nbsp;<strong>Google Business Profile<\/strong>, integrando elementi di&nbsp;<strong>SEO base<\/strong> per migliorare il posizionamento online.<br>Per la parte grafica utilizzo&nbsp;<strong><a href=\"https:\/\/www.gimp.org\/\" target=\"_blank\" rel=\"noopener\">GIMP<\/a>,&nbsp;Affinity Photo<\/strong>&nbsp;e&nbsp;<strong>Figma<\/strong>, strumenti che mi permettono di creare interfacce curate e coerenti con l\u2019identit\u00e0 del brand.<\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-3a8a8eb2\">\n<img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"1024\" class=\"gb-media-7ec8277a\" alt=\"Immagine Competenze Professionali\" title=\"Immagine Competenze Professionali\" src=\"https:\/\/www.divixwebstudio.com\/wp-content\/uploads\/2025\/12\/Immagine-Competenze-Professionali.webp\" srcset=\"https:\/\/www.divixwebstudio.com\/wp-content\/uploads\/2025\/12\/Immagine-Competenze-Professionali.webp 1536w, https:\/\/www.divixwebstudio.com\/wp-content\/uploads\/2025\/12\/Immagine-Competenze-Professionali-300x200.webp 300w, https:\/\/www.divixwebstudio.com\/wp-content\/uploads\/2025\/12\/Immagine-Competenze-Professionali-1024x683.webp 1024w, https:\/\/www.divixwebstudio.com\/wp-content\/uploads\/2025\/12\/Immagine-Competenze-Professionali-768x512.webp 768w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/>\n<\/div>\n<\/div>\n<\/section>\n\n\n\n<h3 class=\"gb-text gb-text-f26aff00\">Le mie competenze linguistiche e comunicative<\/h3>\n\n\n\n<section class=\"gb-element-eb45689c fade-on-scroll\" aria-label=\"Sono madrelingua italiano e ho una buona padronanza dello spagnolo parlato e scritto e sono empatico e comunicativo\">\n<div class=\"gb-element-b0eef209\">\n<div class=\"gb-element-0a47d690\">\n<h3 class=\"gb-text gb-text-4ae60523\">Competenze linguistiche e comunicative<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A proposito delle mie competenze linguistiche e comunicative:<br>Sono madrelingua italiana, con padronanza&nbsp;parlata e scritta al 100%, e possiedo una buona conoscenza dello&nbsp;spagnolo&nbsp;(85% parlato, 75% scritto).<br>La mia comunicazione si basa su&nbsp;empatia (90%),&nbsp;comprensione delle esigenze del cliente (95%)&nbsp;e sulla capacit\u00e0 di&nbsp;spiegare in modo chiaro le soluzioni migliori (97%), costruendo cos\u00ec collaborazioni durature e risultati concreti.<\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-ddb98cd0\"><\/div>\n<\/div>\n<\/section>\n\n\n\n<h3 class=\"gb-text gb-text-2abaa84b\">Molti motivi validi per scegliermi<\/h3>\n\n\n\n<section class=\"gb-element-07ac7b1e fade-on-scroll\" aria-label=\"Perch\u00e9 Scegliermi? Perch\u00e9 sono onesto, ti dico le cose per come stanno veramente e sai che quello che dico poi lo faccio davvero\">\n<div class=\"gb-element-b9eb920b\">\n<div class=\"gb-element-9fb5cf4b\">\n<h3 class=\"gb-text gb-text-98bf9d0b\">Perch\u00e9 dovresti scegliermi<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Perch\u00e9 dovresti scegliermi come Web Designer Freelance? Offro onest\u00e0 e trasparenza in ogni progetto, garantendo soluzioni su misura per le tue esigenze. Sono specializzato in GeneratePress Pro e Generate Blocks, strumenti potenti per creare siti web veloci, moderni e facili da gestire. Con la mia esperienza, trasformo le tue idee in realt\u00e0 digitali efficaci e performanti.<\/p>\n\n\n\n<div class=\"gb-element-a8afe441\">\n<div class=\"gb-element-47e50747\">\n<div class=\"gb-element-41d24dde\">\n<p class=\"gb-text gb-text-a5fd71cb\">Affidabilit\u00e0<\/p>\n\n\n\n<p class=\"gb-text gb-text-e8e73060\">95%<\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-695d3427\">\n<div class=\"gb-element-cd6c298c\"><\/div>\n\n\n\n<div class=\"gb-element-681cc10b\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-3d322df2\">\n<div class=\"gb-element-e473509b\">\n<p class=\"gb-text gb-text-d847d41c\">Ascoltiamo e comprendiamo il cliente<\/p>\n\n\n\n<p class=\"gb-text gb-text-29007178\">90%<\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-6d452142\">\n<div class=\"gb-element-242c9586\"><\/div>\n\n\n\n<div class=\"gb-element-958c09cd\"><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-57e38af8\">\n<div class=\"gb-element-dd21d210\">\n<p class=\"gb-text gb-text-f7bdc1a7\">Approccio al cliente in tutta onest\u00e0<\/p>\n\n\n\n<p class=\"gb-text gb-text-1da1e01a\">100%<\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-f71d4f94\">\n<div class=\"gb-element-e6ccebf7\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"gb-element-5953828d\"><\/div>\n<\/div>\n<\/section>\n\n\n\n<section class=\"gb-element-fdfe4622 fade-on-scroll\" aria-label=\"Onest\u00e0 e professionalit\u00e0 sono la mia carta di identit\u00e0\">\n<div class=\"gb-element-23814655\">\n<h3 class=\"gb-text-2db043d2\"><span class=\"gb-shape\"><svg viewBox=\"0 0 375.041 375.041\" height=\"200\" width=\"200\" xml:space=\"preserve\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"currentColor\"><path d=\"M305.745 152.489c7.346-6.515 15.67-13.898 15.67-24.241s-8.324-17.727-15.67-24.242c-4.156-3.686-8.867-7.864-9.873-10.965-1.105-3.399.275-9.773 1.494-15.397 2.035-9.399 4.342-20.054-1.523-28.111-5.918-8.131-16.828-9.221-26.453-10.182-5.678-.567-12.111-1.209-14.922-3.255-2.74-1.993-5.301-7.856-7.56-13.029-3.902-8.929-8.322-19.049-18.006-22.192A18.255 18.255 0 0 0 223.259 0c-7.396 0-14.439 4.105-21.25 8.076-5.049 2.942-10.77 6.277-14.488 6.277-3.721 0-9.441-3.335-14.49-6.277C166.22 4.105 159.177 0 151.78 0c-1.959 0-3.857.295-5.644.875-9.682 3.144-14.102 13.264-18.002 22.191-2.26 5.173-4.822 11.036-7.56 13.029-2.813 2.046-9.246 2.688-14.922 3.255-9.627.961-20.537 2.051-26.453 10.182-5.865 8.058-3.559 18.712-1.521 28.111 1.217 5.624 2.598 11.998 1.494 15.397-1.008 3.1-5.717 7.278-9.873 10.964-7.346 6.516-15.672 13.9-15.672 24.243 0 10.344 8.326 17.729 15.672 24.243 4.156 3.686 8.867 7.863 9.873 10.961 1.104 3.401-.277 9.776-1.494 15.4-2.037 9.399-4.344 20.054 1.52 28.111 5.912 8.122 16.805 9.218 26.422 10.178L66.661 342.688a7.497 7.497 0 0 0 10.172 9.092l40.315-17.656 23.24 37.377a7.497 7.497 0 0 0 13.531-1.737l33.602-108.279 33.6 108.279a7.5 7.5 0 0 0 13.533 1.737l23.238-37.377 40.316 17.656a7.493 7.493 0 0 0 8.006-1.278 7.502 7.502 0 0 0 2.166-7.814l-38.959-125.545c9.619-.961 20.51-2.057 26.422-10.179 5.865-8.058 3.559-18.712 1.523-28.112-1.219-5.624-2.6-11.999-1.494-15.399 1.006-3.101 5.717-7.278 9.873-10.964zM144.458 349.641l-18-28.952a7.501 7.501 0 0 0-9.379-2.91l-31.227 13.676 34.504-111.194c.07.048.148.092.217.141 2.738 1.993 5.301 7.855 7.56 13.028 3.9 8.928 8.322 19.048 18.004 22.19 1.787.581 3.688.875 5.645.875 7.396 0 14.439-4.106 21.25-8.074a249.72 249.72 0 0 1 3.453-1.987l-32.027 103.207zm113.502-31.863a7.504 7.504 0 0 0-9.377 2.91l-18.002 28.952-32.025-103.209c1.164.654 2.326 1.33 3.453 1.987 6.811 3.971 13.854 8.075 21.25 8.075 1.959 0 3.857-.294 5.645-.874 9.682-3.144 14.104-13.264 18.004-22.191 2.26-5.173 4.822-11.035 7.56-13.028.066-.049.145-.093.217-.14l34.504 111.193-31.229-13.675zm23.644-158.958c-2.354 7.25-.598 15.361 1.1 23.205 1.303 6.009 2.922 13.487 1.012 16.112-1.965 2.699-9.646 3.466-15.816 4.082-7.943.793-16.158 1.612-22.258 6.053-6.029 4.387-9.309 11.893-12.479 19.15-2.506 5.733-5.623 12.869-8.893 13.931a3.25 3.25 0 0 1-1.012.141c-3.344 0-8.844-3.206-13.697-6.034-7.016-4.089-14.27-8.317-22.041-8.317-7.773 0-15.027 4.229-22.043 8.317-4.852 2.828-10.352 6.034-13.695 6.034a3.22 3.22 0 0 1-1.012-.142c-3.27-1.061-6.387-8.196-8.893-13.93-3.17-7.258-6.449-14.764-12.479-19.15-6.102-4.441-14.316-5.261-22.262-6.054-6.17-.616-13.848-1.383-15.813-4.081-1.91-2.625-.291-10.102 1.01-16.11 1.699-7.844 3.457-15.955 1.102-23.208-2.266-6.98-8.326-12.354-14.186-17.55-4.981-4.418-10.625-9.424-10.625-13.021 0-3.597 5.644-8.604 10.625-13.021 5.859-5.197 11.92-10.572 14.188-17.554 2.353-7.251.596-15.361-1.102-23.205-1.303-6.009-2.922-13.485-1.012-16.11 1.965-2.699 9.645-3.466 15.816-4.082 7.943-.793 16.156-1.612 22.258-6.052 6.029-4.389 9.309-11.895 12.479-19.153 2.506-5.733 5.623-12.868 8.891-13.93A3.292 3.292 0 0 1 151.78 15c3.344 0 8.844 3.207 13.697 6.035 7.016 4.09 14.27 8.318 22.043 8.318 7.771 0 15.025-4.229 22.041-8.318C214.415 18.207 219.915 15 223.259 15c.389 0 .719.047 1.01.142 3.27 1.061 6.387 8.196 8.893 13.931 3.172 7.259 6.451 14.765 12.48 19.152 6.1 4.439 14.314 5.259 22.258 6.052 6.17.616 13.852 1.383 15.816 4.082 1.91 2.625.291 10.103-1.012 16.11-1.697 7.844-3.453 15.955-1.1 23.204 2.266 6.982 8.326 12.357 14.188 17.556 4.979 4.416 10.623 9.423 10.623 13.02 0 3.597-5.645 8.603-10.623 13.019-5.861 5.196-11.922 10.571-14.188 17.552z\"><\/path><path d=\"M187.52 43.244c-46.871 0-85.004 38.133-85.004 85.004s38.133 85.004 85.004 85.004 85.004-38.133 85.004-85.004-38.132-85.004-85.004-85.004zm0 155.008c-38.602 0-70.004-31.403-70.004-70.004s31.402-70.004 70.004-70.004c38.6 0 70.004 31.403 70.004 70.004s-31.404 70.004-70.004 70.004z\"><\/path><path d=\"M187.52 69.186c-32.566 0-59.063 26.495-59.063 59.063 0 4.143 3.357 7.5 7.5 7.5s7.5-3.357 7.5-7.5c0-24.296 19.766-44.063 44.063-44.063 4.143 0 7.5-3.357 7.5-7.5s-3.357-7.5-7.5-7.5z\"><\/path><\/svg><\/span><span class=\"gb-text\">Onest\u00e0 e professionalit\u00e0 al servizio del Cliente<\/span><\/h3>\n\n\n\n<p class=\"gb-text gb-text-a8764aea\">Con me puoi stare tranquillo. Parlami del tuo progetto e ti dir\u00f2 se <strong>fare un Sito Web che Converte in Clienti <\/strong>\u00e8 la scelta giusta o meno. Affidati sempre a me per vedere se la scelta giusta \u00e8 invece <strong>Google Business Profile<\/strong> o magari entrambe.<\/p>\n\n\n\n<a class=\"gb-text gb-text-d98c17b3\" href=\"https:\/\/www.divixwebstudio.com\/contattami\/\">\n  CONTATTAMI ORA E TRASFORMIAMO IL TUO PROGETTO IN REALT\u00c0 \u2794<\/a>\n<\/div>\n<\/section>\n<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Le mie competenze al servizio del tuo progetto web Web design, sviluppo e ottimizzazione per siti web professionali e performanti. Le mie competenze TECNICHE HTML 0% CSS 0% Bootstrap 5 0% Tailwind CSS 0% JavaScript 0% PHP 0% MySQL 0% GeneratePress Pro 0% GenerateBlocks 0% WordPress 0% Google Business Profile 0% GIMP 0% Affinity Photo &#8230; <a title=\"Competencias\" class=\"read-more\" href=\"https:\/\/www.divixwebstudio.com\/es\/competenze\/\" aria-label=\"Leer m\u00e1s sobre Competenze\">Leer m\u00e1s<\/a><\/p>","protected":false},"author":2,"featured_media":3824,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-72","page","type-page","status-publish","has-post-thumbnail"],"_links":{"self":[{"href":"https:\/\/www.divixwebstudio.com\/es\/wp-json\/wp\/v2\/pages\/72","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.divixwebstudio.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.divixwebstudio.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.divixwebstudio.com\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.divixwebstudio.com\/es\/wp-json\/wp\/v2\/comments?post=72"}],"version-history":[{"count":69,"href":"https:\/\/www.divixwebstudio.com\/es\/wp-json\/wp\/v2\/pages\/72\/revisions"}],"predecessor-version":[{"id":4238,"href":"https:\/\/www.divixwebstudio.com\/es\/wp-json\/wp\/v2\/pages\/72\/revisions\/4238"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.divixwebstudio.com\/es\/wp-json\/wp\/v2\/media\/3824"}],"wp:attachment":[{"href":"https:\/\/www.divixwebstudio.com\/es\/wp-json\/wp\/v2\/media?parent=72"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}