{"id":5571,"date":"2026-04-18T10:57:17","date_gmt":"2026-04-18T07:57:17","guid":{"rendered":"https:\/\/theme.madsparrow.me\/zeffir\/?page_id=5571"},"modified":"2026-05-02T11:50:58","modified_gmt":"2026-05-02T08:50:58","slug":"portfolio-interactive","status":"publish","type":"page","link":"https:\/\/theme.madsparrow.me\/zeffir\/portfolio-interactive\/","title":{"rendered":"Portfolio Interactive"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5571\" class=\"elementor elementor-5571\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b6ee049 e-con-full e-flex ms-sticky-no ms-parallax-no e-con e-parent\" data-id=\"b6ee049\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ffd622c e-flex e-con-boxed ms-sticky-no ms-parallax-no e-con e-child\" data-id=\"ffd622c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e683d3 elementor-widget elementor-widget-ms_projects\" data-id=\"7e683d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ms_projects.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n\t\t<div class=\"portfolio_wrap\" id=\"7e683d3\" data-filter=\"s_2\" data-type=\"interactive\" data-pagination=\"on\" data-start-page=\"1\" data-max-pages=\"2\" data-next-link=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-json\/wp\/v2\/pages\/5571\/page\/2\/\">\r\n\r\n            \r\n                \n<div class=\"subnav\">\n    <div class=\"subnav__container\">\n        <div class=\"filter-nav filter-nav--expanded js-filter-nav\">\n            <button class=\"reset btn--subtle is-hidden js-filter-nav__control\"\n                    aria-label=\"Select a filter option\"\n                    aria-controls=\"filter-nav\">\n                <span class=\"js-filter-nav__placeholder\" aria-hidden=\"true\">\n                    All Categories                <\/span>\n                <svg class=\"icon icon--xxs margin-left-xxs\" aria-hidden=\"true\" viewBox=\"0 0 12 12\">\n                    <polyline points=\"0.5 3.5 6 9.5 11.5 3.5\" fill=\"none\" stroke-width=\"1\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/polyline>\n                <\/svg>\n            <\/button>\n\n            <div class=\"filter-nav__wrapper js-filter-nav__wrapper\" id=\"filter-nav\">\n                <nav class=\"filter-nav__nav js-filter-nav__nav\">\n                    <ul class=\"filtr-btn filter-nav__list js-filter-nav__list\">\n\n                                                    <li class=\"filter-nav__item subnav__link active\" data-filter=\"\">\n                                <button class=\"reset filter-nav__btn js-filter-nav__btn js-tab-focus\" aria-current=\"true\">\n                                        <span class=\"filter__text-container\">\n                                            <span class=\"filter__text\">All Categories<\/span>\n                                            <span class=\"filter__text-next\">All Categories<\/span>\n                                        <\/span>\n                                                                    <\/button>\n                            <\/li>\n                        \n                                                                                    <li class=\"filter-nav__item subnav__link\" data-filter=\"branding\">\n                                    <button class=\"reset filter-nav__btn js-filter-nav__btn js-tab-focus\">\n                                        <span class=\"filter__text-container\">\n                                            <span class=\"filter__text\">Branding<\/span>\n                                            <span class=\"filter__text-next\">Branding<\/span>\n                                        <\/span>\n                                                                            <\/button>\n                                <\/li>\n                                                                                                                <li class=\"filter-nav__item subnav__link\" data-filter=\"commercials\">\n                                    <button class=\"reset filter-nav__btn js-filter-nav__btn js-tab-focus\">\n                                        <span class=\"filter__text-container\">\n                                            <span class=\"filter__text\">Commercials<\/span>\n                                            <span class=\"filter__text-next\">Commercials<\/span>\n                                        <\/span>\n                                                                            <\/button>\n                                <\/li>\n                                                                                                                <li class=\"filter-nav__item subnav__link\" data-filter=\"illustration\">\n                                    <button class=\"reset filter-nav__btn js-filter-nav__btn js-tab-focus\">\n                                        <span class=\"filter__text-container\">\n                                            <span class=\"filter__text\">Illustration<\/span>\n                                            <span class=\"filter__text-next\">Illustration<\/span>\n                                        <\/span>\n                                                                            <\/button>\n                                <\/li>\n                                                                                                                <li class=\"filter-nav__item subnav__link\" data-filter=\"photography\">\n                                    <button class=\"reset filter-nav__btn js-filter-nav__btn js-tab-focus\">\n                                        <span class=\"filter__text-container\">\n                                            <span class=\"filter__text\">Photography<\/span>\n                                            <span class=\"filter__text-next\">Photography<\/span>\n                                        <\/span>\n                                                                            <\/button>\n                                <\/li>\n                                                                                                                <li class=\"filter-nav__item subnav__link\" data-filter=\"web-design\">\n                                    <button class=\"reset filter-nav__btn js-filter-nav__btn js-tab-focus\">\n                                        <span class=\"filter__text-container\">\n                                            <span class=\"filter__text\">Web Design<\/span>\n                                            <span class=\"filter__text-next\">Web Design<\/span>\n                                        <\/span>\n                                                                            <\/button>\n                                <\/li>\n                                                    \n                        <li class=\"filter-nav__marker js-filter-nav__marker\" aria-hidden=\"true\"><\/li>\n                    <\/ul>\n\n                    <button class=\"reset filter-nav__close-btn is-hidden js-filter-nav__close-btn js-tab-focus\"\n                            aria-label=\"Close navigation\">\n                        <svg class=\"icon\" viewBox=\"0 0 14 14\" aria-hidden=\"true\">\n                            <g stroke-width=\"1\" stroke=\"currentColor\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-miterlimit=\"10\">\n                                <line x1=\"13.5\" y1=\"2.5\" x2=\"2.5\" y2=\"13.5\"><\/line>\n                                <line x1=\"2.5\" y1=\"2.5\" x2=\"13.5\" y2=\"13.5\"><\/line>\n                            <\/g>\n                        <\/svg>\n                    <\/button>\n                <\/nav>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\r\n                                <div class=\"loader_wrap\">\r\n                    <span class=\"load_filter\">\r\n                        <svg class=\"load-filter-icon\" viewBox=\"0 0 800 800\">\r\n                            <circle class=\"spin2\" cx=\"400\" cy=\"400\" fill=\"none\" r=\"200\" stroke-width=\"50\" stroke-dasharray=\"563 1400\" stroke-linecap=\"round\" \/>\r\n                        <\/svg>\r\n                    <\/span>\r\n                <\/div>\r\n                \r\n                <div class=\"portfolio-feed ms-p--interactive\"  >\r\n\r\n                    \r\n                        \n<div class=\"portfolio-interactive-bg live\">\n            <div class=\"portfolio-interactive__media\">\n                            <img fetchpriority=\"high\" decoding=\"async\" class=\"portfolio-interactive-bg-1\"\n                    src=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-content\/uploads\/2025\/12\/Pastel-Braided-Portrait-zeffir-original-sm.jpg\"\n                    width=\"1920\"\n                    height=\"1920\"\n                    alt=\"\">\n                    <\/div>\n            <div class=\"portfolio-interactive__media\">\n                            <img decoding=\"async\" class=\"portfolio-interactive-bg-2\"\n                    src=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-content\/uploads\/2025\/12\/8dfc4b0c-05f0-4512-b181-b3051246d2e5.webp\"\n                    width=\"1200\"\n                    height=\"904\"\n                    alt=\"\">\n                    <\/div>\n            <div class=\"portfolio-interactive__media\">\n                            <img decoding=\"async\" class=\"portfolio-interactive-bg-3\"\n                    src=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-content\/uploads\/2025\/12\/Strawberry-Ice-Cream-with-Dark-Chocolate.webp\"\n                    width=\"1698\"\n                    height=\"2380\"\n                    alt=\"\">\n                    <\/div>\n            <div class=\"portfolio-interactive__media\">\n                            <img loading=\"lazy\" decoding=\"async\" class=\"portfolio-interactive-bg-4\"\n                    src=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-content\/uploads\/2025\/12\/Majestic-Mountain-Peak.webp\"\n                    width=\"1920\"\n                    height=\"1440\"\n                    alt=\"\">\n                    <\/div>\n            <div class=\"portfolio-interactive__media\">\n                            <img loading=\"lazy\" decoding=\"async\" class=\"portfolio-interactive-bg-5\"\n                    src=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-content\/uploads\/2025\/12\/Fashion-Forward-Pose-2.webp\"\n                    width=\"1200\"\n                    height=\"900\"\n                    alt=\"\">\n                    <\/div>\n            <div class=\"portfolio-interactive__media\">\n                            <img loading=\"lazy\" decoding=\"async\" class=\"portfolio-interactive-bg-6\"\n                    src=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-content\/uploads\/2025\/12\/Pastel-Makeup-Brushes.webp\"\n                    width=\"1440\"\n                    height=\"1800\"\n                    alt=\"\">\n                    <\/div>\n            <div class=\"portfolio-interactive__media\">\n                            <img loading=\"lazy\" decoding=\"async\" class=\"portfolio-interactive-bg-7\"\n                    src=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-content\/uploads\/2025\/12\/CoralMix-Playful-Synthesizer.webp\"\n                    width=\"2400\"\n                    height=\"1600\"\n                    alt=\"\">\n                    <\/div>\n            <div class=\"portfolio-interactive__media\">\n                            <img loading=\"lazy\" decoding=\"async\" class=\"portfolio-interactive-bg-8\"\n                    src=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-content\/uploads\/2025\/12\/Vibrant-Teal-Background-Granola-Bars.webp\"\n                    width=\"1199\"\n                    height=\"903\"\n                    alt=\"\">\n                    <\/div>\n            <div class=\"portfolio-interactive__media\">\n                            <img loading=\"lazy\" decoding=\"async\" class=\"portfolio-interactive-bg-9\"\n                    src=\"https:\/\/theme.madsparrow.me\/zeffir\/wp-content\/uploads\/2025\/12\/Stylish-Coral-Duffel-Bag.webp\"\n                    width=\"1200\"\n                    height=\"1200\"\n                    alt=\"\">\n                    <\/div>\n    <\/div>\n\n<ul class=\"portfolio-interactive-list live\">\n            <li class=\"portfolio-interactive-item\"\n            rel=\"portfolio-interactive-bg-1\">\n            <a href=\"https:\/\/theme.madsparrow.me\/zeffir\/abstract-harmony\/\"\n               aria-label=\"Abstract Harmony\">\n                <div class=\"portfolio-interactive-item__content\">\n                    <h2 class=\"portfolio-interactive-item__title\">Abstract Harmony<\/h2>\n                <\/div>\n            <\/a>\n        <\/li>\n            <li class=\"portfolio-interactive-item\"\n            rel=\"portfolio-interactive-bg-2\">\n            <a href=\"https:\/\/theme.madsparrow.me\/zeffir\/dynamic-pulse\/\"\n               aria-label=\"Dynamic Pulse\">\n                <div class=\"portfolio-interactive-item__content\">\n                    <h2 class=\"portfolio-interactive-item__title\">Dynamic Pulse<\/h2>\n                <\/div>\n            <\/a>\n        <\/li>\n            <li class=\"portfolio-interactive-item\"\n            rel=\"portfolio-interactive-bg-3\">\n            <a href=\"https:\/\/theme.madsparrow.me\/zeffir\/serene-drift\/\"\n               aria-label=\"Serene Drift\">\n                <div class=\"portfolio-interactive-item__content\">\n                    <h2 class=\"portfolio-interactive-item__title\">Serene Drift<\/h2>\n                <\/div>\n            <\/a>\n        <\/li>\n            <li class=\"portfolio-interactive-item\"\n            rel=\"portfolio-interactive-bg-4\">\n            <a href=\"https:\/\/theme.madsparrow.me\/zeffir\/bold-eclipse\/\"\n               aria-label=\"Bold Eclipse\">\n                <div class=\"portfolio-interactive-item__content\">\n                    <h2 class=\"portfolio-interactive-item__title\">Bold Eclipse<\/h2>\n                <\/div>\n            <\/a>\n        <\/li>\n            <li class=\"portfolio-interactive-item\"\n            rel=\"portfolio-interactive-bg-5\">\n            <a href=\"https:\/\/theme.madsparrow.me\/zeffir\/minimal-flux\/\"\n               aria-label=\"Minimal Flux\">\n                <div class=\"portfolio-interactive-item__content\">\n                    <h2 class=\"portfolio-interactive-item__title\">Minimal Flux<\/h2>\n                <\/div>\n            <\/a>\n        <\/li>\n            <li class=\"portfolio-interactive-item\"\n            rel=\"portfolio-interactive-bg-6\">\n            <a href=\"https:\/\/theme.madsparrow.me\/zeffir\/crystal-visions\/\"\n               aria-label=\"Crystal Visions\">\n                <div class=\"portfolio-interactive-item__content\">\n                    <h2 class=\"portfolio-interactive-item__title\">Crystal Visions<\/h2>\n                <\/div>\n            <\/a>\n        <\/li>\n            <li class=\"portfolio-interactive-item\"\n            rel=\"portfolio-interactive-bg-7\">\n            <a href=\"https:\/\/theme.madsparrow.me\/zeffir\/urban-symphony\/\"\n               aria-label=\"Urban Symphony\">\n                <div class=\"portfolio-interactive-item__content\">\n                    <h2 class=\"portfolio-interactive-item__title\">Urban Symphony<\/h2>\n                <\/div>\n            <\/a>\n        <\/li>\n            <li class=\"portfolio-interactive-item\"\n            rel=\"portfolio-interactive-bg-8\">\n            <a href=\"https:\/\/theme.madsparrow.me\/zeffir\/velvet-shadows\/\"\n               aria-label=\"Velvet Shadows\">\n                <div class=\"portfolio-interactive-item__content\">\n                    <h2 class=\"portfolio-interactive-item__title\">Velvet Shadows<\/h2>\n                <\/div>\n            <\/a>\n        <\/li>\n            <li class=\"portfolio-interactive-item\"\n            rel=\"portfolio-interactive-bg-9\">\n            <a href=\"https:\/\/theme.madsparrow.me\/zeffir\/neon-horizon\/\"\n               aria-label=\"Neon Horizon\">\n                <div class=\"portfolio-interactive-item__content\">\n                    <h2 class=\"portfolio-interactive-item__title\">Neon Horizon<\/h2>\n                <\/div>\n            <\/a>\n        <\/li>\n    <\/ul>\n\r\n                    \r\n                <\/div>\r\n\r\n                <div class=\"btn-wrap ajax-area\" data-max=\"2\"><div class=\"btn btn-zeffir btn--md btn-load-more\"><span class=\"load-more-icon\">\n                <svg viewBox=\"0 0 800 800\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                    <circle class=\"spin2\" cx=\"400\" cy=\"400\" fill=\"none\" r=\"200\" stroke-width=\"50\" stroke-dasharray=\"563 1400\" stroke-linecap=\"round\" \/>\n                <\/svg>\n            <\/span><span class=\"button_circle\"><\/span><span class=\"button_label\">Load More<\/span><span class=\"button_arrow\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 11 10\" class=\"svg arrow-r\">\n                <path fill=\"currentColor\" d=\"M4.481.005a6.65 6.65 0 0 1 6.46 4.659c.078.229.08.479-.003.706C10.302 7.105 8.318 10 4.48 10V8.39c.941.127 2.922-.257 4.442-2.603H0V4.208h8.938c-.756-1.229-2.216-2.78-4.457-2.78V.006Z\"><\/path>\n            <\/svg><\/span><\/div><\/div>\r\n            \r\n            \t\t<\/div>\r\n\r\n\t\t\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>All Categories All Categories All Categories Branding Branding Commercials Commercials Illustration Illustration Photography Photography Web Design Web Design Abstract Harmony Dynamic Pulse Serene Drift [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-custom.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5571","page","type-page","status-publish","hentry"],"acf":{"choice_menu_page":"custom_menu_page","full_width_header":true,"full_width_menu":false,"c_header_width":1440,"c_header_height":80,"header_bg_color_light":"hsl(0, 0%, 100%)","header_bg_color_dark":"rgb(28, 30, 33)","blur_header":false,"header_transparent":false,"header_white":false,"header_style":"default","menu_style":"default","header_template":"0","menu_align_page":"center","header_extra_widgets_template":"0","extra_widgets_position":""},"_links":{"self":[{"href":"https:\/\/theme.madsparrow.me\/zeffir\/wp-json\/wp\/v2\/pages\/5571","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/theme.madsparrow.me\/zeffir\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/theme.madsparrow.me\/zeffir\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/theme.madsparrow.me\/zeffir\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/theme.madsparrow.me\/zeffir\/wp-json\/wp\/v2\/comments?post=5571"}],"version-history":[{"count":17,"href":"https:\/\/theme.madsparrow.me\/zeffir\/wp-json\/wp\/v2\/pages\/5571\/revisions"}],"predecessor-version":[{"id":5991,"href":"https:\/\/theme.madsparrow.me\/zeffir\/wp-json\/wp\/v2\/pages\/5571\/revisions\/5991"}],"wp:attachment":[{"href":"https:\/\/theme.madsparrow.me\/zeffir\/wp-json\/wp\/v2\/media?parent=5571"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}