{"id":68,"date":"2018-04-05T13:49:50","date_gmt":"2018-04-05T13:49:50","guid":{"rendered":"https:\/\/sergifonolla.com\/?page_id=68"},"modified":"2022-01-08T12:57:50","modified_gmt":"2022-01-08T11:57:50","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/sergifonolla.com\/en\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"<section class=\"fw-main-row \"  >\n\t<div class=\"fw-container\">\n\t\t<div class=\"row\">\n\t\r\n\r\n<div class=\" col-xs-12 col-sm-12 \">\r\n    <div id=\"col_inner_id-6ade6edb48ff7\" class=\"fw-col-inner\" data-paddings=\"0px 0px 0px 0px\">\r\n\t\t\n                        \n    <!-- Portfolio Content -->\n    <div id=\"portfolio_content_3ed0996f253ca33259511381ae774b67\" class=\"portfolio-content\" data-categories=\"4,3,6,5,2\">\n\n                    <ul class=\"portfolio-filters\">\n                <li class=\"active\">\n                    <a class=\"filter btn btn-sm btn-link\" data-group=\"category_all\">All<\/a>\n                <\/li>\n                                    <li>\n                        <a class=\"filter btn btn-sm btn-link\" data-group=\"category_media\">Media<\/a>\n                    <\/li>\n                                    <li>\n                        <a class=\"filter btn btn-sm btn-link\" data-group=\"category_mockups\">Mockups<\/a>\n                    <\/li>\n                                    <li>\n                        <a class=\"filter btn btn-sm btn-link\" data-group=\"category_soundcloud\">SoundCloud<\/a>\n                    <\/li>\n                                    <li>\n                        <a class=\"filter btn btn-sm btn-link\" data-group=\"category_vimeo-videos\">Vimeo Videos<\/a>\n                    <\/li>\n                                    <li>\n                        <a class=\"filter btn btn-sm btn-link\" data-group=\"category_youtube-videos\">YouTube Videos<\/a>\n                    <\/li>\n                            <\/ul>\n        \n        \n        <!-- Portfolio Grid -->\n        <div class=\"portfolio-grid three-columns\" >\n\n                                <!-- Portfolio Item 76 -->\n                        <figure class=\"item lbaudio\" data-groups='[\"category_all\", &quot;category_soundcloud&quot;]'>\n                            <div class=\"portfolio-item-img\">\n                            <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1032\" height=\"688\" src=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?resize=1032%2C688&#038;ssl=1\" class=\"attachment-portfolio-image-three-c size-portfolio-image-three-c wp-post-image\" alt=\"SoundCloud Audio\" title=\"\" srcset=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?resize=1024%2C682&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 768px) 92vw, (max-width: 992px) 450px, (max-width: 1200px) 597px, 25vw\" \/>\n                              \n                                        <a href=\"https:\/\/w.soundcloud.com\/player\/?url=https%3A\/\/api.soundcloud.com\/tracks\/221650664&#038;color=%23ff5500&#038;auto_play=false&#038;hide_related=false&#038;show_comments=true&#038;show_user=true&#038;show_reposts=false&#038;show_teaser=true&#038;visual=true\" class=\"lightbox mfp-iframe\" title=\"SoundCloud Audio\"><\/a>\n                                                                <!-- \/Image -->\n                            <\/div>\n\n                            <i class=\"fa fa-volume-up\"><\/i>\n\n                            \n                            <h4 class=\"name\">SoundCloud Audio<\/h4>\n                            <span class=\"category\">SoundCloud<\/span>\n                        <\/figure>\n                        <!-- \/Portfolio Item 76 -->\n                                            <!-- Portfolio Item 75 -->\n                        <figure class=\"item standard\" data-groups='[\"category_all\", &quot;category_media&quot;]'>\n                            <div class=\"portfolio-item-img\">\n                            <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1032\" height=\"688\" src=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/5.jpg?resize=1032%2C688&#038;ssl=1\" class=\"attachment-portfolio-image-three-c size-portfolio-image-three-c wp-post-image\" alt=\"Media Project 2\" title=\"\" srcset=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/5.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/5.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/5.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/5.jpg?resize=1024%2C682&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 768px) 92vw, (max-width: 992px) 450px, (max-width: 1200px) 597px, 25vw\" \/>\n                              \n                                                                                <a href=\"https:\/\/sergifonolla.com\/en\/blog\/project\/media-project-2\/\" class=\"ajax-page-load\"><\/a>\n                                                                                                        <!-- \/Image -->\n                            <\/div>\n\n                            <i class=\"fa fa-file-text-o\"><\/i>\n\n                            \n                            <h4 class=\"name\">Media Project 2<\/h4>\n                            <span class=\"category\">Media<\/span>\n                        <\/figure>\n                        <!-- \/Portfolio Item 75 -->\n                                            <!-- Portfolio Item 74 -->\n                        <figure class=\"item lbvideo\" data-groups='[\"category_all\", &quot;category_vimeo-videos&quot;]'>\n                            <div class=\"portfolio-item-img\">\n                            <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1032\" height=\"688\" src=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/4.jpg?resize=1032%2C688&#038;ssl=1\" class=\"attachment-portfolio-image-three-c size-portfolio-image-three-c wp-post-image\" alt=\"Vimeo Video 1\" title=\"\" srcset=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/4.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/4.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/4.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/4.jpg?resize=1024%2C682&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 768px) 92vw, (max-width: 992px) 450px, (max-width: 1200px) 597px, 25vw\" \/>\n                              \n                                        <a href=\"https:\/\/player.vimeo.com\/video\/158284739\" class=\"lightbox mfp-iframe\" title=\"Vimeo Video 1\"><\/a>\n                                                                <!-- \/Image -->\n                            <\/div>\n\n                            <i class=\"fa fa-video-camera\"><\/i>\n\n                            \n                            <h4 class=\"name\">Vimeo Video 1<\/h4>\n                            <span class=\"category\">Vimeo Videos<\/span>\n                        <\/figure>\n                        <!-- \/Portfolio Item 74 -->\n                                            <!-- Portfolio Item 73 -->\n                        <figure class=\"item standard\" data-groups='[\"category_all\", &quot;category_media&quot;]'>\n                            <div class=\"portfolio-item-img\">\n                            <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1032\" height=\"688\" src=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/3-1.jpg?resize=1032%2C688&#038;ssl=1\" class=\"attachment-portfolio-image-three-c size-portfolio-image-three-c wp-post-image\" alt=\"Media Project 1\" title=\"\" srcset=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/3-1.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/3-1.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/3-1.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/3-1.jpg?resize=1024%2C682&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 768px) 92vw, (max-width: 992px) 450px, (max-width: 1200px) 597px, 25vw\" \/>\n                              \n                                                                                <a href=\"https:\/\/sergifonolla.com\/en\/blog\/project\/media-project-1\/\" class=\"ajax-page-load\"><\/a>\n                                                                                                        <!-- \/Image -->\n                            <\/div>\n\n                            <i class=\"fa fa-file-text-o\"><\/i>\n\n                            \n                            <h4 class=\"name\">Media Project 1<\/h4>\n                            <span class=\"category\">Media<\/span>\n                        <\/figure>\n                        <!-- \/Portfolio Item 73 -->\n                                            <!-- Portfolio Item 72 -->\n                        <figure class=\"item lbimage\" data-groups='[\"category_all\", &quot;category_mockups&quot;]'>\n                            <div class=\"portfolio-item-img\">\n                            <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1032\" height=\"688\" src=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?resize=1032%2C688&#038;ssl=1\" class=\"attachment-portfolio-image-three-c size-portfolio-image-three-c wp-post-image\" alt=\"Mockup Design 1\" title=\"\" srcset=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg?resize=1024%2C682&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 768px) 92vw, (max-width: 992px) 450px, (max-width: 1200px) 597px, 25vw\" \/>\n                                                                    <a class=\"lightbox\" data-lightbox-gallery=\"fancybox-item-72\" title=\"Mockup Design 1\" href=\"https:\/\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg\"><\/a>\n                                                                <!-- \/Image -->\n                            <\/div>\n\n                            <i class=\"fa fa-image\"><\/i>\n\n                            \n                            <h4 class=\"name\">Mockup Design 1<\/h4>\n                            <span class=\"category\">Mockups<\/span>\n                        <\/figure>\n                        <!-- \/Portfolio Item 72 -->\n                                            <!-- Portfolio Item 71 -->\n                        <figure class=\"item lbvideo\" data-groups='[\"category_all\", &quot;category_youtube-videos&quot;]'>\n                            <div class=\"portfolio-item-img\">\n                            <img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1032\" height=\"688\" src=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/1-1.jpg?resize=1032%2C688&#038;ssl=1\" class=\"attachment-portfolio-image-three-c size-portfolio-image-three-c wp-post-image\" alt=\"YouTube Video 1\" title=\"\" srcset=\"https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/1-1.jpg?w=1280&amp;ssl=1 1280w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/1-1.jpg?resize=300%2C200&amp;ssl=1 300w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/1-1.jpg?resize=768%2C512&amp;ssl=1 768w, https:\/\/i0.wp.com\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/1-1.jpg?resize=1024%2C682&amp;ssl=1 1024w\" sizes=\"auto, (max-width: 768px) 92vw, (max-width: 992px) 450px, (max-width: 1200px) 597px, 25vw\" \/>\n                              \n                                        <a href=\"https:\/\/www.youtube.com\/embed\/bg0gv2YpIok\" class=\"lightbox mfp-iframe\" title=\"YouTube Video 1\"><\/a>\n                                                                <!-- \/Image -->\n                            <\/div>\n\n                            <i class=\"fa fa-video-camera\"><\/i>\n\n                            \n                            <h4 class=\"name\">YouTube Video 1<\/h4>\n                            <span class=\"category\">YouTube Videos<\/span>\n                        <\/figure>\n                        <!-- \/Portfolio Item 71 -->\n                            <\/div>\n\n        \n    <\/div>\n\t<\/div>\r\n<\/div>\r\n<\/div>\n\n\t<\/div>\n<\/section>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry","has-post-thumbnail"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Portfolio - Sergi Fonoll\u00e0<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sergifonolla.com\/en\/portfolio\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Portfolio - Sergi Fonoll\u00e0\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sergifonolla.com\/en\/portfolio\/\" \/>\n<meta property=\"og:site_name\" content=\"Sergi Fonoll\u00e0\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-08T11:57:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sergifonolla.com\\\/portfolio\\\/\",\"url\":\"https:\\\/\\\/sergifonolla.com\\\/portfolio\\\/\",\"name\":\"Portfolio - Sergi Fonoll\u00e0\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sergifonolla.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sergifonolla.com\\\/portfolio\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sergifonolla.com\\\/portfolio\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sergifonolla.com\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/2-1.jpg\",\"datePublished\":\"2018-04-05T13:49:50+00:00\",\"dateModified\":\"2022-01-08T11:57:50+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sergifonolla.com\\\/portfolio\\\/#breadcrumb\"},\"inLanguage\":\"en-CA\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sergifonolla.com\\\/portfolio\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-CA\",\"@id\":\"https:\\\/\\\/sergifonolla.com\\\/portfolio\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sergifonolla.com\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/2-1.jpg\",\"contentUrl\":\"https:\\\/\\\/sergifonolla.com\\\/wp-content\\\/uploads\\\/2018\\\/04\\\/2-1.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sergifonolla.com\\\/portfolio\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/sergifonolla.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Portfolio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sergifonolla.com\\\/#website\",\"url\":\"https:\\\/\\\/sergifonolla.com\\\/\",\"name\":\"Sergi Fonoll\u00e0\",\"description\":\"Sitio web de Sergi Fonoll\u00e0\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sergifonolla.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-CA\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Portfolio - Sergi Fonoll\u00e0","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sergifonolla.com\/en\/portfolio\/","og_locale":"en_US","og_type":"article","og_title":"Portfolio - Sergi Fonoll\u00e0","og_url":"https:\/\/sergifonolla.com\/en\/portfolio\/","og_site_name":"Sergi Fonoll\u00e0","article_modified_time":"2022-01-08T11:57:50+00:00","og_image":[{"url":"https:\/\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sergifonolla.com\/portfolio\/","url":"https:\/\/sergifonolla.com\/portfolio\/","name":"Portfolio - Sergi Fonoll\u00e0","isPartOf":{"@id":"https:\/\/sergifonolla.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sergifonolla.com\/portfolio\/#primaryimage"},"image":{"@id":"https:\/\/sergifonolla.com\/portfolio\/#primaryimage"},"thumbnailUrl":"https:\/\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg","datePublished":"2018-04-05T13:49:50+00:00","dateModified":"2022-01-08T11:57:50+00:00","breadcrumb":{"@id":"https:\/\/sergifonolla.com\/portfolio\/#breadcrumb"},"inLanguage":"en-CA","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sergifonolla.com\/portfolio\/"]}]},{"@type":"ImageObject","inLanguage":"en-CA","@id":"https:\/\/sergifonolla.com\/portfolio\/#primaryimage","url":"https:\/\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg","contentUrl":"https:\/\/sergifonolla.com\/wp-content\/uploads\/2018\/04\/2-1.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/sergifonolla.com\/portfolio\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/sergifonolla.com\/"},{"@type":"ListItem","position":2,"name":"Portfolio"}]},{"@type":"WebSite","@id":"https:\/\/sergifonolla.com\/#website","url":"https:\/\/sergifonolla.com\/","name":"Sergi Fonolla","description":"Sitio web de Sergi Fonoll\u00e0","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sergifonolla.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-CA"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/sergifonolla.com\/en\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sergifonolla.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sergifonolla.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sergifonolla.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/sergifonolla.com\/en\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":2,"href":"https:\/\/sergifonolla.com\/en\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":172,"href":"https:\/\/sergifonolla.com\/en\/wp-json\/wp\/v2\/pages\/68\/revisions\/172"}],"wp:attachment":[{"href":"https:\/\/sergifonolla.com\/en\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}