{"id":1660,"date":"2023-03-19T17:26:09","date_gmt":"2023-03-19T17:26:09","guid":{"rendered":"https:\/\/webredox.net\/demo\/wp\/tank\/elementor\/?page_id=1660"},"modified":"2026-08-10T00:32:54","modified_gmt":"2026-08-09T22:32:54","slug":"hover-carousel","status":"publish","type":"page","link":"https:\/\/prototyp.modicars.de\/?page_id=1660","title":{"rendered":"Hover Carousel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1660\" class=\"elementor elementor-1660\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c146b7c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"c146b7c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-40ee123\" data-id=\"40ee123\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-fb13062 elementor-widget elementor-widget-tank-portfolio-hover-carousel\" data-id=\"fb13062\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"tank-portfolio-hover-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"tt-portfolio-hover-carousel cursor-drag-mouse-down\" data-loop=\"true\" data-simulate-touch=\"true\" data-grab-cursor=\"true\">\r\n\r\n\t\t\t<!-- Begin swiper container -->\r\n\t\t\t<div class=\"swiper\">\r\n\t\t\t\t<!-- Begin swiper wrapper (required) -->\r\n\t\t\t\t<div class=\"swiper-wrapper\">\r\n\t\t\t\t\t<!-- Begin swiper slide \r\n\t\t\t\t\t======================== -->\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"1\">\r\n\t\t\t\t\t\t<!-- Begin portfolio hover carousel item \r\n\t\t\t\t\t\t========================================= -->\r\n\t\t\t\t\t\t<a href=\"https:\/\/prototyp.modicars.de\/?portfolio=wall-lamp\" class=\"tt-phc-item\" data-number=\"01\" data-cursor=\"View<br>Project\">\r\n\t\t\t\t\t\t\t<h2 class=\"tt-phc-item-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tWall<br class=\"hide-from-sm\"> Lamp\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2> <!-- You may need to adjust the font size to suit your needs. -->\r\n\t\t\t\t\t\t\t<div class=\"tt-phc-categories\">\r\n\t\t\t\t\t\t\t\t<div class=\"tt-phc-category\">Branding  <\/div>\t\t\t\t\t\t\t<\/div> <!-- \/.tt-phc-categories -->\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<!-- End portfolio hover carousel item -->\r\n\t\t\t\t\t<\/div> \r\n\t\t\t\t\t<!-- End swiper slide -->\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"2\">\r\n\t\t\t\t\t\t<!-- Begin portfolio hover carousel item \r\n\t\t\t\t\t\t========================================= -->\r\n\t\t\t\t\t\t<a href=\"https:\/\/prototyp.modicars.de\/?portfolio=breaking-wave\" class=\"tt-phc-item\" data-number=\"02\" data-cursor=\"View<br>Project\">\r\n\t\t\t\t\t\t\t<h2 class=\"tt-phc-item-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tBreaking<br class=\"hide-from-sm\"> Wave\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2> <!-- You may need to adjust the font size to suit your needs. -->\r\n\t\t\t\t\t\t\t<div class=\"tt-phc-categories\">\r\n\t\t\t\t\t\t\t\t<div class=\"tt-phc-category\">Nature  <\/div>\t\t\t\t\t\t\t<\/div> <!-- \/.tt-phc-categories -->\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<!-- End portfolio hover carousel item -->\r\n\t\t\t\t\t<\/div> \r\n\t\t\t\t\t<!-- End swiper slide -->\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"3\">\r\n\t\t\t\t\t\t<!-- Begin portfolio hover carousel item \r\n\t\t\t\t\t\t========================================= -->\r\n\t\t\t\t\t\t<a href=\"https:\/\/prototyp.modicars.de\/?portfolio=studio-shoot\" class=\"tt-phc-item\" data-number=\"03\" data-cursor=\"View<br>Project\">\r\n\t\t\t\t\t\t\t<h2 class=\"tt-phc-item-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tStudio<br class=\"hide-from-sm\"> Shoot\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2> <!-- You may need to adjust the font size to suit your needs. -->\r\n\t\t\t\t\t\t\t<div class=\"tt-phc-categories\">\r\n\t\t\t\t\t\t\t\t<div class=\"tt-phc-category\">People  <\/div>\t\t\t\t\t\t\t<\/div> <!-- \/.tt-phc-categories -->\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<!-- End portfolio hover carousel item -->\r\n\t\t\t\t\t<\/div> \r\n\t\t\t\t\t<!-- End swiper slide -->\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"4\">\r\n\t\t\t\t\t\t<!-- Begin portfolio hover carousel item \r\n\t\t\t\t\t\t========================================= -->\r\n\t\t\t\t\t\t<a href=\"https:\/\/prototyp.modicars.de\/?portfolio=red-package\" class=\"tt-phc-item\" data-number=\"04\" data-cursor=\"View<br>Project\">\r\n\t\t\t\t\t\t\t<h2 class=\"tt-phc-item-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tRed<br class=\"hide-from-sm\"> Package\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2> <!-- You may need to adjust the font size to suit your needs. -->\r\n\t\t\t\t\t\t\t<div class=\"tt-phc-categories\">\r\n\t\t\t\t\t\t\t\t<div class=\"tt-phc-category\">Branding  <\/div>\t\t\t\t\t\t\t<\/div> <!-- \/.tt-phc-categories -->\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<!-- End portfolio hover carousel item -->\r\n\t\t\t\t\t<\/div> \r\n\t\t\t\t\t<!-- End swiper slide -->\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"5\">\r\n\t\t\t\t\t\t<!-- Begin portfolio hover carousel item \r\n\t\t\t\t\t\t========================================= -->\r\n\t\t\t\t\t\t<a href=\"https:\/\/prototyp.modicars.de\/?portfolio=mystery-forest\" class=\"tt-phc-item\" data-number=\"05\" data-cursor=\"View<br>Project\">\r\n\t\t\t\t\t\t\t<h2 class=\"tt-phc-item-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tMystery<br class=\"hide-from-sm\"> Forest\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2> <!-- You may need to adjust the font size to suit your needs. -->\r\n\t\t\t\t\t\t\t<div class=\"tt-phc-categories\">\r\n\t\t\t\t\t\t\t\t<div class=\"tt-phc-category\">Nature  <\/div>\t\t\t\t\t\t\t<\/div> <!-- \/.tt-phc-categories -->\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<!-- End portfolio hover carousel item -->\r\n\t\t\t\t\t<\/div> \r\n\t\t\t\t\t<!-- End swiper slide -->\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"6\">\r\n\t\t\t\t\t\t<!-- Begin portfolio hover carousel item \r\n\t\t\t\t\t\t========================================= -->\r\n\t\t\t\t\t\t<a href=\"https:\/\/prototyp.modicars.de\/?portfolio=smithy\" class=\"tt-phc-item\" data-number=\"06\" data-cursor=\"View<br>Project\">\r\n\t\t\t\t\t\t\t<h2 class=\"tt-phc-item-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tSmithy\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2> <!-- You may need to adjust the font size to suit your needs. -->\r\n\t\t\t\t\t\t\t<div class=\"tt-phc-categories\">\r\n\t\t\t\t\t\t\t\t<div class=\"tt-phc-category\">Creative  <\/div>\t\t\t\t\t\t\t<\/div> <!-- \/.tt-phc-categories -->\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<!-- End portfolio hover carousel item -->\r\n\t\t\t\t\t<\/div> \r\n\t\t\t\t\t<!-- End swiper slide -->\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" data-slide=\"7\">\r\n\t\t\t\t\t\t<!-- Begin portfolio hover carousel item \r\n\t\t\t\t\t\t========================================= -->\r\n\t\t\t\t\t\t<a href=\"https:\/\/prototyp.modicars.de\/?portfolio=victorian-girls\" class=\"tt-phc-item\" data-number=\"07\" data-cursor=\"View<br>Project\">\r\n\t\t\t\t\t\t\t<h2 class=\"tt-phc-item-title\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tVictorian<br class=\"hide-from-sm\"> Girls\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/h2> <!-- You may need to adjust the font size to suit your needs. -->\r\n\t\t\t\t\t\t\t<div class=\"tt-phc-categories\">\r\n\t\t\t\t\t\t\t\t<div class=\"tt-phc-category\">People  <\/div>\t\t\t\t\t\t\t<\/div> <!-- \/.tt-phc-categories -->\r\n\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t<!-- End portfolio hover carousel item -->\r\n\t\t\t\t\t<\/div> \r\n\t\t\t\t\t<!-- End swiper slide -->\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<!-- End swiper wrapper -->\r\n\t\t\t<\/div>\r\n\t\t\t<!-- End swiper container -->\r\n\r\n\r\n\t\t\t<!-- Begin portfolio hover carousel images \r\n\t\t\t=========================================== \r\n\t\t\t* IMPORTANT: Make sure the items match the slides (data-slide=\"*\") in the \"tt-portfolio-hover-carousel\" above!!!\r\n\t\t\t-->\r\n\t\t\t<div class=\"tt-portfolio-hover-carousel-images\">\r\n\t\t\t\t<div class=\"phc-images-inner\">\r\n\t\t\t\t\t<!-- Add class \"phc-image-is-light\" if you use a very light image -->\r\n\t\t\t\t\t<!-- Add class \"cover-opacity-*\" to set an image overlay if needed. For example \"cover-opacity-2\". More info in the file \"helper.css\" (no effect with class \"phc-image-is-light\"). -->\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"phc-image phc-image-is-light cover-opacity-4 \" data-slide=\"1\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/prototyp.modicars.de\/wp-content\/uploads\/2021\/09\/portfolio-7-1.jpg\" alt=\"Wall Lamp\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"phc-image  cover-opacity-4 \" data-slide=\"2\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/prototyp.modicars.de\/wp-content\/uploads\/2021\/09\/portfolio-6-1.jpg\" alt=\"Breaking Wave\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"phc-image  cover-opacity-4 \" data-slide=\"3\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/prototyp.modicars.de\/wp-content\/uploads\/2021\/09\/portfolio-5-1.jpg\" alt=\"Studio Shoot\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"phc-image  cover-opacity-4 \" data-slide=\"4\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/prototyp.modicars.de\/wp-content\/uploads\/2021\/09\/portfolio-4-1.jpg\" alt=\"Red Package\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"phc-image  cover-opacity-4 \" data-slide=\"5\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/prototyp.modicars.de\/wp-content\/uploads\/2021\/09\/portfolio-3-1.jpg\" alt=\"Mystery Forest\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"phc-image  cover-opacity-4 \" data-slide=\"6\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/prototyp.modicars.de\/wp-content\/uploads\/2021\/08\/portfolio-2-1.jpg\" alt=\"Smithy\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"phc-image  cover-opacity-4 \" data-slide=\"7\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/prototyp.modicars.de\/wp-content\/uploads\/2021\/08\/portfolio-1-1.jpg\" alt=\"Victorian Girls\">\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div> <!-- \/.phc-images-inner -->\r\n\t\t\t<\/div>\r\n\t\t\t<!-- End portfolio hover carousel images -->\r\n\r\n\r\n\t\t\t<!-- Begin portfolio hover carousel counter \r\n\t\t\t============================================ \r\n\t\t\t* IMPORTANT: Make sure the items match the slides (data-slide=\"*\") in the \"tt-portfolio-hover-carousel\" above!!!\r\n\t\t\t-->\r\n\t\t\t<div class=\"tt-phc-counter tt-swiper-nav\">\r\n\t\t\t\t<div class=\"tt-phc-count\">\r\n\t\t\t\t\t\t\t\t\t\t<span data-slide=\"1\">1<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<span data-slide=\"2\">2<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<span data-slide=\"3\">3<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<span data-slide=\"4\">4<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<span data-slide=\"5\">5<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<span data-slide=\"6\">6<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<span data-slide=\"7\">7<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t<div class=\"tt-phc-counter-separator\"><\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<!-- End portfolio hover carousel navigation -->\r\n\r\n\t\t<\/div>\r\n\t\t<!-- End portfolio hover carousel -->\r\n        \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1660","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/prototyp.modicars.de\/index.php?rest_route=\/wp\/v2\/pages\/1660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prototyp.modicars.de\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/prototyp.modicars.de\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/prototyp.modicars.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prototyp.modicars.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1660"}],"version-history":[{"count":1,"href":"https:\/\/prototyp.modicars.de\/index.php?rest_route=\/wp\/v2\/pages\/1660\/revisions"}],"predecessor-version":[{"id":1710,"href":"https:\/\/prototyp.modicars.de\/index.php?rest_route=\/wp\/v2\/pages\/1660\/revisions\/1710"}],"wp:attachment":[{"href":"https:\/\/prototyp.modicars.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}