-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
222 lines (215 loc) · 10.6 KB
/
index.html
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
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Laud Page | Abhishek | BWD251</title>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="./style.css" />
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"
integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF"
crossorigin="anonymous"
></script>
</head>
<body>
<div class="header" id="home">
<nav class="navbar navbar-expand-lg navbar-dark bg-#1B1C1D">
<div class="container">
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a
class="nav-link active"
aria-current="page"
href="#home"
style="font-size: 0.9em"
>Home</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="#about" style="font-size: 0.9em">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#achievements" style="font-size: 0.9em"
>Achievements</a
>
</li>
</ul>
</div>
</div>
</nav>
<div class="conatainer col-12 col-md-12 col-sm-12 col-lg-12 name">
<h1 class="fullname">Kazi Nazrul Islam</h1>
<h6>The national poet of Bangladesh</h6>
</div>
</div>
<div class="container" id="about">
<div class="row firstrow">
<div class="col left-bio">
<h5 style="font-weight: bolder">Rebel Poet</h5>
<p>
Kazi Nazrul Islam is the national poet of Bangladesh who is
especially recognized as a Birodhi Kobi (rebel poet) around the
country. Nazrul is a famous poet, musician and philosopher of
Bangladesh. The famous poet Nazrul's writings deal with the
revolution of that period of the British government. His
revolutionary attempt helped him to be a national poet of
Bangladesh. He raised his voice against any kinds of fascism and
oppression and got popularity swiftly around the Indian
Subcontinent.
</p>
<br/>
<br>
<h5 style="font-weight: bolder">Awesome Writer</h5>
<p>
Nazrul's writings explored themes such as love, freedom, humanity,
and revolution. He opposed all forms of bigotry and fundamentalism,
including religious, caste-based and gender-based. Throughout his
career, Nazrul wrote short stories, novels, and essays but is best
known for his songs and poems. He pioneered new music forms such as
Bengali ghazals. Nazrul wrote and composed music for nearly 4,000
songs (many recorded on HMV and gramaphone records), collectively
known as Nazrul Geeti.
</p>
</div>
<div class="col col-md-12 col-sm-12 col-lg-12 right-bio">
<img src="./images/kazi_nazrul_islam.jpg" alt="Kazi Nazrul image" class="nazrul-image">
</div>
</div>
</div>
<div class="container buttons-group">
<div class="btn-group" role="group" aria-label="Profile links">
<a href="https://en.wikipedia.org/wiki/Kazi_Nazrul_Islam" target="_blank">
<button type="button" class="btn button-1">
<img src="./images/icons8-wikipedia.svg" alt="wiki" width="`8px" height="18px">
<span style="font-size: .72em;">Learn more</span></button>
</a>
<a href="https://www.youtube.com/results?search_query=kazi+nazrul+islam+video" target="_blank">
<button type="button" class="btn button-2">
<img src="./images/icons8-video-48.png" alt="video" width="15px" height="15px" style="background-color: white;">
<span style="font-size: .72em;">Videos</span> </button>
</a>
<a href="https://www.amazon.in/s?k=kazi+nazrul+islam&i=stripbooks&crid=3VUMGBG44QVU9&sprefix=kazi+naz%2Cstripbooks%2C580&ref=nb_sb_ss_ts-doa-p_1_8" target="_blank">
<button type="button" class="btn button-3">
<img src="./images/icons8-amazon-24.png " alt="video" width="15px" height="15px" style="background-color: #F2711C;">
<span style="font-size: .72em;">Books</span> </button>
</a>
</div>
</div>
<div class="quote">
<h4>"Love has no meaning or amount." - Kazi Nazrul Islam</h4>
</div>
<div class="container" id="achievements">
<hr>
<div class="row">
<div class="col-12" style="text-align: center; font-weight: bold; font-size: 1.1em;">
<img src="./images/icons8-star-24.png" alt="star"> Awards
</div>
</div>
<br>
<div class="row box-shelf">
<div class="boxes">
<h6><b>Jagattarini Gold Medal</b><h6>
<p style="margin: 0;padding: 0; font-weight: lighter; font-size: 1em;">1945</p>
<p style="margin: 0;padding: 0; font-weight: lighter; font-size: 1em;">From the University of Calcutta for his work in Bengali Literature.</p>
</div>
<div class="boxes">
<h6><b>Padma Bhushan</b></h6>
<p style="margin: 0;padding: 0; font-weight: lighter; font-size: 1em;">1960</p>
<p style="margin: 0;padding: 0; font-weight: lighter; font-size: 1em;">One of the highest civilian honors of the Republic of India.</p>
</div>
<div class="boxes">
<h6><b>National Poet</b></h6>
<p style="margin: 0;padding: 0; font-weight: lighter; font-size: 1em;">-</p>
<p style="margin: 0;padding: 0; font-weight: lighter; font-size: 1em;">Conferred the title by the Government of Bangladesh.</p>
</div>
<div class="boxes">
<h6><b>Ekushey Padak</b></h6>
<p style="margin: 0;padding: 0; font-weight: lighter; font-size: 1em;">1976</p>
<p style="margin: 0;padding: 0; font-weight: lighter; font-size: 1em;">Bangladesh's highest civilian honours. <br></p>
</div>
</div>
</div>
<div class=" container poetry-section">
<div class="row poetry">
<div class="col-md-12 col-sm-12 col-lg-6">
<h5><b>Poetry</b></h5>
<br>
<ul>
<li>Agni Bina(The Fiery Lute), 1922</li>
<li>Sanchita (Collected poems), 1925</li>
<li>Phanimanasa (The Cactus), 1927</li>
<li>Chakrabak (The Flamingo), 1929</li>
<li>Satbhai Champa (The Seven Brothers of Champa), juvenile poems, 1933</li>
<li>Nirjhar (Fountain), 1939</li>
<li>Natun Chand (The New Moon), 1939</li>
<li>Morubhaskar (The Sun in the Desert), 1951</li>
<li>Sanchayan (Collected poems), 1955</li>
<li>Nazrul Islam: Islami Kobita (A Collection of Islamic Poems: Dhaka, Bangladesh: Islamic foundation, 1982)</li>
</ul>
</div>
<div class="col-md-12 col-sm-12 col-lg-6">
<h5><b>Poems and songs</b></h5>
<br>
<ul>
<li>Dolan Chapa (name of a faintly fragrant monsoon flower), 1923</li>
<li>Bisher Bashi (The Poison Flute), 1924</li>
<li>Bhangar Gan (The Song of Destruction), 1924 proscribe in 1924</li>
<li>Chhayanat (The Raga of Chhayanat), 1925</li>
<li>Chittanama (On Chittaranjan), 1925</li>
<li>Samyabadi (The Proclaimer of Equality), 1926</li>
<li>Puber Hawa (The Eastern Wind), 1926</li>
<li>Sarbahara (The Proletariat), 1926</li>
<li>Sindhu Hindhol (The Undulation of the Sea), 1927</li>
<li>Jinjir (Chain), 1928</li>
<li>Pralaya Shikha (Doomsday Flame), 1930 proscribed in 1930</li>
<li>Shesh Saogat (The Last Offerings), 1958</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-4 last">
<h6>About the Author</h6>
Made by <span style="color: grey;">Abhishek Sateesh Gaonkar</span> for Guvi Task in Zen classes
</div>
<div class="col-4 last">
<h6>Techs Used</h6>
<span style="color: grey;">HTML, CSS, BootStrap</span>
</div>
<div class="col-4">
<h6>Content Disclaimer</h6>
<p>The content of this website is mostly copied from <span><a href="https://en.wikipedia.org/wiki/Main_Page" target="_blank">Wikipedia</a></span>, <span><a href="https://www.biography.com/" target="_blank">BiographyBD</a></span>, <span><a href="https://www.thefamouspeople.com/" target="_blank">TheFamousPeople</a></span>. Original credits goes to the respective authors.</p>
</div>
</div>
</div>
</div>
</body>
</html>