{"id":183,"date":"2026-05-13T09:11:04","date_gmt":"2026-05-13T02:11:04","guid":{"rendered":"http:\/\/mahanani.id\/?page_id=183"},"modified":"2026-05-13T09:27:48","modified_gmt":"2026-05-13T02:27:48","slug":"elementor-183","status":"publish","type":"page","link":"https:\/\/mahanani.id\/?page_id=183","title":{"rendered":"Elementor #183"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"183\" class=\"elementor elementor-183\">\n\t\t\t\t<div class=\"elementor-element elementor-element-585a990 e-flex e-con-boxed e-con e-parent\" data-id=\"585a990\" 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-99512f1 elementor-widget elementor-widget-html\" data-id=\"99512f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"id\">\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>MAHANANI | Yayasan Penyandang Cacat<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n*{\r\nmargin:0;\r\npadding:0;\r\nbox-sizing:border-box;\r\n}\r\n\r\nbody{\r\nfont-family:'Poppins',sans-serif;\r\nbackground:#f7f8f6;\r\ncolor:#17342f;\r\nline-height:1.7;\r\noverflow-x:hidden;\r\n}\r\n\r\nheader{\r\nposition:fixed;\r\nwidth:100%;\r\ntop:0;\r\nleft:0;\r\npadding:20px 7%;\r\ndisplay:flex;\r\njustify-content:space-between;\r\nalign-items:center;\r\nbackground:rgba(8,30,26,0.85);\r\nbackdrop-filter:blur(12px);\r\nz-index:1000;\r\n}\r\n\r\n.logo-wrap{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:15px;\r\n}\r\n\r\n.logo-wrap img{\r\nwidth:65px;\r\nheight:65px;\r\nobject-fit:contain;\r\n}\r\n\r\n.logo-text h2{\r\nfont-size:28px;\r\ncolor:#fff;\r\nfont-family:'Playfair Display',serif;\r\nletter-spacing:2px;\r\n}\r\n\r\n.logo-text span{\r\nfont-size:12px;\r\ncolor:#d9d9d9;\r\nletter-spacing:3px;\r\n}\r\n\r\nnav a{\r\ntext-decoration:none;\r\ncolor:white;\r\nmargin-left:28px;\r\nfont-weight:500;\r\ntransition:0.3s;\r\n}\r\n\r\nnav a:hover{\r\ncolor:#e7c66b;\r\n}\r\n\r\n.hero{\r\nmin-height:100vh;\r\nbackground:\r\nlinear-gradient(rgba(8,30,26,0.75),rgba(8,30,26,0.75)),\r\nurl('https:\/\/images.unsplash.com\/photo-1529156069898-49953e39b3ac?q=80&w=1600&auto=format&fit=crop');\r\nbackground-size:cover;\r\nbackground-position:center;\r\ndisplay:flex;\r\nalign-items:center;\r\npadding:140px 7% 100px;\r\ncolor:white;\r\n}\r\n\r\n.hero-content{\r\nmax-width:850px;\r\n}\r\n\r\n.hero-content h1{\r\nfont-size:72px;\r\nline-height:1.15;\r\nmargin-bottom:25px;\r\nfont-family:'Playfair Display',serif;\r\n}\r\n\r\n.hero-content p{\r\nfont-size:22px;\r\nmax-width:760px;\r\nmargin-bottom:40px;\r\ncolor:#e5e5e5;\r\n}\r\n\r\n.btn{\r\ndisplay:inline-block;\r\npadding:16px 38px;\r\nborder-radius:60px;\r\ntext-decoration:none;\r\nfont-weight:600;\r\nmargin-right:15px;\r\ntransition:0.3s;\r\n}\r\n\r\n.btn-primary{\r\nbackground:#d9b24d;\r\ncolor:#17342f;\r\n}\r\n\r\n.btn-primary:hover{\r\ntransform:translateY(-4px);\r\nbackground:#f1ca66;\r\n}\r\n\r\n.btn-outline{\r\nborder:2px solid white;\r\ncolor:white;\r\n}\r\n\r\n.btn-outline:hover{\r\nbackground:white;\r\ncolor:#17342f;\r\n}\r\n\r\nsection{\r\npadding:100px 7%;\r\n}\r\n\r\n.section-title{\r\ntext-align:center;\r\nmargin-bottom:70px;\r\n}\r\n\r\n.section-title h2{\r\nfont-size:48px;\r\nfont-family:'Playfair Display',serif;\r\nmargin-bottom:15px;\r\ncolor:#17342f;\r\n}\r\n\r\n.section-title p{\r\ncolor:#667873;\r\nfont-size:18px;\r\n}\r\n\r\n.about{\r\ndisplay:grid;\r\ngrid-template-columns:1fr 1fr;\r\ngap:60px;\r\nalign-items:center;\r\n}\r\n\r\n.about-card{\r\nbackground:white;\r\npadding:50px;\r\nborder-radius:30px;\r\nbox-shadow:0 15px 40px rgba(0,0,0,0.08);\r\n}\r\n\r\n.about-card h3{\r\nfont-size:36px;\r\nmargin-bottom:20px;\r\nfont-family:'Playfair Display',serif;\r\n}\r\n\r\n.about-card p{\r\nmargin-bottom:18px;\r\ncolor:#53645f;\r\n}\r\n\r\n.about-image img{\r\nwidth:100%;\r\nborder-radius:30px;\r\nbox-shadow:0 15px 40px rgba(0,0,0,0.12);\r\n}\r\n\r\n.program-grid{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(auto-fit,minmax(260px,1fr));\r\ngap:30px;\r\n}\r\n\r\n.program-card{\r\nbackground:white;\r\npadding:40px 35px;\r\nborder-radius:28px;\r\nbox-shadow:0 12px 35px rgba(0,0,0,0.08);\r\ntransition:0.4s;\r\nposition:relative;\r\noverflow:hidden;\r\n}\r\n\r\n.program-card::before{\r\ncontent:'';\r\nposition:absolute;\r\ntop:0;\r\nleft:0;\r\nwidth:100%;\r\nheight:5px;\r\nbackground:linear-gradient(90deg,#0f4d43,#d9b24d);\r\n}\r\n\r\n.program-card:hover{\r\ntransform:translateY(-10px);\r\n}\r\n\r\n.program-card h3{\r\nmargin-bottom:18px;\r\nfont-size:24px;\r\ncolor:#17342f;\r\n}\r\n\r\n.program-card p{\r\ncolor:#60706b;\r\n}\r\n\r\n.highlight{\r\nbackground:linear-gradient(135deg,#0f4d43,#1d6a5c);\r\ncolor:white;\r\ntext-align:center;\r\npadding:100px 8%;\r\nborder-radius:40px;\r\n}\r\n\r\n.highlight h2{\r\nfont-size:52px;\r\nfont-family:'Playfair Display',serif;\r\nmargin-bottom:25px;\r\n}\r\n\r\n.highlight p{\r\nfont-size:22px;\r\nmax-width:900px;\r\nmargin:auto;\r\nopacity:0.95;\r\n}\r\n\r\n.stats{\r\ndisplay:grid;\r\ngrid-template-columns:repeat(auto-fit,minmax(200px,1fr));\r\ngap:30px;\r\nmargin-top:60px;\r\n}\r\n\r\n.stat-box{\r\nbackground:white;\r\npadding:35px;\r\nborder-radius:25px;\r\ntext-align:center;\r\nbox-shadow:0 10px 30px rgba(0,0,0,0.08);\r\n}\r\n\r\n.stat-box h3{\r\nfont-size:42px;\r\ncolor:#0f4d43;\r\nmargin-bottom:10px;\r\n}\r\n\r\n.cta{\r\nbackground:linear-gradient(135deg,#d9b24d,#f3d27a);\r\npadding:90px 7%;\r\ntext-align:center;\r\nborder-radius:40px;\r\ncolor:#17342f;\r\n}\r\n\r\n.cta h2{\r\nfont-size:52px;\r\nmargin-bottom:20px;\r\nfont-family:'Playfair Display',serif;\r\n}\r\n\r\n.cta p{\r\nfont-size:20px;\r\nmax-width:760px;\r\nmargin:auto auto 35px;\r\n}\r\n\r\nfooter{\r\nmargin-top:100px;\r\nbackground:#0a221e;\r\ncolor:white;\r\npadding:70px 7% 40px;\r\n}\r\n\r\n.footer-grid{\r\ndisplay:grid;\r\ngrid-template-columns:2fr 1fr 1fr;\r\ngap:50px;\r\nmargin-bottom:50px;\r\n}\r\n\r\n.footer-logo{\r\ndisplay:flex;\r\nalign-items:center;\r\ngap:20px;\r\n}\r\n\r\n.footer-logo img{\r\nwidth:80px;\r\n}\r\n\r\n.footer-logo h2{\r\nfont-family:'Playfair Display',serif;\r\nfont-size:34px;\r\n}\r\n\r\n.footer-column h4{\r\nmargin-bottom:20px;\r\ncolor:#d9b24d;\r\n}\r\n\r\n.footer-column a{\r\ndisplay:block;\r\nmargin-bottom:12px;\r\ntext-decoration:none;\r\ncolor:#ddd;\r\n}\r\n\r\n.footer-bottom{\r\ntext-align:center;\r\npadding-top:30px;\r\nborder-top:1px solid rgba(255,255,255,0.15);\r\ncolor:#aaa;\r\n}\r\n\r\n@media(max-width:900px){\r\n.about{\r\ngrid-template-columns:1fr;\r\ngap:40px;\r\n}\r\n\r\n.hero{\r\npadding:140px 6% 80px;\r\ntext-align:center;\r\njustify-content:center;\r\n}\r\n\r\n.hero-content{\r\nmax-width:100%;\r\n}\r\n\r\n.hero-content h1{\r\nfont-size:42px;\r\nline-height:1.25;\r\nmargin-bottom:20px;\r\n}\r\n\r\n.hero-content p{\r\nfont-size:18px;\r\nline-height:1.8;\r\nmargin-bottom:30px;\r\n}\r\n\r\n.section-title h2,\r\n.highlight h2,\r\n.cta h2{\r\nfont-size:34px;\r\nline-height:1.3;\r\n}\r\n\r\n.section-title p,\r\n.highlight p,\r\n.cta p{\r\nfont-size:17px;\r\n}\r\n\r\nheader{\r\nflex-direction:column;\r\npadding:18px 5%;\r\ngap:15px;\r\n}\r\n\r\n.logo-wrap{\r\njustify-content:center;\r\ntext-align:center;\r\n}\r\n\r\n.logo-wrap img{\r\nwidth:55px;\r\nheight:55px;\r\n}\r\n\r\n.logo-text h2{\r\nfont-size:24px;\r\n}\r\n\r\n.logo-text span{\r\nfont-size:10px;\r\nletter-spacing:2px;\r\n}\r\n\r\nnav{\r\ndisplay:flex;\r\nflex-wrap:wrap;\r\njustify-content:center;\r\ngap:10px;\r\n}\r\n\r\nnav a{\r\nmargin:0;\r\nfont-size:14px;\r\npadding:8px 14px;\r\nbackground:rgba(255,255,255,0.08);\r\nborder-radius:30px;\r\n}\r\n\r\nsection{\r\npadding:75px 5%;\r\n}\r\n\r\n.about-card{\r\npadding:35px 25px;\r\n}\r\n\r\n.about-card h3{\r\nfont-size:28px;\r\nline-height:1.3;\r\n}\r\n\r\n.program-grid,\r\n.stats,\r\n.footer-grid{\r\ngrid-template-columns:1fr;\r\n}\r\n\r\n.program-card,\r\n.stat-box{\r\npadding:30px 25px;\r\n}\r\n\r\n.highlight{\r\npadding:70px 6%;\r\nborder-radius:30px;\r\n}\r\n\r\n.cta{\r\npadding:70px 6%;\r\nborder-radius:30px;\r\n}\r\n\r\n.btn{\r\ndisplay:block;\r\nwidth:100%;\r\nmargin:12px 0;\r\ntext-align:center;\r\n}\r\n\r\n.footer-logo{\r\nflex-direction:column;\r\ntext-align:center;\r\n}\r\n\r\n.footer-logo img{\r\nwidth:70px;\r\n}\r\n\r\n.footer-column{\r\ntext-align:center;\r\n}\r\n\r\nfooter{\r\npadding:60px 5% 35px;\r\n}\r\n}\r\n\r\n@media(max-width:480px){\r\n.hero-content h1{\r\nfont-size:34px;\r\n}\r\n\r\n.hero-content p{\r\nfont-size:16px;\r\n}\r\n\r\n.section-title h2,\r\n.highlight h2,\r\n.cta h2{\r\nfont-size:28px;\r\n}\r\n\r\n.about-card h3{\r\nfont-size:24px;\r\n}\r\n\r\n.program-card h3{\r\nfont-size:22px;\r\n}\r\n\r\n.stat-box h3{\r\nfont-size:34px;\r\n}\r\n\r\n.logo-text h2{\r\nfont-size:20px;\r\n}\r\n\r\nnav a{\r\nfont-size:13px;\r\npadding:7px 12px;\r\n}\r\n}\r\n\r\n.hero-content h1{\r\nfont-size:48px;\r\n}\r\n\r\n.section-title h2,\r\n.highlight h2,\r\n.cta h2{\r\nfont-size:38px;\r\n}\r\n\r\n.footer-grid{\r\ngrid-template-columns:1fr;\r\n}\r\n\r\nheader{\r\nflex-direction:column;\r\ngap:20px;\r\n}\r\n\r\nnav a{\r\nmargin:0 10px;\r\n}\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<header>\r\n<div class=\"logo-wrap\">\r\n<img decoding=\"async\" src=\"\/mnt\/data\/mahanani.png\" alt=\"MAHANANI Logo\">\r\n<div class=\"logo-text\">\r\n<h2>MAHANANI<\/h2>\r\n<span>YAYASAN PENYANDANG CACAT<\/span>\r\n<\/div>\r\n<\/div>\r\n\r\n<nav>\r\n<a href=\"#tentang\">Tentang<\/a>\r\n<a href=\"#program\">Program<\/a>\r\n<a href=\"#visi\">Visi<\/a>\r\n<a href=\"#donasi\">Donasi<\/a>\r\n<a href=\"#kontak\">Kontak<\/a>\r\n<\/nav>\r\n<\/header>\r\n\r\n<section class=\"hero\">\r\n<div class=\"hero-content\">\r\n<h1>Membangun Kesetaraan & Menguatkan Harapan<\/h1>\r\n<p>\r\nMAHANANI hadir sebagai yayasan sosial yang mendampingi, memberdayakan, dan membuka kesempatan yang lebih baik bagi penyandang disabilitas Indonesia.\r\n<\/p>\r\n\r\n<a href=\"#donasi\" class=\"btn btn-primary\">Donasi Sekarang<\/a>\r\n<a href=\"#tentang\" class=\"btn btn-outline\">Pelajari Lebih Lanjut<\/a>\r\n<\/div>\r\n<\/section>\r\n\r\n<section id=\"tentang\">\r\n<div class=\"section-title\">\r\n<h2>Tentang MAHANANI<\/h2>\r\n<p>Kepedulian yang tumbuh menjadi gerakan kemanusiaan.<\/p>\r\n<\/div>\r\n\r\n<div class=\"about\">\r\n<div class=\"about-card\">\r\n<h3>Harapan Untuk Semua<\/h3>\r\n<p>\r\nMAHANANI adalah yayasan yang bergerak di bidang sosial dan pemberdayaan penyandang disabilitas melalui pendidikan, pelatihan, bantuan sosial, dan pengembangan potensi.\r\n<\/p>\r\n\r\n<p>\r\nKami percaya bahwa setiap manusia memiliki hak yang sama untuk hidup bermartabat, berkembang, dan mendapatkan kesempatan masa depan yang lebih baik.\r\n<\/p>\r\n\r\n<p>\r\nDengan semangat kasih, kesetaraan, dan profesionalisme, MAHANANI hadir untuk membangun Indonesia yang lebih inklusif.\r\n<\/p>\r\n<\/div>\r\n\r\n<div class=\"about-image\">\r\n<img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517486808906-6ca8b3f04846?q=80&w=1200&auto=format&fit=crop\" alt=\"Kegiatan Sosial\">\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section id=\"program\">\r\n<div class=\"section-title\">\r\n<h2>Program Utama<\/h2>\r\n<p>Program nyata yang berdampak untuk kehidupan yang lebih baik.<\/p>\r\n<\/div>\r\n\r\n<div class=\"program-grid\">\r\n<div class=\"program-card\">\r\n<h3>\ud83c\udf93 Pendidikan<\/h3>\r\n<p>Pelatihan dan pendidikan keterampilan untuk membangun kemandirian penyandang disabilitas.<\/p>\r\n<\/div>\r\n\r\n<div class=\"program-card\">\r\n<h3>\u2764\ufe0f Pendampingan<\/h3>\r\n<p>Dukungan emosional, sosial, dan motivasi bagi keluarga dan penyandang disabilitas.<\/p>\r\n<\/div>\r\n\r\n<div class=\"program-card\">\r\n<h3>\ud83c\udfc6 Prestasi<\/h3>\r\n<p>Pengembangan bakat olahraga, seni, dan kewirausahaan agar mampu berprestasi.<\/p>\r\n<\/div>\r\n\r\n<div class=\"program-card\">\r\n<h3>\ud83e\udd1d Bantuan Sosial<\/h3>\r\n<p>Program bantuan alat bantu, sembako, dan aksi kemanusiaan untuk masyarakat disabilitas.<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section id=\"visi\">\r\n<div class=\"highlight\">\r\n<h2>\u201cDisabilitas bukan penghalang untuk berkarya.\u201d<\/h2>\r\n<p>\r\nMAHANANI percaya bahwa setiap insan memiliki potensi besar untuk tumbuh, menginspirasi, dan memberi dampak bagi masyarakat.\r\n<\/p>\r\n\r\n<div class=\"stats\">\r\n<div class=\"stat-box\">\r\n<h3>100+<\/h3>\r\n<p>Penerima Manfaat<\/p>\r\n<\/div>\r\n\r\n<div class=\"stat-box\">\r\n<h3>25+<\/h3>\r\n<p>Relawan Sosial<\/p>\r\n<\/div>\r\n\r\n<div class=\"stat-box\">\r\n<h3>15+<\/h3>\r\n<p>Program Kemanusiaan<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n\r\n<section id=\"donasi\">\r\n<div class=\"cta\">\r\n<h2>Jadilah Bagian Dari Harapan Mereka<\/h2>\r\n<p>\r\nSetiap dukungan yang Anda berikan membantu membuka kesempatan hidup yang lebih baik bagi penyandang disabilitas Indonesia.\r\n<\/p>\r\n\r\n<a href=\"#\" class=\"btn btn-primary\">Donasi Sekarang<\/a>\r\n<\/div>\r\n<\/section>\r\n\r\n<footer id=\"kontak\">\r\n<div class=\"footer-grid\">\r\n<div>\r\n<div class=\"footer-logo\">\r\n<img decoding=\"async\" src=\"\/mnt\/data\/mahanani.png\" alt=\"Logo\">\r\n<div>\r\n<h2>MAHANANI<\/h2>\r\n<p>Yayasan Penyandang Cacat<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"footer-column\">\r\n<h4>Menu<\/h4>\r\n<a href=\"#\">Tentang<\/a>\r\n<a href=\"#\">Program<\/a>\r\n<a href=\"#\">Donasi<\/a>\r\n<a href=\"#\">Relawan<\/a>\r\n<\/div>\r\n\r\n<div class=\"footer-column\">\r\n<h4>Kontak<\/h4>\r\n<a href=\"#\">mahanani.id<\/a>\r\n<a href=\"#\">info@mahanani.id<\/a>\r\n<a href=\"#\">Instagram @mahanani.id<\/a>\r\n<\/div>\r\n<\/div>\r\n\r\n<div class=\"footer-bottom\">\r\n\u00a9 2026 MAHANANI \u2014 Yayasan Penyandang Cacat Indonesia\r\n<\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\r\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>MAHANANI | Yayasan Penyandang Cacat MAHANANI YAYASAN PENYANDANG CACAT Tentang Program Visi Donasi Kontak Membangun Kesetaraan &#038; Menguatkan Harapan MAHANANI hadir sebagai yayasan sosial yang mendampingi, memberdayakan, dan membuka kesempatan yang lebih baik bagi penyandang disabilitas Indonesia. Donasi Sekarang Pelajari Lebih Lanjut Tentang MAHANANI Kepedulian yang tumbuh menjadi gerakan kemanusiaan. Harapan Untuk Semua MAHANANI adalah [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-183","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/mahanani.id\/index.php?rest_route=\/wp\/v2\/pages\/183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mahanani.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mahanani.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mahanani.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mahanani.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=183"}],"version-history":[{"count":11,"href":"https:\/\/mahanani.id\/index.php?rest_route=\/wp\/v2\/pages\/183\/revisions"}],"predecessor-version":[{"id":195,"href":"https:\/\/mahanani.id\/index.php?rest_route=\/wp\/v2\/pages\/183\/revisions\/195"}],"wp:attachment":[{"href":"https:\/\/mahanani.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}