Community Hub | ECOFY<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* Base Styles *\/\n :root {\n --primary: #2ecc71;\n --primary-dark: #27ae60;\n --secondary: #3498db;\n --light: #f9f9f9;\n --dark: #2c3e50;\n --gray: #95a5a6;\n --shadow: 0 4px 6px rgba(0,0,0,0.1);\n --light-bg: #f5f7fa;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background-color: var(--light-bg);\n color: var(--dark);\n line-height: 1.6;\n }\n \n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n section {\n padding: 60px 0;\n }\n \n .section-title {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .section-title h2 {\n font-size: 2.2rem;\n color: var(--dark);\n margin-bottom: 15px;\n }\n \n .section-title p {\n color: var(--gray);\n max-width: 600px;\n margin: 0 auto;\n }\n \n .btn {\n display: inline-block;\n padding: 12px 28px;\n background-color: var(--primary);\n color: white;\n text-decoration: none;\n border-radius: 30px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n \n .btn:hover {\n background-color: var(--primary-dark);\n transform: translateY(-2px);\n }\n \n .btn-secondary {\n background-color: var(--secondary);\n }\n \n .btn-secondary:hover {\n background-color: #2980b9;\n }\n \n \/* Header Styles *\/\n header {\n background-color: white;\n box-shadow: var(--shadow);\n position: sticky;\n top: 0;\n z-index: 100;\n }\n \n .header-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n }\n \n .logo {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--primary);\n text-decoration: none;\n }\n \n .logo span {\n color: var(--secondary);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n }\n \n nav ul li {\n margin-left: 30px;\n }\n \n nav ul li a {\n text-decoration: none;\n color: var(--dark);\n font-weight: 500;\n transition: color 0.3s;\n }\n \n nav ul li a:hover {\n color: var(--primary);\n }\n \n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, rgba(46, 204, 113, 0.15) 0%, rgba(52, 152, 219, 0.15) 100%);\n padding: 80px 0 40px;\n text-align: center;\n }\n \n .hero h1 {\n font-size: 2.8rem;\n margin-bottom: 20px;\n color: var(--dark);\n }\n \n .hero p {\n font-size: 1.2rem;\n max-width: 700px;\n margin: 0 auto 30px;\n color: var(--dark);\n }\n \n \/* Community Layout *\/\n .community-layout {\n display: grid;\n grid-template-columns: 280px 1fr;\n gap: 30px;\n margin-top: -40px;\n }\n \n \/* Sidebar *\/\n .community-sidebar {\n position: sticky;\n top: 100px;\n align-self: start;\n }\n \n .sidebar-card {\n background-color: white;\n border-radius: 10px;\n box-shadow: var(--shadow);\n padding: 25px;\n margin-bottom: 25px;\n }\n \n .sidebar-card h3 {\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--primary);\n }\n \n .user-profile {\n text-align: center;\n padding: 20px 15px;\n }\n \n .user-avatar {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background-color: #e0f7fa;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n color: var(--gray);\n overflow: hidden;\n }\n \n .user-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n .user-name {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 5px;\n }\n \n .user-title {\n color: var(--primary);\n font-size: 0.9rem;\n margin-bottom: 15px;\n }\n \n .user-stats {\n display: flex;\n justify-content: space-around;\n margin: 20px 0;\n }\n \n .stat-item {\n text-align: center;\n }\n \n .stat-value {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--dark);\n }\n \n .stat-label {\n font-size: 0.8rem;\n color: var(--gray);\n }\n \n .progress-bar {\n height: 8px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 15px 0;\n overflow: hidden;\n }\n \n .progress-fill {\n height: 100%;\n background-color: var(--primary);\n width: 65%;\n border-radius: 4px;\n }\n \n .badges-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));\n gap: 10px;\n }\n \n .badge {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background-color: var(--light);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.8rem;\n color: #f1c40f;\n box-shadow: var(--shadow);\n }\n \n \/* Groups and Members *\/\n .members-list, .groups-list {\n list-style: none;\n }\n \n .member-item, .group-item {\n display: flex;\n align-items: center;\n padding: 10px 0;\n border-bottom: 1px solid #eee;\n }\n \n .member-item:last-child, .group-item:last-child {\n border-bottom: none;\n }\n \n .member-avatar, .group-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: #e0f7fa;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n flex-shrink: 0;\n }\n \n .group-icon {\n background-color: rgba(52, 152, 219, 0.15);\n color: var(--secondary);\n }\n \n .member-info, .group-info {\n flex-grow: 1;\n }\n \n .member-name, .group-name {\n font-weight: 500;\n }\n \n .member-status {\n font-size: 0.8rem;\n color: var(--gray);\n }\n \n .group-members {\n font-size: 0.8rem;\n color: var(--gray);\n display: flex;\n align-items: center;\n }\n \n .group-members i {\n margin-right: 5px;\n }\n \n \/* Activity Stream *\/\n .activity-stream {\n background-color: white;\n border-radius: 10px;\n box-shadow: var(--shadow);\n padding: 30px;\n }\n \n .activity-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--primary);\n }\n \n .activity-filters {\n display: flex;\n gap: 10px;\n }\n \n .filter-btn {\n padding: 8px 16px;\n background-color: var(--light);\n border-radius: 20px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .filter-btn.active, .filter-btn:hover {\n background-color: var(--primary);\n color: white;\n }\n \n .activity-item {\n display: flex;\n padding: 20px 0;\n border-bottom: 1px solid #eee;\n }\n \n .activity-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #e0f7fa;\n margin-right: 15px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n }\n \n .activity-content {\n flex-grow: 1;\n }\n \n .activity-user {\n font-weight: 600;\n margin-bottom: 5px;\n }\n \n .activity-text {\n margin-bottom: 10px;\n }\n \n .activity-meta {\n display: flex;\n gap: 15px;\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .activity-actions {\n display: flex;\n gap: 15px;\n margin-top: 10px;\n }\n \n .action-btn {\n display: flex;\n align-items: center;\n color: var(--gray);\n background: none;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n }\n \n .action-btn i {\n margin-right: 5px;\n }\n \n .action-btn:hover {\n color: var(--primary);\n }\n \n .activity-image {\n width: 100%;\n height: 300px;\n background-color: #e0f7fa;\n border-radius: 8px;\n margin-top: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n font-size: 2rem;\n }\n \n .post-form {\n background-color: var(--light);\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 30px;\n }\n \n .post-input {\n width: 100%;\n min-height: 100px;\n padding: 15px;\n border: 1px solid #ddd;\n border-radius: 8px;\n font-size: 1rem;\n margin-bottom: 15px;\n }\n \n .post-actions {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .media-options {\n display: flex;\n gap: 15px;\n }\n \n .media-btn {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .media-btn:hover {\n background-color: var(--primary);\n color: white;\n }\n \n \/* Forums Section *\/\n .forums-section {\n margin-top: 40px;\n }\n \n .forums-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n }\n \n .forum-card {\n background-color: white;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s ease;\n }\n \n .forum-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n \n .forum-header {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: white;\n padding: 20px;\n }\n \n .forum-icon {\n font-size: 2.5rem;\n margin-bottom: 10px;\n }\n \n .forum-body {\n padding: 20px;\n }\n \n .forum-stats {\n display: flex;\n justify-content: space-between;\n margin-top: 15px;\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .forum-link {\n display: inline-block;\n margin-top: 15px;\n color: var(--primary);\n font-weight: 500;\n text-decoration: none;\n }\n \n \/* Footer *\/\n footer {\n background-color: var(--dark);\n color: white;\n padding: 40px 0 20px;\n }\n \n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n margin-bottom: 40px;\n }\n \n .footer-column h3 {\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n }\n \n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background-color: var(--primary);\n }\n \n .footer-column ul {\n list-style: none;\n }\n \n .footer-column ul li {\n margin-bottom: 10px;\n }\n \n .footer-column ul li a {\n color: #ecf0f1;\n text-decoration: none;\n transition: color 0.3s;\n }\n \n .footer-column ul li a:hover {\n color: var(--primary);\n }\n \n .copyright {\n text-align: center;\n padding-top: 20px;\n border-top: 1px solid #34495e;\n color: #bdc3c7;\n }\n \n \/* Responsive Styles *\/\n @media (max-width: 992px) {\n .community-layout {\n grid-template-columns: 1fr;\n }\n \n .community-sidebar {\n position: static;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .user-profile-card {\n grid-column: 1 \/ -1;\n }\n }\n \n @media (max-width: 768px) {\n nav ul {\n display: none;\n }\n \n .hero h1 {\n font-size: 2.2rem;\n }\n \n .section-title h2 {\n font-size: 1.8rem;\n }\n \n .activity-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 15px;\n }\n \n .forums-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n\n \n <section class=\"hero\">\n <div class=\"container\">\n <h1>ECOFY Community Hub<\/h1>\n <p>Connect with eco-conscious individuals, share tips, and celebrate sustainable achievements<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"container\">\n <div class=\"community-layout\">\n \n <div class=\"community-sidebar\">\n \n <div class=\"sidebar-card user-profile-card\">\n <div class=\"user-profile\">\n <div class=\"user-avatar\">\n <i class=\"fas fa-user\"><\/i>\n <\/div>\n <div class=\"user-name\">Sarah Green<\/div>\n <div class=\"user-title\">Eco Ambassador<\/div>\n <div class=\"user-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-value\">1,250<\/div>\n <div class=\"stat-label\">Points<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">12<\/div>\n <div class=\"stat-label\">Badges<\/div>\n <\/div>\n <\/div>\n <div class=\"progress-bar\n","protected":false},"excerpt":{"rendered":"<p>Community Hub | ECOFY ECOFY Community Hub Connect with eco-conscious individuals, share tips, and celebrate sustainable achievements Sarah Green Eco Ambassador 1,250 Points 12 Badges<\/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-32","page","type-page","status-publish","hentry","entry"],"yoast_head":"\n<title>Community - ECOFY<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Community - ECOFY\" \/>\n<meta property=\"og:description\" content=\"Community Hub | ECOFY ECOFY Community Hub Connect with eco-conscious individuals, share tips, and celebrate sustainable achievements Sarah Green Eco Ambassador 1,250 Points 12 Badges\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\" \/>\n<meta property=\"og:site_name\" content=\"ECOFY\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-20T10:18:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\",\"name\":\"Community - ECOFY\",\"isPartOf\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#website\"},\"datePublished\":\"2025-06-16T13:14:04+00:00\",\"dateModified\":\"2025-06-20T10:18:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ecofy.websitecompetition.top\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Community\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#website\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/\",\"name\":\"ECOFY\",\"description\":\"Smart. Green. Connected\",\"publisher\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ecofy.websitecompetition.top\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#organization\",\"name\":\"ECOFY\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp\",\"contentUrl\":\"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp\",\"width\":1598,\"height\":894,\"caption\":\"ECOFY\"},\"image\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Community - ECOFY","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/","og_locale":"en_US","og_type":"article","og_title":"Community - ECOFY","og_description":"Community Hub | ECOFY ECOFY Community Hub Connect with eco-conscious individuals, share tips, and celebrate sustainable achievements Sarah Green Eco Ambassador 1,250 Points 12 Badges","og_url":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/","og_site_name":"ECOFY","article_modified_time":"2025-06-20T10:18:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/","url":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/","name":"Community - ECOFY","isPartOf":{"@id":"https:\/\/ecofy.websitecompetition.top\/#website"},"datePublished":"2025-06-16T13:14:04+00:00","dateModified":"2025-06-20T10:18:26+00:00","breadcrumb":{"@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecofy.websitecompetition.top\/"},{"@type":"ListItem","position":2,"name":"Community"}]},{"@type":"WebSite","@id":"https:\/\/ecofy.websitecompetition.top\/#website","url":"https:\/\/ecofy.websitecompetition.top\/","name":"ECOFY","description":"Smart. Green. Connected","publisher":{"@id":"https:\/\/ecofy.websitecompetition.top\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecofy.websitecompetition.top\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ecofy.websitecompetition.top\/#organization","name":"ECOFY","url":"https:\/\/ecofy.websitecompetition.top\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/","url":"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp","contentUrl":"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp","width":1598,"height":894,"caption":"ECOFY"},"image":{"@id":"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":0,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"wp:attachment":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":32,"date":"2025-06-16T13:14:04","date_gmt":"2025-06-16T13:14:04","guid":{"rendered":"https:\/\/ecofy.websitecompetition.top\/?page_id=32"},"modified":"2025-06-20T10:18:26","modified_gmt":"2025-06-20T10:18:26","slug":"guide","status":"publish","type":"page","link":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/","title":{"rendered":"Community"},"content":{"rendered":"\n\n\n\n \n \n Community Hub | ECOFY<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n \/* Base Styles *\/\n :root {\n --primary: #2ecc71;\n --primary-dark: #27ae60;\n --secondary: #3498db;\n --light: #f9f9f9;\n --dark: #2c3e50;\n --gray: #95a5a6;\n --shadow: 0 4px 6px rgba(0,0,0,0.1);\n --light-bg: #f5f7fa;\n }\n \n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n }\n \n body {\n background-color: var(--light-bg);\n color: var(--dark);\n line-height: 1.6;\n }\n \n .container {\n width: 100%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 20px;\n }\n \n section {\n padding: 60px 0;\n }\n \n .section-title {\n text-align: center;\n margin-bottom: 40px;\n position: relative;\n }\n \n .section-title h2 {\n font-size: 2.2rem;\n color: var(--dark);\n margin-bottom: 15px;\n }\n \n .section-title p {\n color: var(--gray);\n max-width: 600px;\n margin: 0 auto;\n }\n \n .btn {\n display: inline-block;\n padding: 12px 28px;\n background-color: var(--primary);\n color: white;\n text-decoration: none;\n border-radius: 30px;\n font-weight: 600;\n transition: all 0.3s ease;\n border: none;\n cursor: pointer;\n }\n \n .btn:hover {\n background-color: var(--primary-dark);\n transform: translateY(-2px);\n }\n \n .btn-secondary {\n background-color: var(--secondary);\n }\n \n .btn-secondary:hover {\n background-color: #2980b9;\n }\n \n \/* Header Styles *\/\n header {\n background-color: white;\n box-shadow: var(--shadow);\n position: sticky;\n top: 0;\n z-index: 100;\n }\n \n .header-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 0;\n }\n \n .logo {\n font-size: 1.8rem;\n font-weight: 700;\n color: var(--primary);\n text-decoration: none;\n }\n \n .logo span {\n color: var(--secondary);\n }\n \n nav ul {\n display: flex;\n list-style: none;\n }\n \n nav ul li {\n margin-left: 30px;\n }\n \n nav ul li a {\n text-decoration: none;\n color: var(--dark);\n font-weight: 500;\n transition: color 0.3s;\n }\n \n nav ul li a:hover {\n color: var(--primary);\n }\n \n \/* Hero Section *\/\n .hero {\n background: linear-gradient(135deg, rgba(46, 204, 113, 0.15) 0%, rgba(52, 152, 219, 0.15) 100%);\n padding: 80px 0 40px;\n text-align: center;\n }\n \n .hero h1 {\n font-size: 2.8rem;\n margin-bottom: 20px;\n color: var(--dark);\n }\n \n .hero p {\n font-size: 1.2rem;\n max-width: 700px;\n margin: 0 auto 30px;\n color: var(--dark);\n }\n \n \/* Community Layout *\/\n .community-layout {\n display: grid;\n grid-template-columns: 280px 1fr;\n gap: 30px;\n margin-top: -40px;\n }\n \n \/* Sidebar *\/\n .community-sidebar {\n position: sticky;\n top: 100px;\n align-self: start;\n }\n \n .sidebar-card {\n background-color: white;\n border-radius: 10px;\n box-shadow: var(--shadow);\n padding: 25px;\n margin-bottom: 25px;\n }\n \n .sidebar-card h3 {\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--primary);\n }\n \n .user-profile {\n text-align: center;\n padding: 20px 15px;\n }\n \n .user-avatar {\n width: 100px;\n height: 100px;\n border-radius: 50%;\n background-color: #e0f7fa;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2.5rem;\n color: var(--gray);\n overflow: hidden;\n }\n \n .user-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n \n .user-name {\n font-size: 1.3rem;\n font-weight: 600;\n margin-bottom: 5px;\n }\n \n .user-title {\n color: var(--primary);\n font-size: 0.9rem;\n margin-bottom: 15px;\n }\n \n .user-stats {\n display: flex;\n justify-content: space-around;\n margin: 20px 0;\n }\n \n .stat-item {\n text-align: center;\n }\n \n .stat-value {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--dark);\n }\n \n .stat-label {\n font-size: 0.8rem;\n color: var(--gray);\n }\n \n .progress-bar {\n height: 8px;\n background-color: #e0e0e0;\n border-radius: 4px;\n margin: 15px 0;\n overflow: hidden;\n }\n \n .progress-fill {\n height: 100%;\n background-color: var(--primary);\n width: 65%;\n border-radius: 4px;\n }\n \n .badges-container {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(60px, 1fr));\n gap: 10px;\n }\n \n .badge {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background-color: var(--light);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 1.8rem;\n color: #f1c40f;\n box-shadow: var(--shadow);\n }\n \n \/* Groups and Members *\/\n .members-list, .groups-list {\n list-style: none;\n }\n \n .member-item, .group-item {\n display: flex;\n align-items: center;\n padding: 10px 0;\n border-bottom: 1px solid #eee;\n }\n \n .member-item:last-child, .group-item:last-child {\n border-bottom: none;\n }\n \n .member-avatar, .group-icon {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: #e0f7fa;\n margin-right: 12px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n flex-shrink: 0;\n }\n \n .group-icon {\n background-color: rgba(52, 152, 219, 0.15);\n color: var(--secondary);\n }\n \n .member-info, .group-info {\n flex-grow: 1;\n }\n \n .member-name, .group-name {\n font-weight: 500;\n }\n \n .member-status {\n font-size: 0.8rem;\n color: var(--gray);\n }\n \n .group-members {\n font-size: 0.8rem;\n color: var(--gray);\n display: flex;\n align-items: center;\n }\n \n .group-members i {\n margin-right: 5px;\n }\n \n \/* Activity Stream *\/\n .activity-stream {\n background-color: white;\n border-radius: 10px;\n box-shadow: var(--shadow);\n padding: 30px;\n }\n \n .activity-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n padding-bottom: 15px;\n border-bottom: 2px solid var(--primary);\n }\n \n .activity-filters {\n display: flex;\n gap: 10px;\n }\n \n .filter-btn {\n padding: 8px 16px;\n background-color: var(--light);\n border-radius: 20px;\n font-size: 0.9rem;\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .filter-btn.active, .filter-btn:hover {\n background-color: var(--primary);\n color: white;\n }\n \n .activity-item {\n display: flex;\n padding: 20px 0;\n border-bottom: 1px solid #eee;\n }\n \n .activity-avatar {\n width: 50px;\n height: 50px;\n border-radius: 50%;\n background-color: #e0f7fa;\n margin-right: 15px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n }\n \n .activity-content {\n flex-grow: 1;\n }\n \n .activity-user {\n font-weight: 600;\n margin-bottom: 5px;\n }\n \n .activity-text {\n margin-bottom: 10px;\n }\n \n .activity-meta {\n display: flex;\n gap: 15px;\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .activity-actions {\n display: flex;\n gap: 15px;\n margin-top: 10px;\n }\n \n .action-btn {\n display: flex;\n align-items: center;\n color: var(--gray);\n background: none;\n border: none;\n cursor: pointer;\n font-size: 0.9rem;\n }\n \n .action-btn i {\n margin-right: 5px;\n }\n \n .action-btn:hover {\n color: var(--primary);\n }\n \n .activity-image {\n width: 100%;\n height: 300px;\n background-color: #e0f7fa;\n border-radius: 8px;\n margin-top: 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n font-size: 2rem;\n }\n \n .post-form {\n background-color: var(--light);\n border-radius: 10px;\n padding: 20px;\n margin-bottom: 30px;\n }\n \n .post-input {\n width: 100%;\n min-height: 100px;\n padding: 15px;\n border: 1px solid #ddd;\n border-radius: 8px;\n font-size: 1rem;\n margin-bottom: 15px;\n }\n \n .post-actions {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n \n .media-options {\n display: flex;\n gap: 15px;\n }\n \n .media-btn {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background-color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--gray);\n cursor: pointer;\n transition: all 0.3s ease;\n }\n \n .media-btn:hover {\n background-color: var(--primary);\n color: white;\n }\n \n \/* Forums Section *\/\n .forums-section {\n margin-top: 40px;\n }\n \n .forums-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));\n gap: 25px;\n }\n \n .forum-card {\n background-color: white;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s ease;\n }\n \n .forum-card:hover {\n transform: translateY(-5px);\n box-shadow: 0 10px 20px rgba(0,0,0,0.1);\n }\n \n .forum-header {\n background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);\n color: white;\n padding: 20px;\n }\n \n .forum-icon {\n font-size: 2.5rem;\n margin-bottom: 10px;\n }\n \n .forum-body {\n padding: 20px;\n }\n \n .forum-stats {\n display: flex;\n justify-content: space-between;\n margin-top: 15px;\n color: var(--gray);\n font-size: 0.9rem;\n }\n \n .forum-link {\n display: inline-block;\n margin-top: 15px;\n color: var(--primary);\n font-weight: 500;\n text-decoration: none;\n }\n \n \/* Footer *\/\n footer {\n background-color: var(--dark);\n color: white;\n padding: 40px 0 20px;\n }\n \n .footer-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n margin-bottom: 40px;\n }\n \n .footer-column h3 {\n margin-bottom: 20px;\n position: relative;\n padding-bottom: 10px;\n }\n \n .footer-column h3::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 40px;\n height: 3px;\n background-color: var(--primary);\n }\n \n .footer-column ul {\n list-style: none;\n }\n \n .footer-column ul li {\n margin-bottom: 10px;\n }\n \n .footer-column ul li a {\n color: #ecf0f1;\n text-decoration: none;\n transition: color 0.3s;\n }\n \n .footer-column ul li a:hover {\n color: var(--primary);\n }\n \n .copyright {\n text-align: center;\n padding-top: 20px;\n border-top: 1px solid #34495e;\n color: #bdc3c7;\n }\n \n \/* Responsive Styles *\/\n @media (max-width: 992px) {\n .community-layout {\n grid-template-columns: 1fr;\n }\n \n .community-sidebar {\n position: static;\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 20px;\n }\n \n .user-profile-card {\n grid-column: 1 \/ -1;\n }\n }\n \n @media (max-width: 768px) {\n nav ul {\n display: none;\n }\n \n .hero h1 {\n font-size: 2.2rem;\n }\n \n .section-title h2 {\n font-size: 1.8rem;\n }\n \n .activity-header {\n flex-direction: column;\n align-items: flex-start;\n gap: 15px;\n }\n \n .forums-grid {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n\n \n <section class=\"hero\">\n <div class=\"container\">\n <h1>ECOFY Community Hub<\/h1>\n <p>Connect with eco-conscious individuals, share tips, and celebrate sustainable achievements<\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"container\">\n <div class=\"community-layout\">\n \n <div class=\"community-sidebar\">\n \n <div class=\"sidebar-card user-profile-card\">\n <div class=\"user-profile\">\n <div class=\"user-avatar\">\n <i class=\"fas fa-user\"><\/i>\n <\/div>\n <div class=\"user-name\">Sarah Green<\/div>\n <div class=\"user-title\">Eco Ambassador<\/div>\n <div class=\"user-stats\">\n <div class=\"stat-item\">\n <div class=\"stat-value\">1,250<\/div>\n <div class=\"stat-label\">Points<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-value\">12<\/div>\n <div class=\"stat-label\">Badges<\/div>\n <\/div>\n <\/div>\n <div class=\"progress-bar\n","protected":false},"excerpt":{"rendered":"<p>Community Hub | ECOFY ECOFY Community Hub Connect with eco-conscious individuals, share tips, and celebrate sustainable achievements Sarah Green Eco Ambassador 1,250 Points 12 Badges<\/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-32","page","type-page","status-publish","hentry","entry"],"yoast_head":"\n<title>Community - ECOFY<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Community - ECOFY\" \/>\n<meta property=\"og:description\" content=\"Community Hub | ECOFY ECOFY Community Hub Connect with eco-conscious individuals, share tips, and celebrate sustainable achievements Sarah Green Eco Ambassador 1,250 Points 12 Badges\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\" \/>\n<meta property=\"og:site_name\" content=\"ECOFY\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-20T10:18:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\",\"name\":\"Community - ECOFY\",\"isPartOf\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#website\"},\"datePublished\":\"2025-06-16T13:14:04+00:00\",\"dateModified\":\"2025-06-20T10:18:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ecofy.websitecompetition.top\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Community\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#website\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/\",\"name\":\"ECOFY\",\"description\":\"Smart. Green. Connected\",\"publisher\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ecofy.websitecompetition.top\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#organization\",\"name\":\"ECOFY\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp\",\"contentUrl\":\"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp\",\"width\":1598,\"height\":894,\"caption\":\"ECOFY\"},\"image\":{\"@id\":\"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"Community - ECOFY","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/","og_locale":"en_US","og_type":"article","og_title":"Community - ECOFY","og_description":"Community Hub | ECOFY ECOFY Community Hub Connect with eco-conscious individuals, share tips, and celebrate sustainable achievements Sarah Green Eco Ambassador 1,250 Points 12 Badges","og_url":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/","og_site_name":"ECOFY","article_modified_time":"2025-06-20T10:18:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/","url":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/","name":"Community - ECOFY","isPartOf":{"@id":"https:\/\/ecofy.websitecompetition.top\/#website"},"datePublished":"2025-06-16T13:14:04+00:00","dateModified":"2025-06-20T10:18:26+00:00","breadcrumb":{"@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ecofy.websitecompetition.top\/index.php\/guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ecofy.websitecompetition.top\/"},{"@type":"ListItem","position":2,"name":"Community"}]},{"@type":"WebSite","@id":"https:\/\/ecofy.websitecompetition.top\/#website","url":"https:\/\/ecofy.websitecompetition.top\/","name":"ECOFY","description":"Smart. Green. Connected","publisher":{"@id":"https:\/\/ecofy.websitecompetition.top\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecofy.websitecompetition.top\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ecofy.websitecompetition.top\/#organization","name":"ECOFY","url":"https:\/\/ecofy.websitecompetition.top\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/","url":"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp","contentUrl":"https:\/\/ecofy.websitecompetition.top\/wp-content\/uploads\/2025\/06\/cropped-download.webp","width":1598,"height":894,"caption":"ECOFY"},"image":{"@id":"https:\/\/ecofy.websitecompetition.top\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":0,"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"wp:attachment":[{"href":"https:\/\/ecofy.websitecompetition.top\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}