Freecodecamp proyect
A Pen by Paulina Fischer on CodePen.
Freecodecamp proyect
A Pen by Paulina Fischer on CodePen.
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Bruce Lee Tribute</title> | |
<link href="https://fonts.googleapis.com/css?family=Muli|Russo+One" rel="stylesheet"> | |
</head> | |
<body> | |
<div class="container"> | |
<div class="jumbotron"> | |
<article> | |
<header> | |
<h1>Bruce Lee</h1> | |
<p class="Quote"><q>Empty your mind, be formless. Shapeless, like water.</q></p> | |
<div class="part1"> | |
<figure> | |
<img src="https://chinesemartialstudies.files.wordpress.com/2013/07/bruce-lee-flying.jpg" class="img-thumbnail img-responsive animated fadeIn" alt="Bruce Lee kick"></img> | |
<figcaption>Fight between Lee and Kareem Abdul-Jabbar from the film<cite> The Game of Death</cite> 1972.</figcaption> | |
</figure> | |
<div class="container"> | |
</div> | |
</div> | |
</header> | |
<h2>Something about Bruce Lee</h2> | |
<p>Bruce Lee the master of the masters, king of the martial arts, was a Hong Kong and American actor, martial artist, philosopher, filmmaker,and founder of the martial art Jeet Kune Do. Bruce Lee, whose given name was Lee Jun-fan, was born in San Francisco, California and grew up there and in Hong Kong. Lee was raised in a bi-religious household. His mother was a Catholic and his father a Buddhist. Lee was full of spiritual platitudes and philosophical and spiritual ideas, of which he wrote about in his books or explained during his many interviews. Lee went on to appear on shows playing like a high-kicking villain. Unhappy with the number and quality of roles available to Asian Americans in Hollywood, Lee and his family, moved back to Hong Kong in 1971. Lee soon released the wonderful movie <q>Fists of Fury</q>. From that moment his career as main actor began, he realized other films like: The Big Boss,Way of the Dragon, Enter the Dragon. Where his phylosophy is presented in the films. Bruce became a great international movie star. Until his mysterious death on July 20, 1973. | |
<h2>Some of his Phylosophy</h2> | |
<p><q>Be like water making its way through cracks. Do not be assertive, but adjust to the object, and you shall find a way around or through it. If nothing within you stays rigid, outward things will disclose themselves. | |
Empty your mind, be formless. Shapeless, like water. If you put water into a cup, it becomes the cup. You put water into a bottle and it becomes the bottle. You put it in a teapot, it becomes the teapot. Now, water can flow or it can crash. Be water, my friend.</q><br><br> | |
<q>Always be yourself, express yourself, have faith in yourself, do not go out and look for a successful personality and duplicate it.</q><br><br> | |
<q>I fear not the man who has practiced 10,000 kicks once, but I fear the man who has practiced one kick 10,000 times.</q><br> <br> | |
<q> A wise man can learn more from a foolish question than a fool can learn from a wise answer.</q><br><br> | |
<q>Mistakes are always forgivable, if one has the courage to admit them.</q><br><br> | |
<q>As you think, so shall you become.</q><br><br> | |
<br>You can find more Bruce Lee quotes here: | |
<a href="http://www.bruceleequotes.org/" target="_blank"> Bruce Lee Quotes.</a> | |
</p> | |
</article> | |
</div> | |
</div> | |
<footer> | |
<p>Written and coded by: Paulina Fischer</p> | |
</footer> | |
</body> | |
</html> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | |
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script> |
body { | |
background-color:yellow; | |
margin-top:60px; | |
} | |
.jumbotron h1{ | |
color: Black; | |
font-family: 'Russo One', sans-serif; | |
text-align: center; | |
font-size:600%; | |
} | |
.jumbotron p | |
{ | |
text-align: justify; | |
} | |
.jumbotron h2{ | |
color: black; | |
text-align: center; | |
padding: 30px; | |
font-weight: bold; | |
} | |
.jumbotron .Quote{ | |
text-align: center; | |
} | |
footer | |
{ | |
text-align: center; | |
} | |
.jumbotron figcaption { | |
text-align: center; | |
} | |
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" /> | |
<link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" /> |