Commit 10, añado los servicios

Author: SebiGitHub

assets/css/styles.css

@@ -117,3 +117,13 @@ p{color:var(--muted); line-height:1.7}
   font-size: 14px;
 }
 
+.service-card h3 {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
+.service-card p {
+  color: var(--muted);
+  line-height: 1.6;
+}
+

assets/i18n/en.json

@@ -44,7 +44,7 @@
   "p3_desc": "Kotlin Android app that consumes the Pokémon API to display relevant Pokémon information.",
   "p3_why": "Here I learned to work with real APIs and JSON trees. Beyond the playful theme, I learned how client-server communication works and how to present dynamic data efficiently in Android."
   },
-  
+
   "xp": {
   "title": "Experience & Certifications",
 
@@ -63,7 +63,19 @@
   "cert3": "Cambridge B1"
   },
 
-  "services": { "title":"Services" },
+  "services": {
+  "title": "Services",
+  
+  "s1_title": "Development & automation",
+  "s1_body": "I build small internal applications, automate repetitive workflows and connect data across tools. Experience with PowerApps, SharePoint, Access, VBScript and REST APIs.",
+
+  "s2_title": "Web development",
+  "s2_body": "I create clean, functional websites using WordPress, with modern design and basic maintenance. Also comfortable with HTML and CSS for custom adjustments.",
+
+  "s3_title": "Technical support & system improvement",
+  "s3_body": "Incident resolution, diagnostics, documentation and user guidance. Strong ability to detect issues and propose practical, efficient solutions."
+  },
+  
   "contact": { "title":"Contact" },
   "about": {
   "title": "About me",

assets/i18n/es.json

@@ -62,8 +62,20 @@
   "cert2": "DAM Multiplataforma (2023–2025)",
   "cert3": "B1 Cambridge"
   },
+
+  "services": {
+  "title": "Servicios",
+  
+  "s1_title": "Desarrollo y automatización",
+  "s1_body": "Creo pequeñas aplicaciones internas, automatizo procesos repetitivos y conecto datos entre herramientas. Experiencia con PowerApps, SharePoint, Access, VBScript y APIs REST.",
+
+  "s2_title": "Desarrollo web",
+  "s2_body": "Construyo webs claras y funcionales en WordPress, con diseño moderno y mantenimiento básico. También trabajo con HTML y CSS para ajustes personalizados.",
+
+  "s3_title": "Soporte técnico y mejora de sistemas",
+  "s3_body": "Diagnóstico, resolución de incidencias, documentación y comunicación con usuarios. Capacidad para detectar problemas y proponer soluciones prácticas."
+  },
 
-  "services": { "title":"Servicios" },
   "contact": { "title":"Contacto" },
   "about": {
   "title": "Sobre mí",

assets/js/app.js

@@ -20,6 +20,7 @@ function applyI18n(){
   renderSkills();
   renderProjects();
   renderXP();
+  renderServices();
   document.documentElement.lang = STATE.lang;
 }
 
@@ -141,6 +142,34 @@ function renderXP(){
   const certs = document.getElementById("services-list");
 }
 
+function renderServices(){
+  const container = document.getElementById("services-list");
+  if (!container || !STATE.dict.services) return;
+
+  const items = [
+    {
+      title: STATE.dict.services.s1_title,
+      body: STATE.dict.services.s1_body
+    },
+    {
+      title: STATE.dict.services.s2_title,
+      body: STATE.dict.services.s2_body
+    },
+    {
+      title: STATE.dict.services.s3_title,
+      body: STATE.dict.services.s3_body
+    }
+  ];
+
+  container.innerHTML = items.map(i => `
+    <div class="card service-card">
+      <h3>${i.title}</h3>
+      <p>${i.body}</p>
+    </div>
+  `).join("");
+}
+
+
 
 
 document.addEventListener("DOMContentLoaded", ()=>{