{"id":1310,"date":"2026-02-10T10:59:11","date_gmt":"2026-02-10T10:59:11","guid":{"rendered":"https:\/\/bdtemplatehub.com\/bd-project\/?page_id=1310"},"modified":"2026-02-10T10:59:11","modified_gmt":"2026-02-10T10:59:11","slug":"slider-layout4","status":"publish","type":"page","link":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/slider-layout4\/","title":{"rendered":"Slider &#8211; Layout4"},"content":{"rendered":"<section class=\"bde-section-1310-133 bde-section bde-preset-55bc0c91-6d97-42aa-9f0d-085c17d75628\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-div-1310-134 bde-div bde-preset-4fac4cbd-c353-4d50-90f2-129422a4e8ea\">\n              \n  \n  \n\t\n\n  <div class=\"section-background-overlay\"><\/div>\n\n\n<h1 class=\"bde-heading-1310-135 bde-heading bde-preset-4532c1fc-9c58-4fba-9a94-6afbf93ce3f2\">\nSlider &#8211; Layout4\n<\/h1>\n<\/div><\/div>\n<\/section><section class=\"bde-section-1310-108 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1310-109 bde-columns\"><div class=\"bde-column-1310-110 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1310-111 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nPortfolio Slider \u2013 2 Column\n<\/h3><div class=\"px-project-1310-112 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_112\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout4 px_slider_layout4_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"112\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-112\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":2,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\">\r\n                        Creative Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\">\r\n                        Brand Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\">\r\n                        Digital Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\">\r\n                        Design Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1310-123 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1310-124 bde-columns\"><div class=\"bde-column-1310-125 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1310-126 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nPortfolio Slider \u2013 3 Column\n<\/h3><div class=\"px-project-1310-127 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_127\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout4 px_slider_layout4_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"127\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-127\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":3,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\">\r\n                        Creative Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\">\r\n                        Brand Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\">\r\n                        Digital Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\">\r\n                        Design Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section><section class=\"bde-section-1310-128 bde-section\">\n  \n  \n\t\n\n\n\n<div class=\"section-container\"><div class=\"bde-columns-1310-129 bde-columns\"><div class=\"bde-column-1310-130 bde-column\">\n  \n  \n\t\n\n\n\n<h3 class=\"bde-heading-1310-131 bde-heading bde-preset-948f4007-f24f-4ed5-a6fc-8e797e763309\">\nPortfolio Slider \u2013 4 Column\n<\/h3><div class=\"px-project-1310-132 px-project\"><div class=\"px-iso-instance\" data-instance-id=\"px_132\">\r\n\r\n<!-- HTML Structure -->\r\n<div class=\"px_project_wrapper px_slider px_slider_layout4 px_slider_layout4_2col\">\r\n\r\n    \r\n\r\n            <div class=\"px-swiper-wrapper\" data-swiper-id=\"132\">\r\n            <div class=\"swiper\"\r\n                id=\"px-swiper-132\"\r\n                data-effect=\"slide\"\r\n                data-speed=\"800\"\r\n                data-autoplay=\"true\"\r\n                data-autoplay-delay=\"2500\"\r\n                data-space-between=\"30\"\r\n                data-slides-per-view=\"1\"\r\n                data-slides-per-group=\"1\"\r\n                data-initial-slide=\"1\"\r\n                data-auto-height=\"false\"\r\n                data-loop=\"true\"\r\n                data-centered-slides=\"false\"\r\n                data-pagination=\"true\"\r\n                data-pagination-type=\"fraction\"\r\n                data-pagination-clickable=\"true\"\r\n                data-navigation=\"true\"\r\n                data-breakpoints='{\"1024\":{\"slidesPerView\":4,\"spaceBetween\":30}}'>\r\n\r\n    <div class=\"px_projects swiper-wrapper\">\r\n                               \r\n            <div class=\"swiper-slide px_project category-1 category-4 category-5\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_1-1024x576.jpg\" alt=\"Creative Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\">\r\n                        Creative Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-4\/\">Category 4<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/creative-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-2\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_3-1024x576.jpg\" alt=\"Brand Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\">\r\n                        Brand Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-2\/\">Category 2<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/brand-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-5\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2026\/02\/Breakdance_Branding_Img_7-1024x576.jpg\" alt=\"Digital Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\">\r\n                        Digital Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-5\/\">Category 5<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/digital-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n                                \r\n            <div class=\"swiper-slide px_project category-1 category-3 category-6\">\r\n                                            <div class=\"px_project_image_wrap\">\r\n            <div class=\"px_project_image\">\r\n            <div class=\"px_img_effect\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-content\/uploads\/sites\/29\/2025\/12\/Breakdance_Digital_Agency_Img_6-1024x576.jpg\" alt=\"Design Agency\">\r\n            <\/div>\r\n            <\/div>\r\n                        <div class=\"px_project_content\">\r\n                                <h2 class=\"px_project_title\">\r\n                    <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\">\r\n                        Design Agency                    <\/a>\r\n                <\/h2>\r\n                \r\n                \r\n                                <p class=\"px_project_category\">\r\n        <span class=\"px_project_category_icon\" aria-hidden=\"true\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-price-tags\" viewBox=\"0 0 40 32\">\n<path d=\"M38.5 0h-12c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l14.879-14.879c0.583-0.583 1.061-1.736 1.061-2.561v-12c0-0.825-0.675-1.5-1.5-1.5zM31 12c-1.657 0-3-1.343-3-3s1.343-3 3-3 3 1.343 3 3-1.343 3-3 3z\"\/>\n<path d=\"M4 17l17-17h-2.5c-0.825 0-1.977 0.477-2.561 1.061l-14.879 14.879c-0.583 0.583-0.583 1.538 0 2.121l12.879 12.879c0.583 0.583 1.538 0.583 2.121 0l0.939-0.939-13-13z\"\/>\n<\/svg>        <\/span>\r\n\r\n        <span class=\"px_project_category_text\">\r\n            <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-1\/\">Category 1<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-3\/\">Category 3<\/a>,<a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/px-category\/category-6\/\">Category 6<\/a>        <\/span>\r\n    <\/p>\r\n                \r\n\r\n\r\n                <a href=\"https:\/\/bdtemplatehub.com\/breakdance-project-element\/project\/design-agency\/\" class=\"px_readmore\" \r\n                    target=\"_blank\">\r\n                        <span class=\"button-atom__text\">\r\n                        Read More \u279c                    <\/span>\r\n                <\/a>\r\n            <\/div>\r\n           \r\n            <\/div>\r\n        \r\n    <\/div> <!-- \/.px_projects -->\r\n\r\n\r\n    <!-- Pagination -->\r\n    \r\n\r\n        <\/div> <!-- \/.swiper -->\r\n        \r\n                    <div class=\"swiper-pagination\"><\/div>\r\n        \r\n                    <div class=\"swiper-button-prev\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-arrow-left\" viewBox=\"0 0 32 32\">\n<path d=\"M1 16l15 15v-9h16v-12h-16v-9z\"\/>\n<\/svg>                <\/svg>\r\n            <\/div>\r\n\r\n            <div class=\"swiper-button-next\">\r\n                <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" id=\"icon-arrow-right\" viewBox=\"0 0 32 32\">\n<path d=\"M31 16l-15-15v9h-16v12h16v9z\"\/>\n<\/svg>                <\/svg>\r\n            <\/div>\r\n            <\/div> <!-- \/.px-swiper-wrapper -->\r\n\r\n<\/div> <!-- \/.px_project_wrapper -->\r\n\r\n<\/div><!-- \/.px-iso-instance -->\r\n<\/div>\n<\/div><\/div><\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","footnotes":""},"class_list":["post-1310","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/pages\/1310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/comments?post=1310"}],"version-history":[{"count":0,"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/pages\/1310\/revisions"}],"wp:attachment":[{"href":"https:\/\/bdtemplatehub.com\/breakdance-project-element\/wp-json\/wp\/v2\/media?parent=1310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}