-
Notifications
You must be signed in to change notification settings - Fork 0
/
laudPage.html
119 lines (116 loc) · 10.4 KB
/
laudPage.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
<!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>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha512-SfTiTlX6kk+qitfevl/7LibUOeJWlt9rbyDn92a1DqWOw9vWG2MFoays0sgObmWazO5BQPiFucnnEAjpAB+/Sw==" crossorigin="anonymous" />
</head>
<body style="background-color: black;width: 100%;padding:0;margin:0%">
<div style="display: inline-block;position: relative;left: 200px;color: white;font-family: sans-serif;width: 100px;">Home</div>
<div style="display: inline-block;position:relative;left: 200px; color: white;font-family: sans-serif;width: 100px;">About </div>
<div style="display: inline-block;position: relative;left: 200px;color: white;font-family: sans-serif;width: 100px;">Achievements</div>
<div style="position:relative;top: 200px; color: white;font-family: sans-serif;text-align: center;font-size: 50px;font-weight: inherit;">Kazi Nazrul Islam</div>
<div style="position: relative;top: 210px;color: white;font-family: sans-serif;text-align: center;font-size: 20px;">The National Poet of Bangladesh</div>
<div style="position: relative;top: 400px;height: 750px;background-color: white;">
<div style="position: absolute;top: 60px;left: 200px;width: 550px;height: 500px;display: inline-block;">
<h3 style="font-family: sans-serif;">Rebel Poet</h3>
<p style="font-family: sans-serif;font-size: 18px;">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 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 Bnagladesh. He has raised his voice against any kinds of fascism and oppression and got popularity swiftly around the Indian Subcontinent.</p>
<br>
<h3 style="font-family: sans-serif;">Awesome Writer</h3>
<p style="font-family: sans-serif;font-size: 18px;">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. 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 nearly 4,000 songs(many recorded on HMV and gramophone records), collectively known as Nazrul Geeti.</p>
</div>
<div style="position: absolute;top: 60px;left: 800px;width: 550px;height: 500px;display: inline-block;">
<img src="images/dd2c54b9e2675b04b9b766d955385359.jpg" alt="Kazi Nazrul Islam" style="height: 400px;width: 300px;position: relative;top: 60px;">
</div>
<div style="position: relative;display: inline-block;top:650px;left: 550px;">
<button style="font-weight: 700;font-family: sans-serif;width: 150px;border: 1px solid transparent; border-radius: 4px;height: 40px;background-color: rgba(214, 212, 212, 0.925);"><i class="fa fa-wikipedia-w" ></i> Learn More</button>
<button style="font-weight: 700;font-family: sans-serif;width: 100px;border: 1px solid transparent; border-radius: 4px;height: 40px;background-color: rgba(245, 19, 19, 0.925);color:white ;"><i class="fa fa-youtube-play"></i> Videos</button>
<button style="font-weight: 700;font-family: sans-serif;width: 100px;border: 1px solid transparent; border-radius: 4px;height: 40px;background-color: rgba(236, 113, 12, 0.925);color:white"><i class="fa fa-amazon" ></i> Books</button>
</div>
</div>
<div style="position: relative;top: 450px;text-align: center;font-family: sans-serif;color: white;font-size: 30px;">"Love has no meaning or amount."-Kazi Nazrul Islam</div>
<div style="position: relative;top: 500px;height: 700px;background-color: white;">
<div style="position: relative; border-bottom: 1px solid black;top: 75px;width:550px;"> </div>
<div style="position: relative;font-family: sans-serif;font-size: 35px;margin-left:600px;top:30px">
<span style="font-size:50px;margin-right:10px;color:black;">★</span>Awards</div>
<div style="position: relative; border-bottom: 1px solid black;top: 8px;left:820px;width:575px;"> </div>
<div style="position: absolute;top:120px;left: 200px;width: 1100px;height: 250px;display: inline-block;">
<div style="height:130px;width: 250px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5),1px 1px 4px rgba(0, 0, 0, 0.5);border-radius: 4px;display: inline-block;">
<div style="position: relative;left: 3px;"> <h4 style="font-family: sans-serif;">Jagattarini Gold Medal</h4>
<div style="font-family: sans-serif;">1945</div>
<div style="font-family: sans-serif;">From the University of Calcutta for his works in Bengal Literature.</div>
</div> </div>
<div style="height:130px;width: 250px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5),1px 1px 4px rgba(0, 0, 0, 0.5);border-radius: 4px;display: inline-block;">
<div style="position: relative;left: 3px;"> <h4 style="font-family: sans-serif;">Padma Bhushan</h4>
<div style="font-family: sans-serif;">1960</div>
<div style="font-family: sans-serif;">One of the highest civillian honors of the Republic of India.</div>
</div> </div>
<div style="height:130px;width: 250px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5),1px 1px 4px rgba(0, 0, 0, 0.5);border-radius: 4px;display: inline-block;">
<div style="position: relative;left: 3px;"> <h4 style="font-family: sans-serif;">National Poet</h4>
<div style="font-family: sans-serif;">-</div>
<div style="font-family: sans-serif;">Conferred the title by the Government of Bangladesh.</div>
</div></div>
<div style="height:130px;width: 250px;box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5),1px 1px 4px rgba(0, 0, 0, 0.5);border-radius: 4px;display: inline-block;">
<div style="position: relative;left: 3px;"> <h4 style="font-family: sans-serif;">Ekushey Padak</h4>
<div style="font-family: sans-serif;">1976</div>
<div style="font-family: sans-serif;">Bangladesh's highest civilian honours.</div>
</div> </div>
</div>
<div style="position: relative;left: 200px;width: 1000px;top: 310px;">
<div style="display: inline-block;width: 500px;">
<div style="position: relative; border-bottom: 1px solid black;top: 35px;width:200px;"> </div>
<h2 style="text-align: center;font-family: sans-serif;">Poetry</h2>
<div style="position: relative; border-bottom: 1px solid black;top: -34px;width:200px;float: right;"> </div>
<ul style="font-family: sans-serif;">
<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(Foundation),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 style="position: relative;left: 30px;display: inline-block ;float: right;width: 500px;">
<div style="position: relative; border-bottom: 1px solid black;top: 33px;width:140px;"> </div>
<h2 style="text-align: center;font-family: sans-serif;">Poems and songs</h2>
<div style="position: relative; border-bottom: 1px solid black;top: -34px;width:140px;float: right;"> </div>
<ul style="font-family: sans-serif;">
<li>Dolan Chapa(name of faintly fragnant 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 the Equality),1926</li>
<li>Pubar Hawa(The Eastern Wind),1926</li>
<li>Sarbahara(The Prolitariate),1926</li>
<li>Sindhu Hindol(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>
<footer style="position: relative;top: 600px;height: 300px;">
<div style="font-family: sans-serif;color: white;display: inline-block;position: relative;left: 200px;border-right: 1px solid white;width: 415px;">
<h4>About the author</h4>
<div style="font-size:15px">Made by Md.Abu Taher for a freecodecamp tribute challenge</div>
</div>
<div style="font-family: sans-serif;color: white;display: inline-block;position: relative;left: 230px;border-right: 1px solid white;width: 120px;">
<h4>Techs Used</h4>
<div style="font-size:15px">Semantic UI</div>
</div>
<div style="font-family: sans-serif;color: white;display: inline-block;position: relative;left: 275px; top:30px">
<h4>Content Disclaimer</h4>
<div style="font-size:15px"><p>The content of this website is motly copied from <span style="color:blue;">Wikipedia,</span></p>
<p><span style="color:blue;"> BiographyBD,Thefamouspeople.</span>Original credits goes to the respective authors.</p></div>
</div>
</footer>
</body>
</html>