-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
71 lines (68 loc) · 2.88 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Tribute Page - Muhammad Ali</title>
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro,Noto+Sans:700,Open+Sans:300" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="style.css"</link>
</head>
<body>
<div id="wrapper">
<header>
<div id="header-wrapper">
<div id="logo">
<p class="logo-text">THE GREAT</p>
<h1 class="logo-text">MUHAMMAD</h1>
<h2 class="logo-text">ALI</h2>
</div>
<h3>"A<span>winner not only in the ring, but in th</span>e <br> h<span>earts of man</span>y"</h3>
<img id="header-image" src="img/main.jpg" alt="Muhammad Ali, The Man With Many Heroic Avatars">
</div>
</header>
<section id="about-container">
<div id="portrait">
<img src="img/Mohd-Ali-Portrait.jpg" alt="Muhammad Ali Portrait">
</div>
<div id="about">
<p>The man who doesn't need <br>an <strong>"About"</strong> page</p>
<div id="diagonal">
<hr>
</div>
<blockquote>
<p>"It isn't the mountains ahead to climb that wear you out; it's the pebble in your shoe."</p>
<footer><strong> - Muhammad Ali</strong></footer>
</blockquote>
</div>
</section>
<section id="awards">
<div>
<h2>Awards & Achievements</h2>
<p>To name a few...</p>
</div>
<div id="awards-container">
<div id="awards-list">
<ul>
<li>He was honored with a number of titles including, ‘The Greatest’, ‘Fighter of the Year’, ‘Sportsman of the Year’, Sportsman of the Century and ‘Sports Personality of the Century’.</li>
<li>He was the proud recipient of the Presidential Citizens Medal and Presidential Medal of Freedom, which he received in in 2005 by then President George W. Bush.</li>
<li>He was inducted in the International Boxing Hall of Fame. He is even honored with a star on the Hollywood Walk of Fame at 6801 Hollywood Boulevard.</li>
</ul>
</div>
<div id="sketch">
<img src="img/Mohd-Ali-Sketch.png" alt="Muhammad Ali Sketch">
</div>
</div>
</section>
</div>
<footer>
<div id="footer-container">
<p>Created By Sufiyaan Rajput |Swizzx|</p>
<div id="social-links">
<a href="https://twitter.com/iswizzx" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="https://github.com/swizzx/" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
</div>
</div>
</footer>
</body>
</html>