-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
65 lines (54 loc) · 4.45 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>FreeCodeCamp Tribute Page</title>
<link rel="stylesheet" href="./style/styles.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lugrasimo&family=Roboto:wght@300&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@600&display=swap" rel="stylesheet">
<link rel="icon" href="https://images.unsplash.com/photo-1588904570641-eb0efcf4d369?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80" alt="A Statue Of Bruce Lee">
<body>
<main id="main">
<!-- Hero -->
<h1 id="title">Bruce Lee</h1>
<p class="subtitle">The Man, The Myth</p>
<figure id="img-div">
<a href="https://unsplash.com/photos/wWX7Zex_BQY" target="_blank">
<img src="https://images.unsplash.com/photo-1588904570641-eb0efcf4d369?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=870&q=80" alt="A Statue Of Bruce Lee" id="image">
</a>
<figcaption id="img-caption">A Statue Of Martial Arts Legend, actor, and Philosopher: Bruce Lee</figcaption>
</figure>
<!-- Timeline -->
<section id="tribute-info">
<h2 class="headline">Here's A Timeline Of Bruce Lee's Life:</h2>
<ul>
<li><strong>November 27, 1940: </strong>Born Lee Jun-fan to Cantonese opera performer Lee Hoi-chuen and Grace Ho; Bruce Lee was born in Chinatown in San Francisco, California.</li>
<li><strong>1956-1957: </strong>Refines his fighting skills to gain more discipline and control; he is tutored in Wing Chun by the famous instructor Yip Man.</li>
<li><strong>1964: </strong>Drops out of university to pursue his martial arts career fully; he partners with James Lee – a martial arts instructor – to set up a school called Jun Fan Martial Art Studio in June 1964 in Oakland.</li>
<li><strong>1966–1967: </strong>His first major Hollywood movie sees him cast as Kato in the hit series titled <em>The Green Hornet.</em></li>
<li><strong>1967: </strong> Establishes the Jun Fan Gung Fu Institute to train people of all classes, age, and race in martial arts and the philosophy behind the art.</li>
<li><strong>1967: </strong>Introduces the world to his form of martial art technique known as Jeet Kune Do – a non-traditional martial arts style that relies heavily on speed, agility, and practicality.</li>
<li><strong>1971: </strong>Bruce Lee moves to Hong Kong to make a supporting case for why he should be cast as a lead in Hollywood movies.</li>
<li><strong>July 20, 1973: </strong> Bruce Lee’s life is cut short at age 32; autopsy results show that he died of an allergic reaction to pain killers; he is laid to rest in Lakeview Cemetery, Seattle.</li>
</ul>
</section>
<!-- Quote Section -->
<blockquote class="quote" cite="https://www.quotespedia.org/authors/b/bruce-lee/adapt-what-is-useful-reject-what-is-useless-and-add-what-is-specifically-your-own-bruce-lee/">
<p>"Adapt what is useful, reject what is useless, and add what is specifically your own."</p>
<cite><strong><span>Bruce Lee</span></strong></cite>
</blockquote>
<p id="tribute-link__info"> If you have time, you should read more about this incredible human being on his <a href="https://en.wikipedia.org/wiki/Bruce_Lee" target="_blank" id="tribute-link">Wikipedia</a> entry. </p>
<!-- Credit -->
<p class="credit"><a href="https://webdevkeenan.netlify.app/" target="_blank">Web Dev Keenan</a></p>
</main>
</body>
</html>
<!--
Your #image should use max-width and height properties to resize responsively, relative to the width of its parent element, without exceeding its original size
Your img element should be centered within its parent element
Fulfill the user stories and pass all the tests below to complete this project. Give it your own personal style. Happy Coding!