-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
237 lines (205 loc) · 11.5 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
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
<!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>Kazi Nazrul Islam</title>
<!-- Bootstrap CSS Documentation -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<!-- Font Awesome-->
<script src="https://kit.fontawesome.com/e436c54487.js" crossorigin="anonymous"></script>
<!-- CSS file link -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- HEADER -->
<header>
<nav class="navbar navbar-expand-lg navbar-dark " style="background-color: #1B1C1D ;">
<div class="container">
<!-- Button for mobile view-->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#hamBurger">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="hamBurger">
<!-- Navbar Menus -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item" >
<a class="nav-link" href="#main-page">About</a>
</li>
<li class="nav-item" >
<a class="nav-link" href="#achievements">Achievements</a>
</li>
</ul>
<!-- Navbar Menus Ends -->
</div>
<!-- Container Ends -->
</div>
</nav>
<!-- Header Content-->
<div class="container-fluid blue">
<div class="row">
<div class="col">
Kazi Nazrul Islam <br>
<p class="new">The national poet of Bangaladesh </p>
</div>
</div>
</div>
</header>
<!-- END HEADER -->
<!-- Main -->
<main id="main-page">
<!-- content -->
<div class="container margin10">
<div class="row">
<div class="col-sm-5 offset-1" style="float: right;">
<h5>Rebel Poet</h5>
<p class="text">Kazi Nazrul Islam is the national poet of Bangladesh who is especially recognized as a Bidrohi Kobi (rebel
poet) around the country Nazrul is a famous poet, musician and philosopher of Bangladesh. The famous poet
Nazruts 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 has raised his voice against any kinds of fascism and
oppression and got popularity swiftly around the Indian Subcontinent.</p>
<h5 style="padding-top: 44px;" >Awesome Writer</h5>
<p class="text">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 <br> gender-based. Throughout his career, Nazrul
wrote short stories, novels, and essays but is best known for his songs and poems. He pioneered new musicforms
such as Bengali ghazals. Nazrul wrote and composed musicfor nearly 4,000 songs (many recorded on HMV and
gramophone records), collectively known as Nazrul Geeti.</p>
</div>
<div class="col-sm-5 offset-1">
<img class="img" src="./image/dd2c54b9e2675b04b9b766d955385359.jpg">
</div>
</div>
</div>
<!-- Buttons -->
<div class="container ">
<div class="row">
<div class="col buttons">
<button type="button" class="btn wikipedia" onclick="location.href='https://en.wikipedia.org/wiki/Kazi_Nazrul_Islam'" ><i class="fab fa-wikipedia-w"></i> Learn More</button>
<button type="button" class="btn btn-danger" style="width: 114px;" onclick="location.href='https://www.youtube.com/results?search_query=Kazi+Nazrul+Islam'"> <i class="fab fa-youtube"></i> Videos</button>
<button type="button" class="btn amazon" onclick="location.href='https://www.amazon.in/Books-Kazi-Nazrul-Islam/s?rh=n%3A976389031%2Cp_27%3AKazi+Nazrul+Islam'"> <i class="fab fa-amazon"></i> Books</button>
</div>
</div>
</div>
<!-- Quotes -->
<div class="container-fluid ">
<div class="row">
<div class="col quotes">
<h4>"Love has no meaning or amount." - Kazi Nazrul Islam</h4>
</div>
</div>
</div>
<!-- Star Awards -->
<div class="container-fluid star" id="achievements">
<h4 class="awards"><span class="awardsspan"><i class="fas fa-star star"></i>Awards</span></h4>
</div>
<!-- Awards Card -->
<div class="container ">
<div class="row row-cols-1 row-cols-sm-2 row-cols-lg-4 award-container">
<div class="col">
<div class="card award-cards">
<div class="card-body">
<h5 >Jagattarini Gold Medal</h5>
<h4 class="card-text year">1945</h4>
<p class="card-text">From the university of calcutta for his <br>work in bengal literature.</p>
</div>
</div>
</div>
<div class="col">
<div class="card award-cards" >
<div class="card-body">
<h5>Padma Bhushan</h5>
<h4 class="card-text year">1960</h4>
<p class="card-text">One of the highest civilian honors of <br> the Republic of India.</p>
</div>
</div>
</div>
<div class="col">
<div class="card award-cards">
<div class="card-body">
<h5 >National Poet</h5>
<h4 class="card-text year">-</h4>
<p class="card-text">Conferred the title by the Government <br> of Bangladesh.</p>
</div>
</div>
</div>
<div class="col">
<div class="card award-cards">
<div class="card-body">
<h5 >Ekushey Padak</h5>
<h4 class="card-text year">1960</h4>
<p class="card-text">One of the highest Bangladesh's civilian honor.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Poetery,Poem & Song -->
<div class="container"style="margin-bottom: 60px;">
<div class="row">
<div class="col-md-6">
<h4 class="awards">Poetry</h4>
<ul class="bullets">
<li>Agni Bina (The Flery Lute), 1992</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>Natum Chand (The New Moon), 1939</li>
<li>Morubhaskar (The Sun in the Desert), 1951</li>
<li>Sanchayan (Collected Poems), 1955</li>
<li>Nazrul Islam: Islam Kobita (A Collecetion of Islamic Poems; Dhaka, Bangladesh: <br>Islamic Foundation, 1982)</li>
</ul>
</div>
<div class="col-md-6">
<h4 class="awards">Poem and Songs</h4>
<ul class="bullets">
<li>Dolan Chapa (name of a faintly fragrant monsoo flower), 1923</li>
<li>Bisher Bashi (The Poison Flute), 1924</li>
<li>Bhangar Gan (The Song of Destruction), 1924 proscribe in 1924</li>
<li>Chayyanat (The Raga of Chayyanat), 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 Hindol (The Undulation of the Sea), 1927</li>
<li>Jinjir (Chain), 1928</li>
<li>Pralaya Shikha (Doomsday Flame), 1930 proscribe in 1930</li>
<li>Shesh Saogat (The Last Offerings), 1958</li>
</ul>
</div>
</div>
</div>
</main>
<!-- End Main -->
<!-- Footer -->
<footer>
<div class="container-fluid footer-con">
<div class="container">
<div class="row">
<div class="col-sm ">
<h5 class="footer-head">About the author</h5>
<p class="footer-content">Made by <span class="dark-grey list-inline-item">Mirthunjay Karuna</span>.</p>
</div>
<div class="col-sm">
<h5 class="footer-head">Techs Used</h5>
<p class="footer-content"><span class="dark-grey list-inline-item">HTML5, CSS3, Bootstrap</span></p>
</div>
<div class="col-sm">
<h5 class="footer-head">Content Disclaimer</h5>
<p class="footer-content list-inline-item">The content of this website is mostly copied from <a href="https://en.wikipedia.org/" target="_blank">Wikipedia</a>,<br> <a href="https://biographybd.com/" target="_blank">BiographyBD</a>, <a href="https://www.thefamouspeople.com/" target="_blank">Thefaamouspeople</a>. Original credits goes to the respective authors</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Footer-Ends -->
<!-- Bootstrap Javascript Documentation -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous"></script>
</body>
</html>