{"id":791,"date":"2026-03-19T21:30:35","date_gmt":"2026-03-19T21:30:35","guid":{"rendered":"https:\/\/sergiomm.eu\/?page_id=791"},"modified":"2026-03-23T20:22:08","modified_gmt":"2026-03-23T20:22:08","slug":"ux-ui-portfolio","status":"publish","type":"page","link":"https:\/\/sergiomm.eu\/en\/ux-ui-portfolio\/","title":{"rendered":"Porfolio web"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; admin_label=\u00bbsmm-03&#8243; module_id=\u00bbsmm-12&#8243; module_class=\u00bbsmm-03&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bbRGBA(255,255,255,0)\u00bb custom_padding=\u00bb0px||0px||false|false\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row column_structure=\u00bb1_2,1_2&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb width=\u00bb90%\u00bb width_tablet=\u00bb80%\u00bb width_phone=\u00bb90%\u00bb width_last_edited=\u00bboff|desktop\u00bb max_width=\u00bb100%\u00bb animation_style=\u00bbslide\u00bb animation_direction=\u00bbtop\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_2&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb link_text_color=\u00bb#CCCCCC\u00bb text_orientation_tablet=\u00bb\u00bb text_orientation_phone=\u00bbcenter\u00bb text_orientation_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<ul>\n<li><a href=\"\/cv\">La persona<\/a><\/li>\n<li><a href=\"\/contacto\">Hablemos<\/a><\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=\u00bb1_2&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb text_orientation=\u00bbright\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb]<div class=\"trp-shortcode-switcher__wrapper\"\r\n     style=\"--bg:#ffffff00;--bg-hover:#00000000;--text:#cccccc;--text-hover:#cccccc50;--border:none;--border-width:0px;--border-color:#14385200;--border-radius:0px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\r\n     role=\"group\"\r\n     data-open-mode=\"hover\">\r\n\r\n    \r\n        <!-- Opposite mode: render ONLY the in-flow (relative) element so it holds space -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover trp-opposite-button\"\r\n             role=\"navigation\"\r\n             aria-label=\"Website language selector\"\r\n             data-no-translation>\r\n                <div class=\"trp-current-language-item__wrapper trp-hide-arrow\">\r\n        <a class=\"trp-language-item trp-language-item__default\" data-no-translation href=\"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/pages\/791#TRPLINKPROCESSED\" title=\"Espa\u00f1ol\"><span class=\"trp-language-item-name\">Espa\u00f1ol<\/span><\/a>            <\/div>\r\n            <\/div>\r\n\r\n    <\/div>\r\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; custom_padding_last_edited=\u00bbon|phone\u00bb module_class=\u00bbsmm-counters\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bbRGBA(255,255,255,0)\u00bb custom_padding_tablet=\u00bb\u00bb custom_padding_phone=\u00bb0px||||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row column_structure=\u00bb1_3,1_3,1_3&#8243; use_custom_gutter=\u00bbon\u00bb gutter_width=\u00bb2&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_number_counter title=\u00bbP\u00e1ginas web dise\u00f1adas y desarrolladas\u00bb number=\u00bb+200&#8243; percent_sign=\u00bboff\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb title_font=\u00bb|&#8211;et_global_body_font_weight|||||||\u00bb title_font_size=\u00bb24px\u00bb number_font=\u00bb|&#8211;et_global_heading_font_weight|||||||\u00bb number_text_color=\u00bb#CCCCCC\u00bb number_font_size_tablet=\u00bb62px\u00bb number_font_size_phone=\u00bb45px\u00bb number_font_size_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_number_counter][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_number_counter title=\u00bbHoras dedicadas al dise\u00f1o y desarrollo de p\u00e1ginas web\u00bb number=\u00bb+7500&#8243; percent_sign=\u00bboff\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb title_font=\u00bb|&#8211;et_global_body_font_weight|||||||\u00bb title_font_size=\u00bb24px\u00bb number_font=\u00bb|&#8211;et_global_heading_font_weight|||||||\u00bb number_text_color=\u00bb#CCCCCC\u00bb number_font_size_tablet=\u00bb62px\u00bb number_font_size_phone=\u00bb45px\u00bb number_font_size_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_number_counter][\/et_pb_column][et_pb_column type=\u00bb1_3&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_number_counter title=\u00bbEuros gestionados en proyectos web\u00bb number=\u00bb+100k\u00bb percent_sign=\u00bboff\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb title_font=\u00bb|&#8211;et_global_body_font_weight|||||||\u00bb title_font_size=\u00bb24px\u00bb number_font=\u00bb|&#8211;et_global_heading_font_weight|||||||\u00bb number_text_color=\u00bb#CCCCCC\u00bb number_font_size_tablet=\u00bb62px\u00bb number_font_size_phone=\u00bb45px\u00bb number_font_size_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_number_counter][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; admin_label=\u00bbsmm-blog\u00bb module_class=\u00bbsmm-blog\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bbRGBA(255,255,255,0)\u00bb custom_padding=\u00bb0px||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_blog posts_number=\u00bb-1&#8243; include_categories=\u00bb12,15&#8243; show_author=\u00bboff\u00bb show_date=\u00bboff\u00bb show_pagination=\u00bboff\u00bb _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb header_font=\u00bb|&#8211;et_global_body_font_weight||on|||||\u00bb header_text_color=\u00bb#CCCCCC\u00bb header_font_size=\u00bb34px\u00bb body_text_color=\u00bb#CCCCCC\u00bb meta_font=\u00bb|700||on|||||\u00bb meta_text_color=\u00bb#CCCCCC\u00bb meta_font_size=\u00bb16px\u00bb header_font_size_tablet=\u00bb34px\u00bb header_font_size_phone=\u00bb28px\u00bb header_font_size_last_edited=\u00bbon|phone\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_blog][et_pb_code _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<script>document.addEventListener(\"DOMContentLoaded\", function () {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function agruparMetaYContenido() {<!-- [et_pb_line_break_holder] -->    const posts = document.querySelectorAll(\".et_pb_post\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    posts.forEach(post => {<!-- [et_pb_line_break_holder] -->      const meta = post.querySelector(\".post-meta\");<!-- [et_pb_line_break_holder] -->      const content = post.querySelector(\".post-content\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Evitar duplicar si ya se ha hecho<!-- [et_pb_line_break_holder] -->      if (!meta || !content || post.querySelector(\".meta-content-wrapper\")) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->      \/\/ Solo en desktop (>981px)<!-- [et_pb_line_break_holder] -->      if (window.innerWidth > 300) {<!-- [et_pb_line_break_holder] -->        const wrapper = document.createElement(\"div\");<!-- [et_pb_line_break_holder] -->        wrapper.classList.add(\"meta-content-wrapper\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Insertar wrapper antes del meta<!-- [et_pb_line_break_holder] -->        meta.parentNode.insertBefore(wrapper, meta);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Mover elementos dentro<!-- [et_pb_line_break_holder] -->        wrapper.appendChild(meta);<!-- [et_pb_line_break_holder] -->        wrapper.appendChild(content);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    });<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  agruparMetaYContenido();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  \/\/ Re-ejecutar al redimensionar (por si cambian de m\u00f3vil a desktop)<!-- [et_pb_line_break_holder] -->  window.addEventListener(\"resize\", function () {<!-- [et_pb_line_break_holder] -->    \/\/ Opcional: podr\u00edas recargar o limpiar, aqu\u00ed solo re-ejecutamos<!-- [et_pb_line_break_holder] -->    agruparMetaYContenido();<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_code _builder_version=\u00bb4.27.4&#8243; _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0&#8243; sticky_enabled=\u00bb0&#8243;]<script><!-- [et_pb_line_break_holder] -->document.addEventListener(\"DOMContentLoaded\", function() {<!-- [et_pb_line_break_holder] -->  document.querySelectorAll(\"a\").forEach(function(link) {<!-- [et_pb_line_break_holder] -->    if (link.href && !link.href.includes(window.location.hostname)) {<!-- [et_pb_line_break_holder] -->      link.setAttribute(\"target\", \"_blank\");<!-- [et_pb_line_break_holder] -->      link.setAttribute(\"rel\", \"noopener noreferrer\");<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La persona Hablemos <div class=\"trp-shortcode-switcher__wrapper\"\r\n     style=\"--bg:#ffffff00;--bg-hover:#00000000;--text:#cccccc;--text-hover:#cccccc50;--border:none;--border-width:0px;--border-color:#14385200;--border-radius:0px;--flag-radius:2px;--flag-size:18px;--aspect-ratio:4\/3;--font-size:14px;--transition-duration:0.2s\"\r\n     role=\"group\"\r\n     data-open-mode=\"hover\">\r\n\r\n    \r\n        <!-- Opposite mode: render ONLY the in-flow (relative) element so it holds space -->\r\n        <div class=\"trp-language-switcher trp-ls-dropdown trp-shortcode-switcher trp-shortcode-anchor trp-open-on-hover trp-opposite-button\"\r\n             role=\"navigation\"\r\n             aria-label=\"Website language selector\"\r\n             data-no-translation>\r\n                <div class=\"trp-current-language-item__wrapper trp-hide-arrow\">\r\n        <a class=\"trp-language-item trp-language-item__default\" data-no-translation href=\"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/pages\/791\" title=\"Espa\u00f1ol\"><span class=\"trp-language-item-name\">Espa\u00f1ol<\/span><\/a>            <\/div>\r\n            <\/div>\r\n\r\n    <\/div>\r\n<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"class_list":["post-791","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/pages\/791","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/comments?post=791"}],"version-history":[{"count":34,"href":"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/pages\/791\/revisions"}],"predecessor-version":[{"id":892,"href":"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/pages\/791\/revisions\/892"}],"wp:attachment":[{"href":"https:\/\/sergiomm.eu\/en\/wp-json\/wp\/v2\/media?parent=791"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}