{"id":960,"date":"2023-02-12T17:31:29","date_gmt":"2023-02-12T17:31:29","guid":{"rendered":"https:\/\/webredox.net\/demo\/wp\/nui\/?page_id=960"},"modified":"2023-02-12T17:31:29","modified_gmt":"2023-02-12T17:31:29","slug":"fullscreen-hover-carousel","status":"publish","type":"page","link":"https:\/\/farmatziola.gr\/?page_id=960","title":{"rendered":"Fullscreen Hover Carousel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"960\" class=\"elementor elementor-960\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32b6dc9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"32b6dc9\" 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-82f00f5\" data-id=\"82f00f5\" 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-d2578d6 elementor-widget elementor-widget-nui-portfolio-hover-carousel\" data-id=\"d2578d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"nui-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:\/\/farmatziola.gr\/?portfolio=modern-interior\" 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\tModern <br>Interior\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=\"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:\/\/farmatziola.gr\/?portfolio=display-stand\" 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\tDisplay <br>Stand\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=\"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:\/\/farmatziola.gr\/?portfolio=passion\" 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\tPassion\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:\/\/farmatziola.gr\/?portfolio=leyla-stanley\" 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\tLeyla <br>Stanley\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:\/\/farmatziola.gr\/?portfolio=elegant-women\" 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\tElegant <br>Women\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=\"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:\/\/farmatziola.gr\/?portfolio=fashion-shoot\" 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\tFashion <br>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=\"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:\/\/farmatziola.gr\/?portfolio=the-chase\" 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\tThe Chase\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=\"8\">\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:\/\/farmatziola.gr\/?portfolio=enchanting-nature\" class=\"tt-phc-item\" data-number=\"08\" 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\tEnchanting <br>Nature\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<\/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  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:\/\/farmatziola.gr\/wp-content\/uploads\/2022\/10\/portfolio-8.jpg\" alt=\"Modern Interior\">\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 phc-image-is-light 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:\/\/farmatziola.gr\/wp-content\/uploads\/2022\/10\/portfolio-7.jpg\" alt=\"Display Stand\">\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:\/\/farmatziola.gr\/wp-content\/uploads\/2022\/10\/portfolio-5.jpg\" alt=\"Passion\">\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:\/\/farmatziola.gr\/wp-content\/uploads\/2022\/10\/portfolio-4.jpg\" alt=\"Leyla Stanley\">\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:\/\/farmatziola.gr\/wp-content\/uploads\/2022\/10\/project-ph-1.jpg\" alt=\"Elegant Women\">\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<video class=\"phc-video\" loop muted playsinline preload=\"metadata\" poster=\"https:\/\/farmatziola.gr\/wp-content\/uploads\/2022\/10\/fashion-shoot.jpg\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<source src=\"https:\/\/webredox.net\/demo\/wp\/nui\/videos\/fashion-shoot.mp4\" type=\"video\/mp4\">\r\n\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\/nui\/videos\/fashion-shoot.wbem\" type=\"video\/webm\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<\/video>\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:\/\/farmatziola.gr\/wp-content\/uploads\/2022\/10\/portfolio-2.jpg\" alt=\"The Chase\">\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=\"8\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/farmatziola.gr\/wp-content\/uploads\/2026\/10\/2-1920-IMG_7870.jpg\" alt=\"Enchanting Nature\">\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\t<span data-slide=\"8\">8<\/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-960","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/farmatziola.gr\/index.php?rest_route=\/wp\/v2\/pages\/960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/farmatziola.gr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/farmatziola.gr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/farmatziola.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/farmatziola.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=960"}],"version-history":[{"count":0,"href":"https:\/\/farmatziola.gr\/index.php?rest_route=\/wp\/v2\/pages\/960\/revisions"}],"wp:attachment":[{"href":"https:\/\/farmatziola.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}