-
Notifications
You must be signed in to change notification settings - Fork 0
/
history.html
166 lines (148 loc) · 7.74 KB
/
history.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
<html>
<head>
<link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" type="text/css" href="style/main-style.css">
<link rel="stylesheet" type="text/css" href="style/content-style.css">
<title>History | TOP OF TIMES</title>
</head>
<body id="body" style="font-size:18px; font-family:'Adobe Garamond Pro';">
<!-- header starts here-->
<div id="topscroll">
<table>
<tr>
<td align="left" id="logo">
<img src="images/logo.png" height="230" width="230">
</td>
<td align="center">
<!-- Durood Slider, Search Bar and Navigation Menu starts from here-->
<table>
<tr><td colspan="2">
<img src="images/header-pic.png" align="center" height="150" width="900">
</td></tr>
<tr><td style="background-image:url(images/bg-line-pattern.png)">
<marquee style="vertical-align:bottom;" direction="right" scrollamount="9" width="635px"><img src="images/durood2.png" width="940" height="45"><img src="images/durood1.png" width="940" height="45"></marquee></td>
<td>
<div id="search-bar-element" align="right">
<input id="search-bar" align="right" type="text" name="searchbar"></div>
</td></tr>
<tr><td colspan="2">
<ul class="navbar">
<li class="menu-item"><a href="index.html">HOME</a></li>
<li class="menu-item"><a href="history.html">HISTORY</a></li>
<li class="menu-item"><a href="soc-facts.html">SOCIAL FACTS</a></li>
<li class="menu-item"><a href="sci-facts.html">SCIENCE AND ART</a></li>
<li class="menu-item"><a href="contact-us.html">CONTACT US</a></li>
</ul><br>
</td></tr></table>
<!-- Durood Slider, Search Bar and Navigation Menu ends here-->
</td>
<td align="right">
<ul class="social">
<li style="text-align:center; padding-left:0px; padding-right:10px; vertical-align:bottom; background-image:url(images/bg-line-pattern.png);"><marquee direction="right" scrollamount="15"><img src="images/bismillah-marquee.png" width="550" height="95"></marquee></li>
<li id="social-item1" style="text-align:center; padding-left:20px; padding-right:0px; vertical-align:bottom; margin-right:0px;"><a href="https://www.facebook.com/faatehsultan.kazmi" target="_blank">CONTACT<br>DEVELOEPER</a></li
></ul>
</td>
</tr>
</table>
</div>
<!-- header ends here-->
<!-- marquee line starts here-->
<div id="main-marquee">
<marquee scrollamount="10" style="font-family:'Arial'; margin-top:0px;">
<font color="#FFFFFF">WELCOME TO THE GALAXY OF POINEERS OF SOCIAL AND NATURAL SCIENCE ..... <b><i>ʘ</i></b> ..... YAQUB AL KINDI introduced the Music Therapy ..... <b><i>ʘ</i></b> ..... ABBAS IBN FIRNAS was the first ever successfull aviator of the history ..... <b><i>ʘ</i></b> ..... IBN Al HAYTHAM discovered the hidden secrets about light from the incident of Throne of Hazrat Suleman (a.s.) ..... <b><i>ʘ</i></b> ..... JABIR BIN HAYAN invented Sulphuric Acid and Hydrochloric Acid ..... <b><i>ʘ</i></b></font>
</marquee>
</div>
<!-- marquee line ends here-->
<!-- main content layout starts here-->
<div class="container-bg" style="color:#FFF;">
<div class="container">
<div style="background-image:url(images/bg-line-arabic.png); background-position:center; padding-bottom:25px;">
<div style="margin-top:0px; margin-right:50px; margin-left:50px; margin-bottom:0px;">
<h1 style="padding-top:50px; text-align:center;">HISTORY OF ISLAMIC GOLDEN AGES</h1><br>
<div>
<table style="color:white; font-size:26px;">
<tr>
<td colspan="2" style="padding-left:60px;">
<h2 style="text-align:center; font-family:'Segoe UI';">The Emergence of Islam</h2>
</td>
</tr>
<tr>
<td>
<p style="text-indent:25px;">Before the birth of Hazrat Muhammad (S.A.W.), Arabs were pagans and they were involved in many evils. People used to bury their daughters alive. Their was no centralized government system. They used to implement laws only on poors and rich people were set free. The civiization was completely destroyed.</p><p style="text-indent:25px;">To make the humanity, ultimately civilized and to give people, a right way of life, Allah Almighty sent Holy Prophet Hazrat Muhammad (S.A.W.) to guide people through the right way to spend the life. His teachings were based on Quran and are the universal source of guidance for people.</p>
</td>
<td>
<img src="images/mecca.jpg" width="300" height="200" title="Khaana Kaaba | Mecca, Saudi Arabia">
</td>
</tr>
</table>
</div>
</div>
</div>
<br>
<div style="background-image:url(images/bg-line-arabic1.png); background-position:center; padding-bottom:25px;">
<table style="color:white; font-size:28px;">
<tr>
<td colspan="2" style="padding-left:60px; margin-left:50px">
<h2>Formation of Islamic Caliphate in Spain</h2>
</td>
</tr>
<tr style="margin-left:50px">
<td>
<p>Umayad Caliphate was second caliphate of Islam after Al Rashidun Caliphate after the death of Holy Prophet (S.A.W.). Banu Umayya conquered Africa, Sindh, Spain (Al Andulas) , Caucasia and Central Asia. Spain was the origin of scientific development by Muslims. It was established by Abd Al Rahman I.</p>
</td>
<td>
<img src="images/abdalrahman1.png" width="220" height="300" title="Abd al Rahman I">
</td>
</tr>
<tr>
<td colspan="2" style="padding-left:60px;">
<h2>Formation of Islamic Caliphate in Baghdad</h2>
</td>
</tr>
<tr>
<td>
<p>Abbasid Caliphate was the third caliphate after the death of Holy Prophet (S.A.W.). Caliph Al Mansur founded Baghdad as the capital of government. Baghdad became the centre for development of Natural and Social Sciences as well as Arts and Literature.</p>
</td>
<td>
<img src="images/garnada.jpg" width="300" height="200" title="Alhambra Fortress in Baghdad">
</td>
</tr>
</table>
</div>
</div>
</div>
</div></div>
<!-- main content layout ends here-->
<!--Top Scroller here-->
<div id="topscroller">
<a href="#topscroll"><img src="images/top-button.png" width="50" height="50"></a>
</div>
<!-- footer starts here-->
<div id="footer" style="padding-top:15px">
<div align="center" id="transbox-footer-att">
<table>
<tr>
<td>
<div align="center">
<ul class="navbar-footer" style="margin-bottom:10px;">
<li class="menu-item-footer"><a href="index.html">HOME</a></li>
<li class="menu-item-footer"><a href="history.html">HISTORY</a></li>
<li class="menu-item-footer"><a href="soc-facts.html">SOCIAL FACTS</a></li>
<li class="menu-item-footer"><a href="sci-facts.html">SCIENCE AND ART</a></li>
<li class="menu-item-footer"><a href="contact-us.html">CONTACT US</a></li>
</ul>
</div>
</td>
<td>
<div id="search-bar-element-bottom" align="right">
<input id="search-bar-bottom" align="right" type="text" name="searchbar"></div>
</td>
</tr></table>
<hr><hr><hr>
<div><h4><font id="footer-att">Developed by <div><a href="https://facebook.com/faatehsultan.kazmi" target="_blank" style="text-decoration:none; color:white;">SYED FAATEH SULTAN KAZMI (BCSF18M022)</a></div><br><br>Top of Times © 2019</font></h4></div>
</div>
</div>
</div>
<!-- footer ends here-->
</body>
</html>