Patron.net \u2013 Explore Causes<\/title><\/p>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap\" rel=\"stylesheet\">\n<style>\nbody {\n margin: 0;\n font-family: 'Inter', sans-serif;\n background: #050807;\n color: #f8fafc;\n}<\/p>\n<p>\/* HEADER *\/\nheader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 18px 40px;\n background: rgba(5,8,7,0.8);\n backdrop-filter: blur(12px);\n position: sticky;\n top: 0;\n z-index: 1000;\n}<\/p>\n<p>.logo {\n font-size: 22px;\n font-weight: 700;\n}<\/p>\n<p>nav a {\n margin: 0 14px;\n text-decoration: none;\n color: #e5e7eb;\n font-weight: 500;\n transition: 0.3s;\n}<\/p>\n<p>nav a:hover {\n color: #22c55e;\n}<\/p>\n<p>nav a.active {\n color: #22c55e;\n}<\/p>\n<p>\/* BUTTON *\/\n.btn {\n padding: 12px 24px;\n border-radius: 999px;\n text-decoration: none;\n font-weight: 600;\n transition: all 0.3s ease;\n}<\/p>\n<p>.btn-primary {\n background: linear-gradient(135deg, #22c55e, #16a34a);\n color: white;\n box-shadow: 0 10px 30px rgba(34,197,94,0.4);\n}<\/p>\n<p>.btn-primary:hover {\n transform: translateY(-3px);\n box-shadow: 0 20px 50px rgba(34,197,94,0.5);\n}<\/p>\n<p>\/* HERO *\/\n.hero {\n text-align: center;\n padding: 140px 20px;\n position: relative;\n}<\/p>\n<p>.hero::before {\n content: \"\";\n position: absolute;\n width: 600px;\n height: 600px;\n background: #22c55e;\n filter: blur(200px);\n opacity: 0.15;\n top: -100px;\n left: 50%;\n transform: translateX(-50%);\n}<\/p>\n<p>.hero h1 {\n font-size: 56px;\n margin-bottom: 20px;\n}<\/p>\n<p>.hero p {\n color: #94a3b8;\n font-size: 20px;\n margin-bottom: 40px;\n}<\/p>\n<p>\/* SECTIONS *\/\n.section {\n padding: 100px 20px;\n text-align: center;\n}<\/p>\n<p>.section h2 {\n font-size: 36px;\n}<\/p>\n<p>\/* CARDS *\/\n.cards {\n display: flex;\n gap: 25px;\n margin-top: 50px;\n flex-wrap: wrap;\n justify-content: center;\n}<\/p>\n<p>.card {\n flex: 1;\n min-width: 260px;\n max-width: 320px;\n padding: 35px;\n border-radius: 20px;\n background: rgba(255,255,255,0.05);\n border: 1px solid rgba(255,255,255,0.08);\n backdrop-filter: blur(10px);\n transition: all 0.3s ease;\n cursor: pointer;\n text-align: left;\n}<\/p>\n<p>.card:hover {\n transform: translateY(-8px);\n border-color: rgba(34,197,94,0.4);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}<\/p>\n<p>.card.active {\n border-color: rgba(34,197,94,0.4);\n box-shadow: 0 20px 60px rgba(0,0,0,0.4);\n}<\/p>\n<p>.card .icon {\n font-size: 36px;\n margin-bottom: 15px;\n}<\/p>\n<p>.card h3 {\n margin-bottom: 10px;\n font-size: 18px;\n font-weight: 700;\n}<\/p>\n<p>.card > p {\n color: #94a3b8;\n font-size: 14px;\n line-height: 1.6;\n}<\/p>\n<p>\/* EXPAND *\/\n.expand {\n max-height: 0;\n overflow: hidden;\n transition: all 0.4s ease;\n}<\/p>\n<p>.card.active .expand {\n max-height: 200px;\n margin-top: 15px;\n}<\/p>\n<p>.expand p {\n color: #94a3b8;\n font-size: 14px;\n line-height: 1.6;\n}<\/p>\n<p>.expand .btn {\n display: inline-block;\n margin-top: 12px;\n}<\/p>\n<p>\/* CTA *\/\n.cta {\n padding: 120px 20px;\n text-align: center;\n}<\/p>\n<p>.cta h2 {\n font-size: 40px;\n margin-bottom: 30px;\n}<\/p>\n<p>\/* FOOTER *\/\nfooter {\n background: #020403;\n text-align: center;\n padding: 40px 20px;\n color: #64748b;\n}<\/p>\n<p>\/* MOBILE *\/\n@media(max-width: 768px) {\n .hero h1 {\n font-size: 38px;\n }<\/p>\n<p> .cards {\n flex-direction: column;\n align-items: center;\n }<\/p>\n<p> header {\n padding: 16px 20px;\n }<\/p>\n<p> nav {\n display: none;\n }\n}\n<\/style>\n<p><\/head><\/p>\n<p><body><\/p>\n<header>\n<div class=\"logo\">Patron.net<\/div>\n<nav>\n <a href=\"https:\/\/patron.cupptechlab.com\/home\/\">Home<\/a><br \/>\n <a href=\"https:\/\/patron.cupptechlab.com\/how-it-works\/\">How It Works<\/a><br \/>\n <a href=\"https:\/\/patron.cupptechlab.com\/explore-causes\/\" class=\"active\">Explore Causes<\/a><br \/>\n <a href=\"https:\/\/patron.cupptechlab.com\/for-causes\/\">For Causes<\/a><br \/>\n <a href=\"https:\/\/patron.cupptechlab.com\/for-partners\/\">For Partners<\/a><br \/>\n <a href=\"https:\/\/patron.cupptechlab.com\/about\/\">About<\/a><br \/>\n <\/nav>\n<p> <a href=\"https:\/\/patron.cupptechlab.com\/join\/\" class=\"btn btn-primary\">Join<\/a><br \/>\n<\/header>\n<section class=\"hero\">\n<h1>Explore Causes<\/h1>\n<p>Discover impactful initiatives and become part of meaningful change.<\/p>\n<\/section>\n<section class=\"section\">\n<h2>What We Support<\/h2>\n<div class=\"cards\">\n<div class=\"card\" onclick=\"toggleCard(this)\">\n<div class=\"icon\">\ud83c\udf31<\/div>\n<h3>Youth Education Initiative<\/h3>\n<p>Empowering students through learning.<\/p>\n<div class=\"expand\">\n<p>Mentorship programs, scholarships, and digital education access for underserved communities.<\/p>\n<p> <a href=\"https:\/\/patron.cupptechlab.com\/join\/\" class=\"btn btn-primary\">Support<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"card\" onclick=\"toggleCard(this)\">\n<div class=\"icon\">\ud83c\udf0d<\/div>\n<h3>Green City Project<\/h3>\n<p>Sustainable urban living.<\/p>\n<div class=\"expand\">\n<p>Community tree planting, recycling programs, and eco-friendly city initiatives.<\/p>\n<p> <a href=\"https:\/\/patron.cupptechlab.com\/join\/\" class=\"btn btn-primary\">Support<\/a>\n <\/div>\n<\/p><\/div>\n<div class=\"card\" onclick=\"toggleCard(this)\">\n<div class=\"icon\">\ud83d\udca1<\/div>\n<h3>Innovation Hub<\/h3>\n<p>Supporting local startups.<\/p>\n<div class=\"expand\">\n<p>Helping entrepreneurs build impactful solutions with mentorship and funding.<\/p>\n<p> <a href=\"https:\/\/patron.cupptechlab.com\/join\/\" class=\"btn btn-primary\">Support<\/a>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/section>\n<section class=\"cta\">\n<h2>Ready to Make a Difference?<\/h2>\n<p> <a href=\"https:\/\/patron.cupptechlab.com\/join\/\" class=\"btn btn-primary\">Join as a Patron<\/a><br \/>\n<\/section>\n<footer>\n<p>\u00a9 2026 Patron.net \u2014 All Rights Reserved<\/p>\n<\/footer>\n<p><script>\nfunction toggleCard(card) {\n document.querySelectorAll('.card').forEach(function(c) {\n if (c !== card) c.classList.remove('active');\n });\n card.classList.toggle('active');\n}\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Patron.net \u2013 Explore Causes Patron.net Home How It Works Explore Causes For Causes For Partners About Join Explore Causes Discover impactful initiatives and become part of meaningful change. What We Support \ud83c\udf31 Youth Education Initiative Empowering students through learning. Mentorship programs, scholarships, and digital education access for underserved communities. Support \ud83c\udf0d Green City Project Sustainable […]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"explore-causes","meta":{"footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/patron.cupptechlab.com\/en\/wp-json\/wp\/v2\/pages\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/patron.cupptechlab.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/patron.cupptechlab.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/patron.cupptechlab.com\/en\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/patron.cupptechlab.com\/en\/wp-json\/wp\/v2\/comments?post=82"}],"version-history":[{"count":15,"href":"https:\/\/patron.cupptechlab.com\/en\/wp-json\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":262,"href":"https:\/\/patron.cupptechlab.com\/en\/wp-json\/wp\/v2\/pages\/82\/revisions\/262"}],"wp:attachment":[{"href":"https:\/\/patron.cupptechlab.com\/en\/wp-json\/wp\/v2\/media?parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":82,"date":"2026-04-24T19:14:03","date_gmt":"2026-04-24T19:14:03","guid":{"rendered":"https:\/\/patron.cupptechlab.com\/?page_id=82"},"modified":"2026-04-28T17:40:45","modified_gmt":"2026-04-28T17:40:45","slug":"explore-causes","status":"publish","type":"page","link":"https:\/\/patron.cupptechlab.com\/en\/explore-causes\/","title":{"rendered":"Explore Causes"},"content":{"rendered":"

\n
\n
\n
\n<\/p>\n