{"id":803,"date":"2026-06-23T09:22:46","date_gmt":"2026-06-23T09:22:46","guid":{"rendered":"https:\/\/webredox.net\/demo\/wp\/hektor\/?page_id=803"},"modified":"2026-06-23T09:23:59","modified_gmt":"2026-06-23T09:23:59","slug":"portfolio-slider-vertical","status":"publish","type":"page","link":"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio-slider-vertical\/","title":{"rendered":"Portfolio Slider Vertical"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"803\" class=\"elementor elementor-803\">\n\t\t\t\t<div class=\"elementor-element elementor-element-32d60ad e-con-full e-flex tt-sticky-element-no tt-sticker-scroller-no e-con e-parent\" data-id=\"32d60ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9218e81 tt-sticky-element-no tt-sticker-scroller-no elementor-widget elementor-widget-hektor-portfolio-slider\" data-id=\"9218e81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"hektor-portfolio-slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\n\t\t<!-- End content carousel -->\n\t\t<div class=\"tt-portfolio-slider cursor-drag-mouse-down\" data-direction=\"vertical\" data-effect=\"slide\" data-loop=\"true\" data-speed=\"900\" data-mousewheel=\"true\" data-keyboard=\"true\" data-simulate-touch=\"true\" data-parallax=\"true\" data-autoplay=\"\">\n\n\t\t<!-- Begin swiper container -->\n\t\t<div class=\"swiper\">\n\n\t\t\t<!-- Begin swiper wrapper (required) -->\n\t\t\t<div class=\"swiper-wrapper\">\n\n\t\t\t\t<!-- Begin swiper slide \n\t\t\t\t======================== \n\t\t\t\t* Use class \"tt-posl-bg-is-light\" if needed, it makes the elements dark and more visible if you use a very light image.\n\t\t\t\t-->\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide \">\n\t\t\t\t\t<div class=\"tt-portfolio-slider-item\" data-swiper-parallax=\"50%\">\n\n\t\t\t\t\t\t<!-- Use class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". Note: It is individual and depends on the image you use. More info about helper classes in file \"helper.css\". -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-image-wrap cover-opacity-3\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/portfolio-1-1920.jpg\" class=\"tt-posl-image\" loading=\"lazy\" alt=\"Aero Dog\">\n\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader\"><\/div>\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-image-wrap -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption\">\n\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-outer\" data-swiper-parallax=\"80%\">\n\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-inner\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-categories-wrap\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/branding\/\">Branding  <\/a>\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-categories-wrap -->\n\t\t\t\t\t\t\t\t\t<h2 class=\"tt-posl-item-title\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/aero-dog\/\" data-cursor=\"View<br>Project\">\n\t\t\t\t\t\t\t\t\t\t\tAero Dog\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<!-- Button for mobile devices only! -->\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/aero-dog\/\" class=\"tt-btn tt-btn-secondary hide-to-mobile margin-top-60\">\n\t\t\t\t\t\t\t\t\t\t<span data-hover=\"View Project\">View Project<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-inner -->\n\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-outer -->\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption -->\n\n\t\t\t\t\t<\/div> <!-- \/.tt-portfolio-slider-item -->\n\t\t\t\t<\/div>\n\t\t\t\t<!-- End swiper slide -->\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide \">\n\t\t\t\t\t<div class=\"tt-portfolio-slider-item\" data-swiper-parallax=\"50%\">\n\n\t\t\t\t\t\t<!-- Use class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". Note: It is individual and depends on the image you use. More info about helper classes in file \"helper.css\". -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-image-wrap cover-opacity-3\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/portfolio-2-1920.jpg\" class=\"tt-posl-image\" loading=\"lazy\" alt=\"Luxe Geometry\">\n\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader\"><\/div>\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-image-wrap -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption\">\n\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-outer\" data-swiper-parallax=\"80%\">\n\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-inner\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-categories-wrap\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/branding\/\">Branding  <\/a>\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-categories-wrap -->\n\t\t\t\t\t\t\t\t\t<h2 class=\"tt-posl-item-title\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/luxe-geometry\/\" data-cursor=\"View<br>Project\">\n\t\t\t\t\t\t\t\t\t\t\tLuxe Geometry\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<!-- Button for mobile devices only! -->\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/luxe-geometry\/\" class=\"tt-btn tt-btn-secondary hide-to-mobile margin-top-60\">\n\t\t\t\t\t\t\t\t\t\t<span data-hover=\"View Project\">View Project<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-inner -->\n\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-outer -->\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption -->\n\n\t\t\t\t\t<\/div> <!-- \/.tt-portfolio-slider-item -->\n\t\t\t\t<\/div>\n\t\t\t\t<!-- End swiper slide -->\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide \">\n\t\t\t\t\t<div class=\"tt-portfolio-slider-item\" data-swiper-parallax=\"50%\">\n\n\t\t\t\t\t\t<!-- Use class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". Note: It is individual and depends on the image you use. More info about helper classes in file \"helper.css\". -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-image-wrap cover-opacity-3\">\n\t\t\t\t\t\t\t\t<video class=\"tt-posl-video\" loop muted playsinline preload=\"metadata\" poster=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/portfolio-3-1920.jpg\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<source src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/themes\/hektor\/includes\/vids\/placeholder.mp4\"  data-src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/video-1.mp4\" type=\"video\/mp4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<source src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/themes\/hektor\/includes\/vids\/placeholder.webm\"  data-src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/video-1.webm\" type=\"video\/webm\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/video>\t\t\t\t\t\n\t\t\t\t\t\t\t<\/div> <!-- \/.pcli-video -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption\">\n\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-outer\" data-swiper-parallax=\"80%\">\n\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-inner\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-categories-wrap\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/digital\/\">Digital  <\/a>\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-categories-wrap -->\n\t\t\t\t\t\t\t\t\t<h2 class=\"tt-posl-item-title\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/virtual-glam\/\" data-cursor=\"View<br>Project\">\n\t\t\t\t\t\t\t\t\t\t\tVirtual Glam\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<!-- Button for mobile devices only! -->\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/virtual-glam\/\" class=\"tt-btn tt-btn-secondary hide-to-mobile margin-top-60\">\n\t\t\t\t\t\t\t\t\t\t<span data-hover=\"View Project\">View Project<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-inner -->\n\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-outer -->\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption -->\n\n\t\t\t\t\t<\/div> <!-- \/.tt-portfolio-slider-item -->\n\t\t\t\t<\/div>\n\t\t\t\t<!-- End swiper slide -->\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide \">\n\t\t\t\t\t<div class=\"tt-portfolio-slider-item\" data-swiper-parallax=\"50%\">\n\n\t\t\t\t\t\t<!-- Use class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". Note: It is individual and depends on the image you use. More info about helper classes in file \"helper.css\". -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-image-wrap cover-opacity-3\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/portfolio-4-1920.jpg\" class=\"tt-posl-image\" loading=\"lazy\" alt=\"Alfa Race\">\n\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader\"><\/div>\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-image-wrap -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption\">\n\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-outer\" data-swiper-parallax=\"80%\">\n\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-inner\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-categories-wrap\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/artistic\/\">Artistic  <\/a>\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-categories-wrap -->\n\t\t\t\t\t\t\t\t\t<h2 class=\"tt-posl-item-title\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/alfa-race\/\" data-cursor=\"View<br>Project\">\n\t\t\t\t\t\t\t\t\t\t\tAlfa Race\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<!-- Button for mobile devices only! -->\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/alfa-race\/\" class=\"tt-btn tt-btn-secondary hide-to-mobile margin-top-60\">\n\t\t\t\t\t\t\t\t\t\t<span data-hover=\"View Project\">View Project<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-inner -->\n\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-outer -->\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption -->\n\n\t\t\t\t\t<\/div> <!-- \/.tt-portfolio-slider-item -->\n\t\t\t\t<\/div>\n\t\t\t\t<!-- End swiper slide -->\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide \">\n\t\t\t\t\t<div class=\"tt-portfolio-slider-item\" data-swiper-parallax=\"50%\">\n\n\t\t\t\t\t\t<!-- Use class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". Note: It is individual and depends on the image you use. More info about helper classes in file \"helper.css\". -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-image-wrap cover-opacity-3\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/portfolio-5-1920.jpg\" class=\"tt-posl-image\" loading=\"lazy\" alt=\"Modern Elegance\">\n\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader\"><\/div>\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-image-wrap -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption\">\n\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-outer\" data-swiper-parallax=\"80%\">\n\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-inner\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-categories-wrap\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/branding\/\">Branding  <\/a>\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-categories-wrap -->\n\t\t\t\t\t\t\t\t\t<h2 class=\"tt-posl-item-title\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/modern-elegance\/\" data-cursor=\"View<br>Project\">\n\t\t\t\t\t\t\t\t\t\t\tModern Elegance\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<!-- Button for mobile devices only! -->\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/modern-elegance\/\" class=\"tt-btn tt-btn-secondary hide-to-mobile margin-top-60\">\n\t\t\t\t\t\t\t\t\t\t<span data-hover=\"View Project\">View Project<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-inner -->\n\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-outer -->\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption -->\n\n\t\t\t\t\t<\/div> <!-- \/.tt-portfolio-slider-item -->\n\t\t\t\t<\/div>\n\t\t\t\t<!-- End swiper slide -->\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide \">\n\t\t\t\t\t<div class=\"tt-portfolio-slider-item\" data-swiper-parallax=\"50%\">\n\n\t\t\t\t\t\t<!-- Use class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". Note: It is individual and depends on the image you use. More info about helper classes in file \"helper.css\". -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-image-wrap cover-opacity-3\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/portfolio-6-1920.jpg\" class=\"tt-posl-image\" loading=\"lazy\" alt=\"The Road\">\n\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader\"><\/div>\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-image-wrap -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption\">\n\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-outer\" data-swiper-parallax=\"80%\">\n\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-inner\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-categories-wrap\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/artistic\/\">Artistic  <\/a>\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-categories-wrap -->\n\t\t\t\t\t\t\t\t\t<h2 class=\"tt-posl-item-title\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/the-road\/\" data-cursor=\"View<br>Project\">\n\t\t\t\t\t\t\t\t\t\t\tThe Road\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<!-- Button for mobile devices only! -->\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/the-road\/\" class=\"tt-btn tt-btn-secondary hide-to-mobile margin-top-60\">\n\t\t\t\t\t\t\t\t\t\t<span data-hover=\"View Project\">View Project<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-inner -->\n\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-outer -->\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption -->\n\n\t\t\t\t\t<\/div> <!-- \/.tt-portfolio-slider-item -->\n\t\t\t\t<\/div>\n\t\t\t\t<!-- End swiper slide -->\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide \">\n\t\t\t\t\t<div class=\"tt-portfolio-slider-item\" data-swiper-parallax=\"50%\">\n\n\t\t\t\t\t\t<!-- Use class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". Note: It is individual and depends on the image you use. More info about helper classes in file \"helper.css\". -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-image-wrap cover-opacity-3\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/portfolio-7-1920.jpg\" class=\"tt-posl-image\" loading=\"lazy\" alt=\"Space Break\">\n\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader\"><\/div>\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-image-wrap -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption\">\n\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-outer\" data-swiper-parallax=\"80%\">\n\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-inner\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-categories-wrap\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/artistic\/\">Artistic  <\/a>\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-categories-wrap -->\n\t\t\t\t\t\t\t\t\t<h2 class=\"tt-posl-item-title\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/space-break\/\" data-cursor=\"View<br>Project\">\n\t\t\t\t\t\t\t\t\t\t\tSpace Break\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<!-- Button for mobile devices only! -->\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/space-break\/\" class=\"tt-btn tt-btn-secondary hide-to-mobile margin-top-60\">\n\t\t\t\t\t\t\t\t\t\t<span data-hover=\"View Project\">View Project<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-inner -->\n\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-outer -->\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption -->\n\n\t\t\t\t\t<\/div> <!-- \/.tt-portfolio-slider-item -->\n\t\t\t\t<\/div>\n\t\t\t\t<!-- End swiper slide -->\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide \">\n\t\t\t\t\t<div class=\"tt-portfolio-slider-item\" data-swiper-parallax=\"50%\">\n\n\t\t\t\t\t\t<!-- Use class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". Note: It is individual and depends on the image you use. More info about helper classes in file \"helper.css\". -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-image-wrap cover-opacity-3\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/portfolio-8-1920.jpg\" class=\"tt-posl-image\" loading=\"lazy\" alt=\"Cyber Glitch\">\n\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader\"><\/div>\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-image-wrap -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption\">\n\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-outer\" data-swiper-parallax=\"80%\">\n\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-inner\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-categories-wrap\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/digital\/\">Digital  <\/a>\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-categories-wrap -->\n\t\t\t\t\t\t\t\t\t<h2 class=\"tt-posl-item-title\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/cyber-glitch\/\" data-cursor=\"View<br>Project\">\n\t\t\t\t\t\t\t\t\t\t\tCyber Glitch\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<!-- Button for mobile devices only! -->\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/cyber-glitch\/\" class=\"tt-btn tt-btn-secondary hide-to-mobile margin-top-60\">\n\t\t\t\t\t\t\t\t\t\t<span data-hover=\"View Project\">View Project<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-inner -->\n\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-outer -->\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption -->\n\n\t\t\t\t\t<\/div> <!-- \/.tt-portfolio-slider-item -->\n\t\t\t\t<\/div>\n\t\t\t\t<!-- End swiper slide -->\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide \">\n\t\t\t\t\t<div class=\"tt-portfolio-slider-item\" data-swiper-parallax=\"50%\">\n\n\t\t\t\t\t\t<!-- Use class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". Note: It is individual and depends on the image you use. More info about helper classes in file \"helper.css\". -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-image-wrap cover-opacity-3\">\n\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-content\/uploads\/2026\/06\/portfolio-9-1920.jpg\" class=\"tt-posl-image\" loading=\"lazy\" alt=\"Mind Landscape\">\n\t\t\t\t\t\t\t<div class=\"swiper-lazy-preloader\"><\/div>\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-image-wrap -->\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption\">\n\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-outer\" data-swiper-parallax=\"80%\">\n\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-caption-inner\">\n\n\t\t\t\t\t\t\t\t\t<div class=\"tt-posl-item-categories-wrap\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/digital\/\">Digital  <\/a><a class=\"tt-posl-item-category\" href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio_category\/artistic\/\">Artistic  <\/a>\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-categories-wrap -->\n\t\t\t\t\t\t\t\t\t<h2 class=\"tt-posl-item-title\">\n\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/mind-landscape\/\" data-cursor=\"View<br>Project\">\n\t\t\t\t\t\t\t\t\t\t\tMind Landscape\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\t\t\t\t<!-- Button for mobile devices only! -->\n\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/webredox.net\/demo\/wp\/hektor\/portfolio\/mind-landscape\/\" class=\"tt-btn tt-btn-secondary hide-to-mobile margin-top-60\">\n\t\t\t\t\t\t\t\t\t\t<span data-hover=\"View Project\">View Project<\/span>\n\t\t\t\t\t\t\t\t\t<\/a>\n\n\t\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-inner -->\n\t\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption-outer -->\n\t\t\t\t\t\t<\/div> <!-- \/.tt-posl-item-caption -->\n\n\t\t\t\t\t<\/div> <!-- \/.tt-portfolio-slider-item -->\n\t\t\t\t<\/div>\n\t\t\t\t<!-- End swiper slide -->\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<!-- End swiper wrapper -->\n\n\t\t<\/div>\n\t\t<!-- End swiper container -->\n\n\t\t<!-- Begin portfolio slider navigation\n\t\t======================================= -->\n\t\t<div class=\"tt-portfolio-slider-navigation\">\n\t\t\t<div class=\"tt-posl-nav-prev\">\n\t\t\t\t<div class=\"tt-posl-nav-arrow tt-magnetic-item\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t<path d=\"M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z\"><\/path>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"tt-posl-nav-next\">\n\t\t\t\t<div class=\"tt-posl-nav-arrow tt-magnetic-item\">\n\t\t\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\n\t\t\t\t\t\t<path d=\"M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z\"><\/path>\n\t\t\t\t\t<\/svg>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<!-- End portfolio slider navigation -->\n\n\t\t<!-- Portfolio slider pagination \n\t\t================================= -->\n\t\t<div class=\"tt-posl-pagination tt-hide-cursor\"><\/div>\n\t\t\t\t<!-- Begin social buttons\n\t\t========================== -->\n\t\t<div class=\"tt-social-buttons\">\n\t\t\t<ul>\n\t\t\t\t\t\t\t\t<li><a class=\"tt-magnetic-item\" target=\"_blank\" rel=\"noopener\" href=\"#\"><i class=\"fa-brands fa-facebook-f\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<li><a class=\"tt-magnetic-item\" target=\"_blank\" rel=\"noopener\" href=\"#\"><i class=\"fa-brands fa-x-twitter\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<li><a class=\"tt-magnetic-item\" target=\"_blank\" rel=\"noopener\" href=\"#\"><i class=\"fa-brands fa-dribbble\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<li><a class=\"tt-magnetic-item\" target=\"_blank\" rel=\"noopener\" href=\"#\"><i class=\"fa-brands fa-instagram\"><\/i><\/a><\/li>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t<\/div>\n\t\t<!-- End social buttons -->\n\t\t\t\t<\/div>\n\t\t<!-- End portfolio slider (full screen slider) -->\n\t\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>Branding<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-803","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-json\/wp\/v2\/pages\/803","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-json\/wp\/v2\/comments?post=803"}],"version-history":[{"count":4,"href":"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-json\/wp\/v2\/pages\/803\/revisions"}],"predecessor-version":[{"id":808,"href":"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-json\/wp\/v2\/pages\/803\/revisions\/808"}],"wp:attachment":[{"href":"https:\/\/webredox.net\/demo\/wp\/hektor\/wp-json\/wp\/v2\/media?parent=803"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}