{"id":424,"date":"2023-07-26T09:16:01","date_gmt":"2023-07-26T09:16:01","guid":{"rendered":"https:\/\/demo.ovatheme.com\/qomfort\/?page_id=424"},"modified":"2026-04-30T18:18:01","modified_gmt":"2026-04-30T18:18:01","slug":"about","status":"publish","type":"page","link":"https:\/\/fshatiduge.com\/en\/about\/","title":{"rendered":"ABOUT"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t

Where Comfort and Adventures Meet at Roots Retreat<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\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\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t<\/path><\/svg>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\tExplore Our Rooms<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\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
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tVillas & Suites\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tOur villas and suites combine rustic charm with modern comfort. Nestled in a revitalized village, they offer the perfect setting for relaxation and adventure, all while connecting you to nature and the local community.d\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tCompany Mission\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tAt Fshati Duge, our mission is to revive the village by blending tradition with modern luxury. We aim to preserve the local heritage and create a thriving, sustainable destination that offers guests a unique, peaceful retreat.\n\n\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\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\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\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

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n Team Cards<\/title>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <style>\r\n .team-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 40px;\r\n justify-content: center;\r\n }\r\n \r\n .titleHTMLsection{\r\n text-align: left;\r\n max-width: 640px;\r\n color: #333;\r\n margin: auto 10rem;\r\n padding-top: 55px;\r\n padding-bottom: 55px;\r\n font-size: 45px;\r\n line-height: 1;\r\n \r\n }\r\n\r\n .team-card {\r\n width: 100%;\r\n max-width: 300px;\r\n text-align: center;\r\n }\r\n\r\n .img-container {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .img-container img {\r\n width: 100%;\r\n display: block;\r\n }\r\n\r\n .social-bar {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n background-color: #98b78b;\r\n display: flex;\r\n justify-content: center;\r\n gap: 20px;\r\n padding: 10px 0;\r\n transition: transform 0.3s ease;\r\n transform: translateY(100%);\r\n }\r\n\r\n .img-container:hover .social-bar {\r\n transform: translateY(0%);\r\n }\r\n\r\n .social-bar a {\r\n color: white;\r\n font-size: 18px;\r\n text-decoration: none;\r\n }\r\n\r\n .name {\r\n font-size: 20px;\r\n font-weight: bold;\r\n margin-top: 10px;\r\n color: #98b78b;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .role {\r\n font-size: 14px;\r\n color: #000;\r\n margin-top: 4px;\r\n }\r\n\r\n \/* Icons as fallback text *\/\r\n .icon {\r\n font-style: normal;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .team-container {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n .titleHTMLsection{\r\n margin: auto 2rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n<h6 class=\"titleHTMLsection\">We Have Professional Team Member Let\u2019s Talk Our Experience<\/h6>\r\n <div class=\"team-container\">\r\n \r\n <!-- Card 1 -->\r\n <div class=\"team-card\">\r\n <div class=\"img-container\">\r\n <img decoding=\"async\" src=\"http:\/\/fshatiduge.com\/wp-content\/uploads\/2025\/06\/freepik__the-style-is-candid-image-photography-with-natural__58473-300x300.jpeg\" alt=\"Team Member 1\">\r\n <div class=\"social-bar\">\r\n <a href=\"#\"><span class=\"icon\">f<\/span><\/a>\r\n <a href=\"#\"><span class=\"icon\">t<\/span><\/a>\r\n <a href=\"#\"><span class=\"icon\">in<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"name\">Elira Kola<\/div>\r\n <div class=\"role\">Guest Experience Manager<\/div>\r\n <\/div>\r\n\r\n <!-- Card 2 -->\r\n <div class=\"team-card\">\r\n <div class=\"img-container\">\r\n <img decoding=\"async\" src=\"http:\/\/fshatiduge.com\/wp-content\/uploads\/2025\/06\/freepik__the-style-is-candid-image-photography-with-natural__58472-300x300.jpeg\" alt=\"Team Member 2\">\r\n <div class=\"social-bar\">\r\n <a href=\"#\"><span class=\"icon\">f<\/span><\/a>\r\n <a href=\"#\"><span class=\"icon\">t<\/span><\/a>\r\n <a href=\"#\"><span class=\"icon\">in<\/span><\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"name\">Arben Duka<\/div>\r\n <div class=\"role\">Executive Chef<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-57fce30 e-flex e-con-boxed e-con e-parent\" data-id=\"57fce30\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-97d4c1d elementor-widget elementor-widget-html\" data-id=\"97d4c1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\" \/>\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n <title>Village Essence - Section<\/title>\r\n <style>\r\n \r\n body {\r\n font-family: 'Arial', sans-serif;\r\n line-height: 1.6;\r\n\r\n }\r\n .titulli{\r\n font-size: 60px !important;\r\n }\r\n .village-section {\r\n max-width: 860px;\r\n margin: 0 auto;\r\n padding: 40px 20px;\r\n border: 3px dashed #F5E8C7;\r\n border-radius: 15px;\r\n animation: pulseBorder 2s infinite alternate;\r\n }\r\n .village-header {\r\n text-align: center;\r\n margin-bottom: 30px;\r\n }\r\n .village-header h2 {\r\n color: #99BC85;\r\n font-size: 2.5rem;\r\n font-weight: 700;\r\n text-transform: uppercase;\r\n }\r\n .village-grid {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-around;\r\n gap: 20px;\r\n }\r\n .village-card {\r\n width: 28%;\r\n text-align: center;\r\n padding: 20px;\r\n padding-bottom: unset !important;\r\n border: 1px solid #99BC85;\r\n border-radius: 10px;\r\n transition: transform 0.4s ease;\r\n }\r\n .village-card:hover {\r\n transform: rotate(2deg) scale(1.1);\r\n }\r\n .village-card i {\r\n font-size: 2.5rem;\r\n color: #99BC85;\r\n margin-bottom: 15px;\r\n }\r\n .village-card h3 {\r\n color: #000;\r\n font-size: 1.4rem;\r\n line-height: 1.4rem !important; \r\n letter-spacing: 0rem !important;\r\n word-spacing: -2px;\r\n margin-bottom: 10px; \r\n }\r\n .village-card p {\r\n line-height: 1.2rem; \/* Adjusted for better spacing *\/\r\n color: #333;\r\n font-size: 1rem;\r\n }\r\n \r\n \/* Initially hide carousel dots on larger screens *\/\r\n .carousel-dots {\r\n display: none;\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes pulseBorder {\r\n from { border-color: #F5E8C7; }\r\n to { border-color: #99BC85; }\r\n }\r\n \r\n \r\n \/* Responsive Design for Tablets *\/\r\n @media (max-width: 768px) {\r\n .village-card {\r\n width: 45%;\r\n }\r\n .village-header h2 {\r\n font-size: 2rem;\r\n }\r\n }\r\n \r\n \/* --- CAROUSEL STYLES FOR MOBILE --- *\/\r\n @media (max-width: 480px) {\r\n .village-header h2 {\r\n font-size: 1.8rem;\r\n }\r\n\r\n \/* Grid container becomes a scroll container *\/\r\n .village-grid {\r\n flex-wrap: nowrap; \/* Prevent wrapping *\/\r\n overflow-x: auto; \/* Allow horizontal scrolling *\/\r\n scroll-snap-type: x mandatory; \/* Snap scrolling *\/\r\n -webkit-overflow-scrolling: touch; \/* Smooth scrolling on iOS *\/\r\n scrollbar-width: none; \/* Hide scrollbar for Firefox *\/\r\n }\r\n \r\n \/* Hide scrollbar for Chrome, Safari, and Opera *\/\r\n .village-grid::-webkit-scrollbar {\r\n display: none;\r\n }\r\n\r\n \/* Each card takes up the full width *\/\r\n .village-card {\r\n width: 100%;\r\n flex-shrink: 0; \/* Prevent cards from shrinking *\/\r\n scroll-snap-align: center; \/* Snap cards to the center *\/\r\n }\r\n\r\n \/* Hover effect is not ideal for touch, we can disable it *\/\r\n .village-card:hover {\r\n transform: none;\r\n }\r\n \r\n \/* --- DOTS STYLING --- *\/\r\n .carousel-dots {\r\n display: block; \/* Show the dots on mobile *\/\r\n text-align: center;\r\n margin-top: 20px;\r\n }\r\n .carousel-dot {\r\n display: inline-block;\r\n width: 10px;\r\n height: 10px;\r\n margin: 0 5px;\r\n border-radius: 50%;\r\n background-color: #F5E8C7;\r\n border: 1px solid #99BC85;\r\n cursor: pointer;\r\n transition: background-color 0.3s ease;\r\n }\r\n .carousel-dot.active {\r\n background-color: #99BC85; \/* Active dot color *\/\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"village-section\">\r\n <div class=\"village-header\">\r\n <!-- Original h1 was Village Heart, but CSS targets h2. Let's use h2 to match CSS -->\r\n <h2 class=\"titulli\"\">Village Heart<\/h2>\r\n <\/div>\r\n <div class=\"village-grid\">\r\n <div class=\"village-card\">\r\n <i class=\"fas fa-home\"><\/i>\r\n <h3>Village <br> Home<\/h3>\r\n <p>A warm haven preserving our cultural roots.<\/p>\r\n <\/div>\r\n <div class=\"village-card\">\r\n <i class=\"fas fa-seedling\"><\/i>\r\n <h3>Local <br> Harvest<\/h3>\r\n <p>Fresh produce straight from our fields.<\/p>\r\n <\/div>\r\n <div class=\"village-card\">\r\n <i class=\"fas fa-hands-helping\"><\/i>\r\n <h3>Community<br>Bond<\/h3>\r\n <p>A strong connection uniting us all.<\/p>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- This container will hold the navigation dots for the carousel on mobile -->\r\n <div class=\"carousel-dots\"><\/div>\r\n\r\n <\/div>\r\n\r\n <!-- Font Awesome for icons -->\r\n <script src=\"https:\/\/kit.fontawesome.com\/a076d05399.js\" crossorigin=\"anonymous\"><\/script>\r\n\r\n <!-- JavaScript for Carousel Dots -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ Only run this script on small screens where the carousel is active\r\n if (window.matchMedia('(max-width: 480px)').matches) {\r\n const grid = document.querySelector('.village-grid');\r\n const cards = document.querySelectorAll('.village-card');\r\n const dotsContainer = document.querySelector('.carousel-dots');\r\n\r\n if (!grid || !cards.length || !dotsContainer) return;\r\n\r\n \/\/ 1. Create dots for each card\r\n cards.forEach((card, index) => {\r\n const dot = document.createElement('span');\r\n dot.classList.add('carousel-dot');\r\n dot.dataset.index = index;\r\n dotsContainer.appendChild(dot);\r\n \r\n \/\/ Add click event to scroll to the card\r\n dot.addEventListener('click', () => {\r\n cards[index].scrollIntoView({\r\n behavior: 'smooth',\r\n block: 'nearest',\r\n inline: 'center'\r\n });\r\n });\r\n });\r\n\r\n const dots = document.querySelectorAll('.carousel-dot');\r\n \r\n \/\/ 2. Function to update which dot is active\r\n const updateActiveDot = () => {\r\n const cardWidth = cards[0].offsetWidth;\r\n \/\/ Find the index of the card that is most centered in the viewport\r\n const currentIndex = Math.round(grid.scrollLeft \/ cardWidth);\r\n \r\n dots.forEach((dot, index) => {\r\n if (index === currentIndex) {\r\n dot.classList.add('active');\r\n } else {\r\n dot.classList.remove('active');\r\n }\r\n });\r\n };\r\n\r\n \/\/ 3. Set the first dot as active initially\r\n updateActiveDot();\r\n\r\n \/\/ 4. Update the active dot whenever the user scrolls\/swipes\r\n \/\/ Use a timeout to prevent the event from firing too frequently\r\n let scrollTimeout;\r\n grid.addEventListener('scroll', () => {\r\n clearTimeout(scrollTimeout);\r\n scrollTimeout = setTimeout(updateActiveDot, 100);\r\n });\r\n }\r\n });\r\n <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Where Comfort and Adventures Meet at Roots Retreat Explore Our Rooms Villas & Suites Our villas and suites combine rustic charm with modern comfort. Nestled in a revitalized village, they offer the perfect setting for relaxation and adventure, all while connecting you to nature and the local community.d Company Mission At Fshati Duge, our mission […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-424","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/fshatiduge.com\/en\/wp-json\/wp\/v2\/pages\/424","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fshatiduge.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fshatiduge.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fshatiduge.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fshatiduge.com\/en\/wp-json\/wp\/v2\/comments?post=424"}],"version-history":[{"count":221,"href":"https:\/\/fshatiduge.com\/en\/wp-json\/wp\/v2\/pages\/424\/revisions"}],"predecessor-version":[{"id":7734,"href":"https:\/\/fshatiduge.com\/en\/wp-json\/wp\/v2\/pages\/424\/revisions\/7734"}],"wp:attachment":[{"href":"https:\/\/fshatiduge.com\/en\/wp-json\/wp\/v2\/media?parent=424"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}