| Server IP : 159.203.156.69 / Your IP : 216.73.216.37 Web Server : nginx/1.24.0 System : Linux main-ubuntu 6.8.0-71-generic #71-Ubuntu SMP PREEMPT_DYNAMIC Tue Jul 22 16:52:38 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/js/ggpfb/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Good Governance and Policy Forum Bangladesh</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
theme: {
extend: {
colors: {
forest: "#005f3b",
leaf: "#5bbf3f",
ink: "#12211b",
brick: "#b3312d",
mist: "#eef7f1"
},
fontFamily: {
sans: ["Inter", "Noto Sans Bengali", "ui-sans-serif", "system-ui", "sans-serif"]
},
boxShadow: {
soft: "0 24px 80px rgba(0, 95, 59, 0.16)"
}
}
}
};
</script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Bengali:wght@400;500;600;700;800&display=swap" rel="stylesheet" />
<style>
html {
scroll-behavior: smooth;
}
body {
background:
radial-gradient(circle at 20% 0%, rgba(91, 191, 63, 0.18), transparent 34rem),
linear-gradient(180deg, #f7fbf8 0%, #ffffff 46%, #f4f8f5 100%);
}
.glass {
background: rgba(255, 255, 255, 0.76);
backdrop-filter: blur(18px);
}
.seal-grid {
background-image:
linear-gradient(rgba(0, 95, 59, 0.08) 1px, transparent 1px),
linear-gradient(90deg, rgba(0, 95, 59, 0.08) 1px, transparent 1px);
background-size: 34px 34px;
}
</style>
</head>
<body class="font-sans text-ink antialiased">
<header class="sticky top-0 z-40 border-b border-forest/10 bg-white/86 backdrop-blur-xl">
<nav class="mx-auto flex max-w-7xl items-center justify-between px-5 py-3 lg:px-8" aria-label="Primary navigation">
<a href="#home" class="flex min-w-0 items-center gap-3">
<img src="assets/gpfb-logo.jpg" alt="Good Governance and Policy Forum Bangladesh logo" class="h-12 w-auto max-w-[220px] object-contain" />
</a>
<div class="hidden items-center gap-7 text-sm font-semibold text-ink/75 md:flex">
<a href="#about" class="hover:text-forest">About</a>
<a href="#committee" class="hover:text-forest">Committee</a>
<a href="#constitution" class="hover:text-forest">Governance</a>
<a href="#contact" class="hover:text-forest">Contact</a>
</div>
<a href="#documents" class="rounded-full bg-forest px-5 py-2 text-sm font-bold text-white shadow-lg shadow-forest/20 transition hover:bg-ink">
Documents
</a>
</nav>
</header>
<main id="home">
<section class="relative overflow-hidden">
<div class="absolute inset-0 -z-10 seal-grid opacity-70"></div>
<div class="mx-auto grid max-w-7xl items-center gap-12 px-5 py-16 lg:grid-cols-[1.05fr_0.95fr] lg:px-8 lg:py-24">
<div>
<p class="mb-4 inline-flex rounded-full border border-forest/15 bg-white px-4 py-2 text-sm font-bold uppercase tracking-[0.2em] text-forest">
Bangladesh based policy forum
</p>
<h1 class="max-w-4xl text-4xl font-extrabold leading-tight text-ink sm:text-5xl lg:text-6xl">
Good Governance and Policy Forum Bangladesh
</h1>
<p class="mt-6 max-w-2xl text-lg leading-8 text-ink/72">
A civic and policy platform working from Dhaka to advance good governance, accountable public policy, social welfare, public awareness, and constructive national dialogue.
</p>
<div class="mt-8 flex flex-col gap-3 sm:flex-row">
<a href="#committee" class="inline-flex items-center justify-center rounded-full bg-forest px-6 py-3 text-sm font-bold text-white shadow-soft transition hover:-translate-y-0.5 hover:bg-ink">
View Committee Panel
</a>
<a href="#constitution" class="inline-flex items-center justify-center rounded-full border border-forest/25 bg-white px-6 py-3 text-sm font-bold text-forest transition hover:-translate-y-0.5 hover:border-forest">
Read Governance Highlights
</a>
</div>
</div>
<aside class="glass rounded-[28px] border border-white p-6 shadow-soft">
<div class="rounded-3xl bg-white p-6">
<img src="assets/gpfb-logo.jpg" alt="GPFB official logo" class="mx-auto w-full max-w-sm object-contain" />
</div>
<div class="mt-6 grid gap-3 sm:grid-cols-2">
<div class="rounded-2xl bg-mist p-5">
<p class="text-sm font-bold uppercase text-forest">Official Secretariat</p>
<p class="mt-2 text-base font-semibold">14/2, Topkhana Road<br />Dhaka - 1000, Bangladesh</p>
</div>
<div class="rounded-2xl bg-ink p-5 text-white">
<p class="text-sm font-bold uppercase text-leaf">Email</p>
<p class="mt-2 break-words text-base font-semibold">gpfb.bd@gmail.com<br />gpfb.bd@yahoo.com</p>
</div>
</div>
</aside>
</div>
</section>
<section id="about" class="border-y border-forest/10 bg-white py-16">
<div class="mx-auto max-w-7xl px-5 lg:px-8">
<div class="max-w-3xl">
<p class="text-sm font-extrabold uppercase tracking-[0.2em] text-brick">Forum Profile</p>
<h2 class="mt-3 text-3xl font-extrabold text-ink sm:text-4xl">A modern public-interest forum with a formal governance structure.</h2>
<p class="mt-5 text-lg leading-8 text-ink/70">
The source documents identify the organization as GPFB, with its secretariat in Dhaka and a committee panel made up of advisers, retired defence officers, journalists, social workers, and professionals.
</p>
</div>
<div class="mt-10 grid gap-5 md:grid-cols-3">
<div class="rounded-2xl border border-forest/10 bg-mist p-6">
<p class="text-4xl font-extrabold text-forest">24</p>
<p class="mt-2 font-bold">Charter objectives</p>
<p class="mt-2 text-sm leading-6 text-ink/65">The constitution PDF lists a broad objectives section for civic, social, policy, welfare, and awareness work.</p>
</div>
<div class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-4xl font-extrabold text-forest">9</p>
<p class="mt-2 font-bold">Executive committee posts</p>
<p class="mt-2 text-sm leading-6 text-ink/65">Chairman, two co-chairmen, secretary general, finance secretary, and four directors.</p>
</div>
<div class="rounded-2xl border border-forest/10 bg-ink p-6 text-white">
<p class="text-4xl font-extrabold text-leaf">3</p>
<p class="mt-2 font-bold">Year committee term</p>
<p class="mt-2 text-sm leading-6 text-white/70">The executive committee tenure is identified as three years in the Bangla governance document.</p>
</div>
</div>
</div>
</section>
<section id="committee" class="py-16">
<div class="mx-auto max-w-7xl px-5 lg:px-8">
<div class="flex flex-col justify-between gap-5 md:flex-row md:items-end">
<div>
<p class="text-sm font-extrabold uppercase tracking-[0.2em] text-forest">Committee Panel</p>
<h2 class="mt-3 text-3xl font-extrabold text-ink sm:text-4xl">Leadership from public service, defence, journalism, and civil society.</h2>
</div>
<p class="max-w-md text-sm leading-6 text-ink/65">Names and designations are taken from the official letterhead PDF.</p>
</div>
<div class="mt-10 grid gap-5 md:grid-cols-2 xl:grid-cols-3">
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-brick">Chief Adviser</p>
<h3 class="mt-3 text-xl font-extrabold">Md. Musa</h3>
<p class="mt-2 text-sm leading-6 text-ink/65">Freedom Fighter and Former Secretary. President, B C S Freedom Fighter Officers Association.</p>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-brick">Adviser</p>
<h3 class="mt-3 text-xl font-extrabold">Mr Wahidur Rahman</h3>
<p class="mt-2 text-sm leading-6 text-ink/65">Freedom Fighter, B C S (Foreign Service). Former Ambassador of the Government of Bangladesh; Secretary General, B C S Freedom Fighter Officers Association.</p>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-brick">Adviser</p>
<h3 class="mt-3 text-xl font-extrabold">Major Gen Ashraful Islam (retd)</h3>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-forest">Chairman</p>
<h3 class="mt-3 text-xl font-extrabold">Cdre Md. Nizmul Haque (retd)</h3>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-forest">Co Chairman (1)</p>
<h3 class="mt-3 text-xl font-extrabold">Colonel Shajahan Siraj (retd)</h3>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-forest">Co-Chairman (2)</p>
<h3 class="mt-3 text-xl font-extrabold">Prof. Dr. Fahad Bin Zahed</h3>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-forest">Secretary General</p>
<h3 class="mt-3 text-xl font-extrabold">Kishor Kumar Sarkar</h3>
<p class="mt-2 text-sm text-ink/65">Journalist</p>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-forest">Secretary of Finance</p>
<h3 class="mt-3 text-xl font-extrabold">Khairul Alam</h3>
<p class="mt-2 text-sm text-ink/65">Social Worker & Journalist</p>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-forest">Director</p>
<h3 class="mt-3 text-xl font-extrabold">Rahmatullah Palash</h3>
<p class="mt-2 text-sm text-ink/65">Social Worker</p>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-forest">Director</p>
<h3 class="mt-3 text-xl font-extrabold">Tarun Kumar Saha</h3>
<p class="mt-2 text-sm text-ink/65">Journalist</p>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-forest">Director</p>
<h3 class="mt-3 text-xl font-extrabold">Dev dulal mitra</h3>
<p class="mt-2 text-sm text-ink/65">Journalist</p>
</article>
<article class="rounded-2xl border border-forest/10 bg-white p-6 shadow-sm">
<p class="text-xs font-extrabold uppercase tracking-[0.18em] text-forest">Director</p>
<h3 class="mt-3 text-xl font-extrabold">Suraya Akter Munni</h3>
<p class="mt-2 text-sm text-ink/65">Journalist</p>
</article>
</div>
</div>
</section>
<section id="constitution" class="bg-ink py-16 text-white">
<div class="mx-auto grid max-w-7xl gap-10 px-5 lg:grid-cols-[0.9fr_1.1fr] lg:px-8">
<div>
<p class="text-sm font-extrabold uppercase tracking-[0.2em] text-leaf">Governance Charter</p>
<h2 class="mt-3 text-3xl font-extrabold sm:text-4xl">সংগঠনের গঠনতন্ত্র ও পরিচালনা কাঠামো</h2>
<p class="mt-5 text-lg leading-8 text-white/70">
The Bangla constitution document outlines the forum name, office address, working area, aims, membership, committee structure, finance, meetings, approvals, and official records.
</p>
</div>
<div class="grid gap-4 sm:grid-cols-2">
<div class="rounded-2xl border border-white/10 bg-white/8 p-5">
<p class="font-extrabold text-leaf">০১. নাম</p>
<p class="mt-2 text-sm leading-6 text-white/70">Good Governance and Policy Forum Bangladesh (GPFB).</p>
</div>
<div class="rounded-2xl border border-white/10 bg-white/8 p-5">
<p class="font-extrabold text-leaf">০২. ঠিকানা</p>
<p class="mt-2 text-sm leading-6 text-white/70">14/2, Topkhana Road, Dhaka - 1000, Bangladesh.</p>
</div>
<div class="rounded-2xl border border-white/10 bg-white/8 p-5">
<p class="font-extrabold text-leaf">০৩. কর্ম এলাকা</p>
<p class="mt-2 text-sm leading-6 text-white/70">The forum operates as a Bangladesh-based organization with public-interest activities and policy engagement.</p>
</div>
<div class="rounded-2xl border border-white/10 bg-white/8 p-5">
<p class="font-extrabold text-leaf">০৪. লক্ষ্য ও উদ্দেশ্য</p>
<p class="mt-2 text-sm leading-6 text-white/70">Good governance, public policy dialogue, social welfare, awareness building, research, cooperation, and civic service.</p>
</div>
<div class="rounded-2xl border border-white/10 bg-white/8 p-5">
<p class="font-extrabold text-leaf">০৬. সদস্যপদ</p>
<p class="mt-2 text-sm leading-6 text-white/70">Membership rules include application requirements and listed fees: Tk. 100 for form/application and Tk. 50 for regular fee.</p>
</div>
<div class="rounded-2xl border border-white/10 bg-white/8 p-5">
<p class="font-extrabold text-leaf">০৭-১৪. প্রশাসন</p>
<p class="mt-2 text-sm leading-6 text-white/70">Committee formation, finance handling, meetings, approvals, signatures, seal, and official record provisions.</p>
</div>
</div>
</div>
</section>
<section class="bg-white py-16">
<div class="mx-auto max-w-7xl px-5 lg:px-8">
<div class="grid gap-8 lg:grid-cols-2">
<div class="rounded-[28px] border border-forest/10 bg-mist p-8">
<p class="text-sm font-extrabold uppercase tracking-[0.2em] text-forest">Executive Body</p>
<h2 class="mt-3 text-3xl font-extrabold">9-member operational panel</h2>
<div class="mt-8 grid grid-cols-2 gap-3 text-sm font-semibold sm:grid-cols-3">
<span class="rounded-full bg-white px-4 py-3 text-center">Chairman 01</span>
<span class="rounded-full bg-white px-4 py-3 text-center">Co-Chairman 02</span>
<span class="rounded-full bg-white px-4 py-3 text-center">Secretary 01</span>
<span class="rounded-full bg-white px-4 py-3 text-center">Finance 01</span>
<span class="rounded-full bg-white px-4 py-3 text-center">Director 04</span>
<span class="rounded-full bg-forest px-4 py-3 text-center text-white">Total 09</span>
</div>
</div>
<div id="documents" class="rounded-[28px] border border-forest/10 bg-white p-8 shadow-soft">
<p class="text-sm font-extrabold uppercase tracking-[0.2em] text-brick">Official Documents</p>
<h2 class="mt-3 text-3xl font-extrabold">Source PDFs</h2>
<p class="mt-4 leading-7 text-ink/68">The website content was prepared from the provided constitution PDF and international letterhead PDF.</p>
<div class="mt-7 grid gap-3">
<a href="C:/Users/LifeLine/Downloads/Gbpf%20Final.pdf" class="rounded-2xl border border-forest/15 px-5 py-4 font-bold text-forest transition hover:border-forest hover:bg-mist">Gbpf Final.pdf</a>
<a href="C:/Users/LifeLine/Downloads/International_Letterhead_v4.pdf" class="rounded-2xl border border-forest/15 px-5 py-4 font-bold text-forest transition hover:border-forest hover:bg-mist">International_Letterhead_v4.pdf</a>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="py-16">
<div class="mx-auto max-w-7xl px-5 lg:px-8">
<div class="rounded-[28px] bg-forest p-8 text-white shadow-soft lg:p-12">
<div class="grid gap-10 lg:grid-cols-[1fr_0.8fr] lg:items-center">
<div>
<p class="text-sm font-extrabold uppercase tracking-[0.2em] text-leaf">Contact</p>
<h2 class="mt-3 text-3xl font-extrabold sm:text-4xl">Official Secretariat</h2>
<p class="mt-5 max-w-2xl text-lg leading-8 text-white/78">14/2. Topkhana Road, Dhaka - 1000, Bangladesh.</p>
</div>
<div class="rounded-3xl bg-white p-6 text-ink">
<p class="text-sm font-bold uppercase text-forest">Email</p>
<a href="mailto:gpfb.bd@gmail.com" class="mt-2 block break-words text-xl font-extrabold text-ink hover:text-forest">gpfb.bd@gmail.com</a>
<a href="mailto:gpfb.bd@yahoo.com" class="mt-1 block break-words text-xl font-extrabold text-ink hover:text-forest">gpfb.bd@yahoo.com</a>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="border-t border-forest/10 bg-white py-8">
<div class="mx-auto flex max-w-7xl flex-col gap-4 px-5 text-sm text-ink/60 md:flex-row md:items-center md:justify-between lg:px-8">
<p class="font-semibold">Good Governance and Policy Forum Bangladesh</p>
<p>Prepared from the provided GPFB official documents.</p>
</div>
</footer>
</body>
</html>