starshop/gazzali.html at gh-pages · Economics-2/starshop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="bn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ইমাম গাজ্জালী (রহ.) ও ইহয়া উলুমুদ্দীন</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@300;400;500;600;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Hind Siliguri', sans-serif;
        }
        .chapter-card:hover {
            transform: translateY(-5px);
            transition: all 0.3s ease;
        }
    </style>
</head>
<body class="bg-slate-50 text-slate-800">

    <header class="bg-emerald-900 text-white py-16 px-4 relative overflow-hidden">
        <div class="absolute inset-0 opacity-10 bg-[url('https://www.transparenttextures.com/patterns/arabesque.png')]"></div>
        <div class="container mx-auto text-center relative z-10">
            <h1 class="text-4xl md:text-6xl font-bold mb-4">হুজ্জাতুল ইসলাম ইমাম গাজ্জালী (রহ.)</h1>
            <p class="text-xl md:text-2xl text-emerald-100 font-light">ও তাঁর অমর সৃষ্টি 'ইহয়া উলুমুদ্দীন'</p>
            <div class="w-24 h-1 bg-yellow-500 mx-auto mt-6 rounded-full"></div>
        </div>
    </header>

    <section class="container mx-auto px-4 py-12 max-w-4xl">
        <div class="bg-white p-8 rounded-lg shadow-lg border-l-4 border-emerald-600">
            <h2 class="text-2xl font-bold text-emerald-800 mb-4">সংক্ষিপ্ত পরিচিতি</h2>
            <p class="text-lg leading-relaxed text-gray-700">
                আবু হামিদ আল-গাজ্জালী (১০৫৮-১১১১ খ্রিষ্টাব্দ) ছিলেন একজন প্রখ্যাত মুসলিম ধর্মতাত্ত্বিক, দার্শনিক ও সুফি সাধক। তাঁকে <strong>'হুজ্জাতুল ইসলাম'</strong> বা 'ইসলামের প্রমাণ' বলা হয়। তাঁর জীবনের সবচেয়ে বড় অবদান হলো ফিকহ (আইনশাস্ত্র) এবং তাসাউফ (আধ্যাত্মিকতা)-এর মধ্যে এক অপূর্ব সমন্বয় সাধন করা, যার পূর্ণাঙ্গ রূপ হলো তাঁর গ্রন্থ <em>'ইহয়া উলুমুদ্দীন'</em> (ধর্মীয় জ্ঞানের পুনর্জাগরণ)।
            </p>
        </div>
    </section>

    <section class="container mx-auto px-4 py-8">
        <h2 class="text-3xl font-bold text-center text-slate-800 mb-12">জীবন পরিক্রমা ও ঘটনার আড়ালে</h2>

        <div class="relative border-l-4 border-emerald-200 ml-4 md:ml-1/2 space-y-8">

            <div class="mb-8 flex flex-col md:flex-row items-center justify-between w-full">
                <div class="order-1 md:w-5/12"></div>
                <div class="z-20 flex items-center order-1 bg-emerald-600 shadow-xl w-8 h-8 rounded-full -ml-4 md:ml-0">
                    <h1 class="mx-auto font-semibold text-lg text-white">১</h1>
                </div>
                <div class="order-1 bg-white rounded-lg shadow-md w-full md:w-5/12 px-6 py-4 ml-8 md:ml-0">
                    <h3 class="font-bold text-emerald-700 text-xl">জন্ম ও বাল্যকাল (১০৫৮ খ্রি.)</h3>
                    <p class="text-sm text-gray-500 mb-2">স্থান: তুস নগরী, খোরাসান (বর্তমান ইরান)</p>
                    <p class="text-gray-700">শৈশবেই পিতাকে হারান। পিতার ওসিয়ত অনুযায়ী এক সুফি বন্ধুর কাছে লালিত-পালিত হন। অর্থাভাবে মাদরাসায় ভর্তি হন, যা ছিল তাঁর জ্ঞানুসাধনার প্রথম ধাপ।</p>
                </div>
            </div>

            <div class="mb-8 flex flex-col md:flex-row items-center justify-between w-full">
                <div class="order-1 bg-white rounded-lg shadow-md w-full md:w-5/12 px-6 py-4 ml-8 md:mr-0 md:ml-auto">
                    <h3 class="font-bold text-emerald-700 text-xl">নিশাপুরে শিক্ষা ও ইমামুল হারামাইন</h3>
                    <p class="text-sm text-gray-500 mb-2">শিক্ষক: ইমামুল হারামাইন আল-জুওয়াইনী</p>
                    <p class="text-gray-700">তৎকালীন শ্রেষ্ঠ বিদ্যাপীঠ নিশাপুরে তিনি ইমাম আল-জুওয়াইনীর অধীনে শিক্ষা লাভ করেন। এখানে তিনি ফিকহ, উসুল এবং কালাম শাস্ত্রে অসামান্য পাণ্ডিত্য অর্জন করেন।</p>
                </div>
                <div class="z-20 flex items-center order-1 bg-emerald-600 shadow-xl w-8 h-8 rounded-full -ml-4 md:ml-0">
                    <h1 class="mx-auto font-semibold text-lg text-white">২</h1>
                </div>
                <div class="order-1 md:w-5/12"></div>
            </div>

            <div class="mb-8 flex flex-col md:flex-row items-center justify-between w-full">
                <div class="order-1 md:w-5/12"></div>
                <div class="z-20 flex items-center order-1 bg-emerald-600 shadow-xl w-8 h-8 rounded-full -ml-4 md:ml-0">
                    <h1 class="mx-auto font-semibold text-lg text-white">৩</h1>
                </div>
                <div class="order-1 bg-white rounded-lg shadow-md w-full md:w-5/12 px-6 py-4 ml-8 md:ml-0">
                    <h3 class="font-bold text-emerald-700 text-xl">বাগদাদের নিজামিয়া মাদরাসায় প্রধান অধ্যাপক</h3>
                    <p class="text-sm text-gray-500 mb-2">বয়স: মাত্র ৩৩ বছর</p>
                    <p class="text-gray-700">সেলজুক উজির নিজামুল মুলক তাঁকে বাগদাদের নিজামিয়া মাদরাসার প্রধান অধ্যাপক নিয়োগ দেন। এটি ছিল মুসলিম বিশ্বের সর্বোচ্চ একাডেমিক পদ। তাঁর খ্যাতি ও প্রভাব তখন রাজদরবার পর্যন্ত বিস্তৃত ছিল।</p>
                </div>
            </div>

            <div class="mb-8 flex flex-col md:flex-row items-center justify-between w-full">
                <div class="order-1 bg-amber-50 border-l-4 border-amber-500 rounded-lg shadow-md w-full md:w-5/12 px-6 py-4 ml-8 md:mr-0 md:ml-auto">
                    <h3 class="font-bold text-amber-800 text-xl">আধ্যাত্মিক সংকট (১০৯৫ খ্রি.)</h3>
                    <p class="text-gray-700 italic">"আমার জিহ্বা আড়ষ্ট হয়ে গেল, আমি কথা বলতে পারছিলাম না..."</p>
                    <p class="text-gray-700 mt-2">শক্তির তুঙ্গে থাকা অবস্থায় তিনি সত্যের সন্ধানে সংশয়বাদী হয়ে পড়েন। তিনি অনুভব করেন, শুধুমাত্র বাহ্যিক জ্ঞান দিয়ে আল্লাহর প্রকৃত পরিচয় পাওয়া সম্ভব নয়। এই মানসিক দ্বন্দ্বে তিনি অসুস্থ হয়ে পড়েন এবং শিক্ষকতা ছেড়ে দেন।</p>
                </div>
                <div class="z-20 flex items-center order-1 bg-amber-600 shadow-xl w-8 h-8 rounded-full -ml-4 md:ml-0">
                    <h1 class="mx-auto font-semibold text-lg text-white">৪</h1>
                </div>
                <div class="order-1 md:w-5/12"></div>
            </div>

            <div class="mb-8 flex flex-col md:flex-row items-center justify-between w-full">
                <div class="order-1 md:w-5/12"></div>
                <div class="z-20 flex items-center order-1 bg-emerald-600 shadow-xl w-8 h-8 rounded-full -ml-4 md:ml-0">
                    <h1 class="mx-auto font-semibold text-lg text-white">৫</h1>
                </div>
                <div class="order-1 bg-white rounded-lg shadow-md w-full md:w-5/12 px-6 py-4 ml-8 md:ml-0">
                    <h3 class="font-bold text-emerald-700 text-xl">দামেস্ক ও জেরুজালেমে নির্জনবাস</h3>
                    <p class="text-sm text-gray-500 mb-2">সময়কাল: ১০ বছর</p>
                    <p class="text-gray-700">তিনি পরিবার ও পদমর্যাদা ত্যাগ করে দামেস্কে উমাইয়া মসজিদের মিনারে নির্জনে ইবাদতে মগ্ন হন। এরপর জেরুজালেমে যান। ঝাড়ুদার বা সাধারণ মানুষের বেশে তিনি ঘুরে বেড়াতেন আত্মশুদ্ধির সন্ধানে।</p>
                </div>
            </div>
        </div>
    </section>

    <section class="bg-emerald-900 text-white py-16">
        <div class="container mx-auto px-4">
            <div class="text-center mb-12">
                <h2 class="text-3xl md:text-4xl font-bold mb-4">ইহয়া উলুমুদ্দীন (ধর্মীয় জ্ঞানের পুনর্জাগরণ)</h2>
                <p class="text-emerald-200 max-w-2xl mx-auto">তাঁর ১০ বছরের নির্জনবাসের ফসল এই মহাকাব্যিক গ্রন্থ।  এটি মুসলিম মানসকে শুষ্ক যুক্তিবাদ থেকে আধ্যাত্মিক প্রশান্তির দিকে ফিরিয়ে এনেছিল। গ্রন্থটি চারটি প্রধান খণ্ডে বিভক্ত:</p>
            </div>

            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
                <div class="bg-emerald-800 p-6 rounded-lg chapter-card border border-emerald-700">
                    <div class="text-4xl mb-4 text-yellow-500">০১</div>
                    <h3 class="text-xl font-bold mb-2">ইবাদত (Rub' al-Ibadat)</h3>
                    <p class="text-emerald-200 text-sm">নামাজ, রোজা, হজ, যাকাত ইত্যাদির বাহ্যিক ও অভ্যন্তরীণ আধ্যাত্মিক তাৎপর্য নিয়ে আলোচনা।</p>
                </div>
                <div class="bg-emerald-800 p-6 rounded-lg chapter-card border border-emerald-700">
                    <div class="text-4xl mb-4 text-yellow-500">০২</div>
                    <h3 class="text-xl font-bold mb-2">আদাত (Rub' al-Adat)</h3>
                    <p class="text-emerald-200 text-sm">দৈনন্দিন জীবনের শিষ্টাচার। বিবাহ, ব্যবসা-বাণিজ্য, হালাল-হারাম এবং সামাজিক সম্পর্কের নিয়মাবলি।</p>
                </div>
                <div class="bg-emerald-800 p-6 rounded-lg chapter-card border border-emerald-700">
                    <div class="text-4xl mb-4 text-yellow-500">০৩</div>
                    <h3 class="text-xl font-bold mb-2">মুহলিকাত (Rub' al-Muhlikat)</h3>
                    <p class="text-emerald-200 text-sm">ধ্বংসাত্মক দোষসমূহ। অন্তরকে কলুষিত করে এমন বিষয় যেমন—ক্রোধ, হিংসা, লোভ, কৃপণতা ও অহংকারের চিকিৎসা।</p>
                </div>
                <div class="bg-emerald-800 p-6 rounded-lg chapter-card border border-emerald-700">
                    <div class="text-4xl mb-4 text-yellow-500">০৪</div>
                    <h3 class="text-xl font-bold mb-2">মুনজিয়াত (Rub' al-Munjiyat)</h3>
                    <p class="text-emerald-200 text-sm">পরিত্রাণকারী গুণাবলী। তওবা, সবর (ধৈর্য), শোকর (কৃতজ্ঞতা), ভীতি ও আশা, এবং আল্লাহর প্রতি ভালোবাসার আলোচনা।</p>
                </div>
            </div>
        </div>
    </section>

    <section class="container mx-auto px-4 py-16">
        <div class="grid md:grid-cols-2 gap-12 items-center">
            <div>
                 <h2 class="text-3xl font-bold text-slate-800 mb-6">প্রত্যাবর্তন ও ইন্তেকাল</h2>
                 <p class="text-gray-700 mb-4 text-lg">
                     দীর্ঘ প্রবাস জীবনের পর নিজামুল মুলকের পুত্র ফখরুল মুলকের অনুরোধে তিনি কিছু সময়ের জন্য নিশাপুরে শিক্ষাদানে ফিরে আসেন। তবে শীঘ্রই তিনি নিজ জন্মভূমি 'তুস'-এ ফিরে যান এবং সেখানে একটি খানকাহ (সুফি কেন্দ্র) ও মাদরাসা প্রতিষ্ঠা করেন।
                 </p>
                 <div class="bg-gray-100 p-6 rounded-l-lg border-r-4 border-gray-800 mt-6">
                     <h4 class="font-bold text-gray-800">অন্তিম মুহূর্ত (১১১১ খ্রি.)</h4>
                     <p class="italic text-gray-600 mt-2">
                         "সোমবার সকালে তিনি অজু করে ফজরের নামাজ আদায় করলেন। এরপর কাফনের কাপড় চেয়ে নিলেন, চোখে চুমু খেলেন এবং বললেন, 'প্রভুর আদেশ মাথা পেতে নিলাম'। এরপর কিবলামুখী হয়ে শুয়ে তিনি শেষ নিঃশ্বাস ত্যাগ করেন।"
                     </p>
                 </div>
            </div>
            <div class="bg-slate-200 h-64 md:h-80 rounded-lg flex items-center justify-center text-slate-500 shadow-inner">
                <div class="text-center p-8">
                    <p class="text-lg">“জ্ঞানের রাজ্যে এমন কোনো বিষয় নেই যেখানে গাজ্জালীর ঘোড়া দৌড়ায়নি।”</p>
                    <p class="mt-4 font-bold">- ঐতিহাসিকদের মন্তব্য</p>
                </div>
            </div>
        </div>
    </section>

    <footer class="bg-slate-900 text-slate-400 py-8 text-center">
        <p>&copy; ২০২৫ ইসলামি ইতিহাস ও ঐতিহ্য সংরক্ষণ। সর্বস্বত্ব সংরক্ষিত।</p>
        <p class="text-sm mt-2">ডিজাইন ও তথ্যায়ন</p>
    </footer>

</body>
</html>