-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
218 lines (164 loc) · 9.8 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
<!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">
<meta name="description" content="Muhammad Ali was an American professional. boxer of all time. World heavyweight boxing champion. first fighter to win.sports figures 20th.boxer of all time" />
<meta property="og:title" content="Muhammad Ali the Greatest" />
<meta property="og:url" content="https://mynameisearth.github.io/tribute-page/" />
<meta property="og:description" content="Who is Muhammad Ali ? Only heavy weight boxer to be...." />
<meta property="og:image" content="https://raw.githubusercontent.com/mynameisearth/tribute-page/main/Images/logo-github.jpeg" />
<meta property="og:type" content="website" />
<title>Muhammad Ali top 10 greatest boxer of all time. is the best boxer</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css">
<link rel="icon" href="./Images/icon.jpg" type="image/gif" sizes="16x16">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="(max-width:480px)" href="./Responsive-media-query/mobile.css">
<link rel="stylesheet" media="(max-width:767px) and (min-width:481px)" href="./Responsive-media-query/low-resolution-tablets.css">
<link rel="stylesheet" media="(max-width:1024px) and (min-width:767px)" href="./Responsive-media-query/tablets-ipas-portrain-mode.css">
<link rel="stylesheet" media="(max-width:1281px) and (min-width:1025px)" href="./Responsive-media-query/laptops-desktops.css">
<link rel="stylesheet" href="./Responsive-media-query/Lanscape-view-all.css">
</head>
<body>
<header>
<div class="container">
<nav>
<a href="#about-page">About</a>
<a href="#controversy-page">Controversy</a>
<a href="#legacy-page">Legacy</a>
<a href="#quotes-page">Qutoes</a>
</nav>
</div>
</header>
<main>
<div class="banner-container">
<div class="section-1">
<div class="left-section">
<div class="image-back"></div>
<div class="imgg"></div>
</div>
<div class="right-section">
<h1>Mohammad Ali</h1>
<h2>1942 - 2016</h2>
</div>
</div>
<div class="section-2" id="about-page">
<div class="container">
<div class="about-box">
<h4>Muhammad Ali, originally named Cassius Marcellus Clay, Jr., was born in Louisville in 17 January 1942</h4>
</div>
<div class="about-box">
<h4>Muhammad Ali was an American professional boxer and activist</h4>
</div>
<div class="about-box">
<h4>Muhammad Ali Ranked as the greatest heavyweight boxer of all time</h4></h4>
</div>
<div class="about-box">
<h4>Muhammad Ali Nicknamed The Greatest</h4>
</div>
<div class="about-box">
<h4>Muhammad Ali Regarded as one of the most significant sports figures of the 20th century</h4>
</div>
<div class="about-box">
<h4>Introduced boxing at young age by a city policeman after the boy’s bicycle was stolen</h4>
</div>
<div class="about-box">
<h4>Muhammad Ali was first fighter to win the world heavyweight championship on three separate occasions</h4>
</div>
<div class="about-box">
<h4>Clay won his professional boxing debut on October 29, 1960</h4>
</div>
</div>
</div>
<div class="section-3" id="legacy-page">
<div class="container">
<div class="legacy-box">
<h5>Muhammad Ali had a career record of 56 wins, five losses and 37 knockouts before his retirement from boxing in 1981 at the age of 39</h5>
</div>
<div class="legacy-box">
<h5>Olympic gold medalist</h5>
</div>
<div class="legacy-box">
<h5>Muhammad Ali was World heavyweight boxing champion</h5>
</div>
<div class="legacy-box">
<h5>He is the only boxer to be named The Ring magazine Fighter of the Year six times</h5>
</div>
<div class="legacy-box">
<h5>He was one of only three boxers to be named "Sportsman of the Year" by Sports Illustrated</h5>
</div>
<div class="legacy-box">
<h5>Muhammad Ali ranked as the second best boxer and best heavyweight of the 20th century</h5>
</div>
<div class="legacy-box">
<h5>His joint records of beating 21 boxers for the world heavyweight title and winning 14 unified title bouts stood for 35 years</h5>
</div>
<div class="legacy-box">
<h5>He was the recipient of the 1997 Arthur Ashe Courage Award</h5>
</div>
<div class="legacy-box">
<h5>On January 8, 2001, Muhammad Ali was presented with the Presidential Citizens Medal by President Bill Clinton</h5>
</div>
<div class="legacy-box">
<h5>In November 2005, he received the Presidential Medal of Freedom from President George W. Bush</h5>
</div>
<div class="legacy-box">
<h5>In 2015, Sports Illustrated renamed its Sportsman Legacy Award to the Sports Illustrated's Muhammad Ali Legacy Award</h5>
</div>
<div class="legacy-box">
<h5>He was crowned Sportsman of the Century by Sports Illustrated</h5>
</div>
<div class="backdesign"></div>
</div>
</div>
<div class="section-4" id="controversy-page">
<div class="container">
<div class="controversy-box">
<a href="https://en.wikipedia.org/wiki/Religious_views_of_Muhammad_Ali"><h1>Join in Nation of Islam</h1></a>
</div>
<div class="controversy-box">
<a href="https://en.wikipedia.org/wiki/Muhammad_Ali#Vietnam_War_and_resistance_to_the_draft"><h1>Refused induction into US army</h1></a>
</div>
<div class="controversy-box">
<a href="https://en.wikipedia.org/wiki/Muhammad_Ali#Exile_and_comeback"><h1>Ali was systematically denied a boxing license in every state</h1></a>
</div>
<div class="controversy-box">
<a href="https://en.wikipedia.org/wiki/Muhammad_Ali"><h1>No Fight from age 25-29</h1></a>
</div>
<div class="controversy-box">
<a href="https://en.wikipedia.org/wiki/Muhammad_Ali#Protesting_while_exiled"><h1>Criticizing Vietnam war</h1></a>
</div>
<div class="controversy-box">
<a href="https://en.wikipedia.org/wiki/Muhammad_Ali#Exile_and_comeback"><h1>Advocating African-American pride and racial justice</h1></a>
</div>
</div>
</div>
<div class="section-5" id="quotes-page">
<div class="container">
<div class="quotes-box">
<h5>Service to others is the rent you pay for your room here on earth</h5>
</div>
<div class="quotes-box">
<h5>Don’t count the days; make the days count</h5>
</div>
<div class="quotes-box">
<h5>I am the greatest, I said that even before I knew I was</h5>
</div>
<div class="quotes-box">
<h5>At home I am a nice guy: but I don’t want the world to know. Humble people, I’ve found, don’t get very far</h5>
</div>
<div class="quotes-box">
<h5>A man who has no imagination has no wings</h5>
</div>
<div class="quotes-box">
<h5>Hating people because of their color is wrong. And it doesn't matter which color does the hating. It's just plain wrong</h5>
</div>
<div class="backdesign"></div>
</div>
<marquee behavior="" direction="left"><h5><i class="fa-solid fa-copyright"></i>my name is <span>earth</span></h5></marquee>
</div>
</div>
</main>
</body>
</html>