-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
149 lines (149 loc) · 14.2 KB
/
index.htm
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Prophet Muhammad - tribute page</title>
<link rel="shortcut icon" href="https://www.freeiconspng.com/thumbs/prophet-muhammad-png/hz-muhammad-png-8.jpg">
<meta name="description" content="A bried definition plus the timeline of the life of the greatest and most influencial man that ever
lived">
<meta name="keywords" content="muhammad prophet god allah islam tribute page freecodecamp greatest man timeline">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style/style.css">
</head>
<body>
<main>
<header>
<h1>Muhammad ﷺ ,God's Final Prophet</h1>
<p id="description">The most infuential man of all time according to <a href="https://en.wikipedia.org/wiki/The_100:_A_Ranking_of_the_Most_Influential_Persons_in_History">wikipedia</a></p>
</header>
<article>
<figure id="image">
<img src="https://i.pinimg.com/originals/16/0b/20/160b20bf09c957bbacad7aef116bdc14.jpg" alt="Muhammad ﷺ 's name in arabic calligraphy">
<figcaption>There isn't and I believe there shouldn't be a figure for the prophet Muhammad ﷺ ﷺ</figcaption>
</figure>
<section id="intro">
<h2>who is Muhammad ﷺ ?</h2>
<p>
Muhammad ﷺ was an Arab religious, social, and political leader and the founder of Islam. According to Islamic doctrine, he was a prophet, sent to preach and confirm the monotheistic teachings of Adam, Abraham, Moses, Jesus, and other prophets. He is believed to be the final prophet of God in all the main branches of Islam, though some modern denominations diverge from this belief.
</p>
<p class="more">Read <a href="https://en.wikipedia.org/wiki/Muhammad" target="_blank">the full definition</a></p>
</section>
<section id="life">
<h2>Muhammad ﷺ 's life</h2>
<section id="timeline">
<h3>Timeline</h3>
<div id="line">
<div class="events">
<a title="birth" href="#birth" id="t-570" class="event-dot"><span>570</span></a>
<a title="orphan" href="#orphan" id="t-575" class="event-dot"><span>575</span></a>
<a title="uncle" href="#uncle" id="t-578" class="event-dot"><span>578</span></a>
<a title="teens" href="#teens" id="t-580" class="event-dot"><span>580</span></a>
<a title="teens" href="#teens" id="t-594" class="event-dot"><span>594</span></a>
<a title="caravan" href="#caravan" id="t-595" class="event-dot"><span>595</span></a>
<a title="family" href="#family" id="t-609" class="event-dot"><span>609</span></a>
<a title="family" href="#family" id="t-610" class="event-dot"><span>610</span></a>
<a title="revelation" href="#revelation" id="t-613" class="event-dot"><span>613</span></a>
<a title="public" href="#public" id="t-622" class="event-dot"><span>622</span></a>
<a title="military" href="#military" id="t-625" class="event-dot"><span>625</span></a>
<a title="conquest" href="#conquest" id="t-628" class="event-dot"><span>628</span></a>
<a title="final" href="#final" id="t-630" class="event-dot"><span>630</span></a>
<a title="final" href="#final" id="t-632" class="event-dot"><span>632</span></a>
</div>
</div>
</section>
<section class="detailed-timeline">
<h3>Muhammad's life events</h3>
<div id="birth">
<h4>570 -- Muhammad ﷺ 's Birth and Infancy</h4>
<p class="description">
Muhammad ﷺ was born in the year 570 in the town of Mecca, a mountain town in the high desert plateau of western Arabia. His name derives from the Arabic verb hamada, meaning "to praise, to glorify." He was the first and only son of Abd Allah bin Al-Muttalib and Amina bint Wahb. Abd Allah died before Muhammad ﷺ 's birth and Muhammad ﷺ was raised by his mother Amina, who in keeping with Meccan tradition entrusted her son at an early age to a wet nurse named Halima from the nomadic tribe of the Sa'd ibn Bakr. He grew up in the hill country, learning their pure Arabic.
</p>
</div>
<div id="orphan">
<h4>575 -- Muhammad ﷺ Becomes an Orphan</h4>
<p class="description">
When Muhammad ﷺ was five or six his mother took him to Yathrib, an oasis town a few hundred miles north of Mecca, to stay with relatives and visit his father's grave there. On the return journey, Amina took ill and died. She was buried in the village of Abwa on the Mecca-Medina Road. Halima, his nurse, returned to Mecca with the orphaned boy and placed him in the protection of his paternal grandfather, Abdul Al-Muttalib. In this man's care, Muhammad ﷺ learned the rudiments of statecraft. Mecca was Arabia's most important pilgrimage center and Abdul Al-Muttalib its most respected leader. He controlled important pilgrimage concessions and frequently presided over Mecca's Council of Elders.
</p>
</div>
<div id="uncle">
<h4>578 -- Muhammad ﷺ in Mecca in Care of an Uncle</h4>
<p class="description">
Upon his grandfather's death in 578, Muhammad ﷺ , aged about eight, passed into the care of a paternal uncle, Abu Talib. Muhammad ﷺ grew up in the older man's home and remained under Abu Talib's protection for many years. Chroniclers have underscored Muhammad ﷺ 's disrupted childhood. So does the Qur'an: "Did God not find you an orphan and give you shelter and care? And He found you wandering, and gave you guidance. And he found you in need, and made you independent" (93:6-8).
</p>
</div>
<div id="teens">
<h4>580-594 -- Muhammad ﷺ 's Teens</h4>
<p class="description">
When young boy, Muhammad ﷺ worked as a shepherd to help pay his keep (his uncle was of modest means). In his teens he sometimes traveled with Abu Talib, who was a merchant, accompanying caravans to trade centers. On at least one occasion, he is said to have traveled as far north as Syria. Older merchants recognized his character and nicknamed him El–Amin, the one you can trust.
</p>
</div>
<div id="caravan">
<h4>594 -- Muhammad ﷺ Acts as Caravan Agent for Wealthy Tradeswoman, Khadija</h4>
<p class="description">
In his early twenties, Muhammad ﷺ entered the service of a wealthy Meccan merchant, a widow named Khadija bint Khawalayd. The two were distant cousins. Muhammad ﷺ carried her goods to the north and returned with a profit.
</p>
</div>
<div id="family">
<h4>595-609 -- Muhammad ﷺ 's Marriage and Family Life</h4>
<p class="description">
Impressed by Muhammad ﷺ 's honesty and character, Khadija eventually proposed marriage. They were wed in about 595. He was twenty-five. She was nearly forty.
</p>
<p class="description">
Muhammad ﷺ continued to manage Khadija's business affairs, and their next years were pleasant and prosperous. Six children were born to them, two sons who both died in infancy, and four daughters. Mecca prospered too, becoming a well–off trading center in the hands of an elite group of clan leaders who were mostly successful traders.
</p>
</div>
<div id="revelation">
<h4>610 -- Muhammad ﷺ Receives First Revelation</h4>
<p class="description">
Mecca's new materialism and its traditional idolatry disturbed Muhammad ﷺ . He began making long retreats to a mountain cave outside town. There, he fasted and meditated. On one occasion, after a number of indistinct visionary experiences, Muhammad ﷺ was visited by an overpowering presence and instructed to recite words of such beauty and force that he and others gradually attributed them to God. This experience shook Muhammad ﷺ to the core. It was several years before he dared to talk about it outside his family.
</p>
</div>
<div id="public">
<h4>613 -- Muhammad ﷺ Takes his Message Public</h4>
<p class="description">
After several similar experiences, Muhammad ﷺ finally began to reveal the messages he was receiving to his tribe. These were gathered verse by verse and later would become the Qur'an, Islam's sacred scripture. In the next decade, Muhammad ﷺ and his followers were first belittled and ridiculed, then persecuted and physically attacked for departing from traditional Mecca's tribal ways. Muhammad ﷺ 's message was resolutely monotheistic. For several years, the the Quraysh, Mecca's dominant tribe, levied a ban on trade with Muhammad ﷺ 's people, subjecting them to near famine conditions. Toward the end of the decade, Muhammad ﷺ 's wife and uncle both died. Finally, the leaders of Mecca attempted to assassinate Muhammad ﷺ .
</p>
</div>
<div id="emigration">
<h4>622 -- Muhammad ﷺ and the Muslims Emigrate to Medina</h4>
<p class="description">
In 622, Muhammad ﷺ and his few hundred followers left Mecca and traveled to Yathrib, the oasis town where his father was buried. The leaders there were suffering through a vicious civil war, and they had invited this man well known for his wisdom to act as their mediator. Yathrib soon became known as Medina, the City of the Prophet. Muhammad ﷺ remained here for the next six years, building the first Muslim community and gradually gathering more and more people to his side.
</p>
</div>
<div id="military">
<h4>625-628 -- The Military Period</h4>
<p class="description">
The Meccans did not take Muhammad ﷺ 's new success lightly. Early skirmishes led to three major battles in the next three years. Of these the Muslims won the first (the Battle of Badr, March, 624), lost the second (the Battle of Uhud, March, 625), and outlasted the third, (The Battle of the Trench and the Siege of Medina, April, 627). In March, 628, a treaty was signed between the two sides, which recognized the Muslims as a new force in Arabia and gave them freedom to move unmolested throughout Arabia. Meccan allies breached the treaty a year later.
</p>
</div>
<div id="conquest">
<h4>630 -- The Conquest of Mecca</h4>
<p class="description">
By now, the balance of power had shifted radically away from once-powerful Mecca, toward Muhammad ﷺ and the Muslims. In January, 630, they marched on Mecca and were joined by tribe after tribe along the way. They entered Mecca without bloodshed and the Meccans, seeing the tide had turned, joined them.
</p>
</div>
<div id="final">
<h4>630-632 -- Muhammad ﷺ 's Final Years</h4>
<p class="description">
Muhammad ﷺ returned to live in Medina. In the next three years, he consolidated most of the Arabian Peninsula under Islam. In March, 632, he returned to Mecca one last time to perform a pilgrimage, and tens of thousands of Muslims joined him.
</p>
<p class="description">
After the pilgrimage, he returned to Medina. Three months later on June 8, 632 he died there, after a brief illness. He is buried in the mosque in Medina. Within a hundred years Muhammad ﷺ 's teaching and way of life had spread from the remote corners of Arabia as far east as Indo-China and as far west as Morocco, France and Spain.
</p>
</div>
</section>
<div class="resources">
<p class="more">Check <a href="https://www.pbs.org/muhammad/timeline_html.shtml" target="_blank">pbs article</a> and <a href="https://en.wikipedia.org/wiki/Muhammad" target="_blank">read more on wikipedia</a></p>
</div>
</section>
</article>
</main>
<a href="#intro" id="go-top">
<img src="img/up.svg" alt="go to the top of the page">
</a>
<footer>
<p>Coded with ❤️ by <a href="https://github.com/fawezz" target="_blank">Fawez</a></p>
</footer>
</body>
</html>