{"id":6,"date":"2026-06-30T13:39:05","date_gmt":"2026-06-30T13:39:05","guid":{"rendered":"https:\/\/www.alokitodpo.org\/dpo\/?page_id=6"},"modified":"2026-09-15T00:16:44","modified_gmt":"2026-09-15T00:16:44","slug":"home","status":"publish","type":"page","link":"https:\/\/dpo-bangladesh.org\/","title":{"rendered":"Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n\n    <title>Welcome to DPUP Bangladesh<\/title>\n\n    <style>\n        * {\n            margin: 0;\n            padding: 0;\n            box-sizing: border-box;\n        }\n\n        body {\n            font-family: Arial, Helvetica, sans-serif;\n            min-height: 100vh;\n            overflow: hidden;\n            background:\n                radial-gradient(circle at 20% 20%, rgba(0, 180, 255, 0.25), transparent 35%),\n                radial-gradient(circle at 80% 80%, rgba(0, 255, 170, 0.18), transparent 35%),\n                linear-gradient(135deg, #031b2e, #063b52, #021923);\n            color: #ffffff;\n        }\n\n        \/* Animated background *\/\n        .background {\n            position: fixed;\n            inset: 0;\n            overflow: hidden;\n            z-index: 0;\n        }\n\n        .circle {\n            position: absolute;\n            border-radius: 50%;\n            background: rgba(255, 255, 255, 0.05);\n            box-shadow: 0 0 40px rgba(0, 210, 255, 0.15);\n            animation: float 12s infinite ease-in-out;\n        }\n\n        .circle:nth-child(1) {\n            width: 250px;\n            height: 250px;\n            top: -80px;\n            left: -60px;\n        }\n\n        .circle:nth-child(2) {\n            width: 180px;\n            height: 180px;\n            right: 8%;\n            top: 15%;\n            animation-delay: 2s;\n        }\n\n        .circle:nth-child(3) {\n            width: 320px;\n            height: 320px;\n            bottom: -150px;\n            left: 25%;\n            animation-delay: 4s;\n        }\n\n        .circle:nth-child(4) {\n            width: 120px;\n            height: 120px;\n            right: 25%;\n            bottom: 15%;\n            animation-delay: 6s;\n        }\n\n        @keyframes float {\n            0%, 100% {\n                transform: translateY(0) scale(1);\n            }\n\n            50% {\n                transform: translateY(-35px) scale(1.08);\n            }\n        }\n\n        \/* Main container *\/\n        .welcome-container {\n            position: relative;\n            z-index: 2;\n            min-height: 100vh;\n\n            display: flex;\n            justify-content: center;\n            align-items: center;\n\n            text-align: center;\n            padding: 30px;\n        }\n\n        .welcome-box {\n            max-width: 900px;\n            width: 100%;\n            padding: 60px 35px;\n\n            background: rgba(255, 255, 255, 0.08);\n            border: 1px solid rgba(255, 255, 255, 0.18);\n\n            border-radius: 30px;\n\n            backdrop-filter: blur(18px);\n            -webkit-backdrop-filter: blur(18px);\n\n            box-shadow:\n                0 25px 80px rgba(0, 0, 0, 0.35),\n                inset 0 0 40px rgba(255, 255, 255, 0.03);\n\n            animation: boxAppear 1.5s ease forwards;\n        }\n\n        @keyframes boxAppear {\n            from {\n                opacity: 0;\n                transform: translateY(40px) scale(0.95);\n            }\n\n            to {\n                opacity: 1;\n                transform: translateY(0) scale(1);\n            }\n        }\n\n        \/* Small top text *\/\n        .welcome-small {\n            font-size: 15px;\n            letter-spacing: 5px;\n            text-transform: uppercase;\n            color: #79e8ff;\n            margin-bottom: 20px;\n\n            animation: fadeIn 2s ease;\n        }\n\n        \/* Main title *\/\n        h1 {\n            font-size: clamp(38px, 7vw, 76px);\n            font-weight: 800;\n            line-height: 1.1;\n\n            margin-bottom: 20px;\n\n            background: linear-gradient(\n                90deg,\n                #ffffff,\n                #7eefff,\n                #ffffff\n            );\n\n            background-size: 200% auto;\n\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n\n            animation:\n                gradientMove 4s linear infinite,\n                titleAppear 1.5s ease;\n        }\n\n        @keyframes gradientMove {\n            to {\n                background-position: 200% center;\n            }\n        }\n\n        @keyframes titleAppear {\n            from {\n                opacity: 0;\n                transform: scale(0.8);\n            }\n\n            to {\n                opacity: 1;\n                transform: scale(1);\n            }\n        }\n\n        .organization {\n            font-size: clamp(20px, 3vw, 32px);\n            font-weight: 600;\n            margin-bottom: 15px;\n            color: #ffffff;\n        }\n\n        .description {\n            max-width: 680px;\n            margin: 0 auto 35px;\n\n            color: rgba(255, 255, 255, 0.75);\n\n            font-size: 17px;\n            line-height: 1.7;\n\n            animation: fadeIn 2.2s ease;\n        }\n\n        @keyframes fadeIn {\n            from {\n                opacity: 0;\n            }\n\n            to {\n                opacity: 1;\n            }\n        }\n\n        \/* Button *\/\n        .visit-button {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n\n            padding: 16px 34px;\n\n            border-radius: 50px;\n\n            text-decoration: none;\n\n            color: #03202d;\n            background: #ffffff;\n\n            font-size: 16px;\n            font-weight: 700;\n\n            position: relative;\n            overflow: hidden;\n\n            box-shadow:\n                0 0 20px rgba(255, 255, 255, 0.25);\n\n            transition: all 0.35s ease;\n        }\n\n        .visit-button::before {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: -100%;\n\n            width: 100%;\n            height: 100%;\n\n            background: linear-gradient(\n                90deg,\n                transparent,\n                rgba(0, 200, 255, 0.35),\n                transparent\n            );\n\n            transition: 0.6s;\n        }\n\n        .visit-button:hover::before {\n            left: 100%;\n        }\n\n        .visit-button:hover {\n            transform: translateY(-4px) scale(1.04);\n\n            box-shadow:\n                0 10px 35px rgba(0, 220, 255, 0.4);\n\n            background: #eaffff;\n        }\n\n        .arrow {\n            margin-left: 10px;\n            font-size: 20px;\n\n            transition: transform 0.3s ease;\n        }\n\n        .visit-button:hover .arrow {\n            transform: translateX(5px);\n        }\n\n        \/* Bottom text *\/\n        .footer-text {\n            margin-top: 35px;\n\n            font-size: 13px;\n            letter-spacing: 1px;\n\n            color: rgba(255, 255, 255, 0.5);\n        }\n\n        \/* Glowing line *\/\n        .glow-line {\n            width: 100px;\n            height: 3px;\n\n            margin: 25px auto;\n\n            border-radius: 10px;\n\n            background: #69e7ff;\n\n            box-shadow:\n                0 0 10px #69e7ff,\n                0 0 25px #69e7ff;\n\n            animation: linePulse 2s infinite ease-in-out;\n        }\n\n        @keyframes linePulse {\n            0%, 100% {\n                width: 80px;\n                opacity: 0.6;\n            }\n\n            50% {\n                width: 150px;\n                opacity: 1;\n            }\n        }\n\n        \/* Mobile *\/\n        @media (max-width: 600px) {\n\n            .welcome-box {\n                padding: 45px 22px;\n                border-radius: 22px;\n            }\n\n            .welcome-small {\n                font-size: 11px;\n                letter-spacing: 3px;\n            }\n\n            .description {\n                font-size: 15px;\n            }\n\n            .visit-button {\n                padding: 14px 25px;\n            }\n        }\n    <\/style>\n<\/head>\n\n<body>\n\n    <!-- Animated Background -->\n    <div class=\"background\">\n        <div class=\"circle\"><\/div>\n        <div class=\"circle\"><\/div>\n        <div class=\"circle\"><\/div>\n        <div class=\"circle\"><\/div>\n    <\/div>\n\n    <!-- Welcome Section -->\n    <main class=\"welcome-container\">\n\n        <div class=\"welcome-box\">\n\n            <div class=\"welcome-small\">\n                Official Website\n            <\/div>\n\n            <h1>\n                Welcome to DPUP Bangladesh\n            <\/h1>\n\n            <div class=\"glow-line\"><\/div>\n\n            <div class=\"organization\">\n                Dristi Protibondhi Unnayan Parishad\n            <\/div>\n\n            <p class=\"description\">\n                Empowering persons with disabilities and vulnerable communities\n                through inclusion, rights, education, rehabilitation,\n                livelihood development and equal opportunities.\n            <\/p>\n\n            <a\n                href=\"https:\/\/dpup.dpo-bangladesh.org\/\"\n                class=\"visit-button\"\n            >\n                Visit Official Website\n                <span class=\"arrow\">\u2192<\/span>\n            <\/a>\n\n            <div class=\"footer-text\">\n                DPUP Bangladesh \u2022 Inclusion \u2022 Equality \u2022 Empowerment\n            <\/div>\n\n        <\/div>\n\n    <\/main>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Welcome to DPUP Bangladesh Official Website Welcome to DPUP Bangladesh Dristi Protibondhi Unnayan Parishad Empowering persons with disabilities and vulnerable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"postBodyCss":"","postBodyMargin":[],"postBodyPadding":[],"postBodyBackground":{"backgroundType":"classic","gradient":""},"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"disabled","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"disabled","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/pages\/6","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/comments?post=6"}],"version-history":[{"count":109,"href":"https:\/\/dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions"}],"predecessor-version":[{"id":241,"href":"https:\/\/dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/pages\/6\/revisions\/241"}],"wp:attachment":[{"href":"https:\/\/dpo-bangladesh.org\/index.php\/wp-json\/wp\/v2\/media?parent=6"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}