-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
96 lines (79 loc) · 3.75 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<title>Tribute Page</title>
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Main CSS -->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- Font Link -->
<link href="https://fonts.googleapis.com/css?family=Alata|PT+Sans:400,400i,700|Slabo+27px&display=swap" rel="stylesheet">
</head>
<body id="main">
<!-- Header Content Start-->
<div>
<!-- Header Name Start-->
<div class="pt-5">
<h2 id="title">Prophet. Mohammad ﷺ</h2>
</div>
<!-- Header Name End-->
<!-- Header Title Start-->
<div>
<p class="text-center pt-3">The man who was the latest messenger from Allah</p>
</div>
<!-- Header Title End-->
</div>
<!-- Header Content End-->
<div>
<!-- Image Main Content Start-->
<div class= "img-div">
<img id="image" src="https://images.pexels.com/photos/192729/pexels-photo-192729.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" style="height:100%; width:100%">
<p id="img-caption" class="text-center">Muhammad ﷺ was an Prophet, best known as the central figure (& last prophet) of Islam religion and is amongst the most revered & important historical figures in the world.</p>
</div>
<!-- Image Main Content End-->
</div>
<!-- Image Main Content End-->
<!-- Life Story Head Start -->
<div id="tribute-info">
<h3 class="text-center pt-4"> Here's a time line of Prophet. Muhammad ﷺ life:</h3>
</div>
<!-- Life Story Head End -->
<!-- Life Story Description Start -->
<div id="tribute-info">
<ul>
<li><span>569</span> -Death of his father, Abdullah</li>
<li><span>570</span> -Possible date of birth: 12 or 17 Rabi al Awal: in Mecca Arabia</li>
<li><span>577</span> Death of his mother, Amina</li>
<li><span>595</span> Meets and marries Khadijah</li>
<li><span>597</span> Birth of Zainab, his first daughter, followed by: Ruqayyah, Umm Kulthum, and Fatima Zahra</li>
<li><span>610</span> At age 40, Angel Jebreel (Gabriel) was said to appear to Muhammad ﷺ on the mountain and call him "the Prophet of Allah"</li>
<li><span>610</span> Begins in secret to gather followers in Mecca</li>
<li><span>613</span> Begins spreading message of Islam publicly to all Meccans</li>
<li><span>614</span> Heavy persecution of Muslims begins</li>
<li><span>619</span> The year of sorrows: Khadija (his wife) and Abu Talib (his uncle) die</li>
<li><span>620</span> Isra and Mi'raj (reported ascension to heaven to meet God)</li>
<li><span>623</span> Battle of Badr</li>
<li><span>625</span> Battle of Uhud</li>
<li><span>627</span> Battle of the Trench (also known as the siege of Medina)</li>
<li><span>629</span> Conquest of Mecca</li>
<li><span>632</span> Farewell pilgrimage, event of Ghadir Khumm, and death, in what is now Saudi Arabia </li>
</ul>
<p> The best of you is the one who learned and taught the Quran. (Bukhari)
<br> - Muhammad ﷺ
</p>
</div>
<!-- Life Story Description End -->
<!-- Know More Start -->
<div id="tribute-link">
<p>If you have time, you should read more about this incredible human being on his <a href="https://en.wikipedia.org/wiki/Muhammad" target="_blank" class="text-dark">Wikipedia</a> entry.</p>
</div>
<!-- Know More End -->
<!-- Script Code -->
<script type="text/javascript" src="js/jquery-slim.min.js"></script>
<script type="text/javascript" src="js/popper.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>