Skip to content

Instantly share code, notes, and snippets.

@KBPsystem777

KBPsystem777/fcc-tribute-page.markdown

Created November 20, 2017 13:37
Show Gist options
  • Save KBPsystem777/bb9db0183ebcc37c27acf403487f12de to your computer and use it in GitHub Desktop.
Save KBPsystem777/bb9db0183ebcc37c27acf403487f12de to your computer and use it in GitHub Desktop.
Download ZIP
FCC Tribute Page
Raw
fcc-tribute-page.markdown
Raw
index.html
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css?family=PT+Sans+Narrow" rel="stylesheet">
<!--Font Awesome-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="container">
<div class="jumbotron">
<h2 class="text-center KBPtitle">Paul William Walker IV</h2>
<p class="text-center"><em>The Fast and Furious</em></p>
</div>
</div>
<div class="container">
<div class="jumbotron">
<img class="img-responsive center-block" src="https://archive.org/download/koleen_F6/PW.ff.jpg"></img>
</div>
</div>
<div class="container">
<div class="jumbotron">
<table class="table table-striped">
<thead>
<tr>
<th><h4>Basic Info</h4></th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Birthdate:</strong></td>
<td>September 12, 1973</td>
</tr>
<tr>
<td><strong>Education:</strong></td>
<td>Village Christian School</td>
</tr>
<tr>
<td><strong>Occupation:</strong></td>
<td>Actor</td>
</tr>
<tr>
<td><strong>Years Active</strong></td>
<td>1984-2013</td>
</tr>
<tr>
<td><strong>Died:</strong></td>
<td>November 30, 2013</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="container">
<div class="jumbotron">
<h3>Early Life</h3>
<blockquote>
<h5>Paul William Walker IV was born in Glendale, California.
He grew up together with his brothers, Caleb and Cody, and sisters, Ashlie and Amie.
Their parents, Paul William Walker III, a sewer contractor, and Cheryl (Crabtree) Walker, a model,
separated around September 2004.
</h5>
<br>
<footer><a href="https://www.imdb.com/name/nm0908094/bio" target="_blank">www.imdb.com</a></footer>
</blockquote>
<blockquote>
<h5>Paul's dream job was to be starred as an undercover cop in a movie (Entertainment Tonight).
Paul was one of the most well-known actors and he was eventually part of a very
successful movie series called, Fast and Furious.
Even when he was young, Paul started venturing into
modeling and acting in small television show.<h5>
<br>
<footer><a href="https://www.timetoast.com/timelines/paul-walker-2c53e49e-da04-4887-a810-ecc280c1642f" target="_blank">
Timetoast.com</a></footer>
</blockquote>
</div>
</div>
<div class="container">
<div class="jumbotron">
<h4>Acting Career</h4>
<h5><em>January 1986</em><h5>
<h5>Paul had a big year in 1986 because this was when his acting career got kickstarted.
He started off with playing roles in television shows such as: Who's the Boss, Highway to Heaven, and Charles in Charge.
These were all small time deals compared to when he landed his first role in a film called, Monster in the Closet.
From here he left his television acting career behind and began taking bigger roles in films.
Paul starred in the movies: She's all that, Varsity Blues, and The Skulls.</h5>
<h5>All of these movies were aimed at a younger generation, which would eventually help
Paul become popular among teenagers.
He started his career working with low-cost television shows and eventually
worked his way up to finally acting in movies.</h5>
<br>
<h4>April 2001 - November 2013</h4>
<h5><em>Fast and Furious</em></h5>
<h5>Paul's career took off and set him up for good when he was first offered to act in the movie, Fast and Furious.
He was one of the starred actors, along with his future friend, Vin Diesel.
This movie payed its respects to the road films of the 70's and viewers instantly fell in love.
Nobody expected this movie to take off like it did, and the idea of a sequal was originally unthought of.
Paul was able to help the movie bring in more than $200 million.</h5><br>
<img src="https://archive.org/download/koleen_F6/f1.jpg" class="img-responsive center-block"></img>
<div class="caption text-center imgcaption"><strong>Fast and Furious 1:</strong> Paul Walker in the middle, playing as Brian O'Conner - an undercover cop</div><br>
<img src="https://archive.org/download/koleen_F6/f2.jpg" class="img-responsive center-block"></img>
<div class="caption text-center imgcaption"><strong>Fast and Furious 2:</strong> Scene from the FF2 where Paul joins the group of car racers</div><br><br>
<img src="https://archive.org/download/koleen_F6/f4.jpg" class="img-responsive center-block"></img>
<div class="caption text-center imgcaption"><strong>Fast and Furious 4:</strong> DVD preview of FF4</div><br><br>
<img src="https://archive.org/download/koleen_F6/f5.jpg" class="img-responsive center-block"></img>
<div class="caption text-center imgcaption"><strong>Fast and Furious 5:</strong> Paul is joined by the other crew of the gang. FF5 is also one of my favorite installment of Fast and Furious</div><br><br>
<img src="https://archive.org/download/koleen_F6/f6.jpg" class="img-responsive center-block"></img>
<div class="caption text-center imgcaption"><strong>Fast and Furious 6:</strong> The Rock aka Dwayne Johnson joins Paul Walker's crew</div><br><br>
<img src="https://archive.org/download/koleen_F6/f7.jpg" class="img-responsive center-block"></img>
<div class="caption text-center imgcaption"><strong>Fast and Furious 7:</strong> At this point, an accident happened and Paul wasn't able to complete his role for FF7.
Some of his scenes we're played by his brother Cody.</div><br>
<h4>August 2010 - Project Reach Out Worldwide</h4>
<h5>Paul started his own organization called, <strong><a href="https://www.roww.org/">"Reach Out Worldwide"</a></strong>,
that is run by professional volunteers who help people that have been affected by natural disasters.
These volunteers could be anyone from doctors, nurses, paramedics, and heavy machinery specialists (WBFF FOX45 Baltimore).
Throughout the whole time of making this organization, Paul never once dropped his name as the founder.
He was a very humble man, especially for someone who was involved in making Hollywood movies.</h5><br>
<h4>November 30, 2013</h4>
<h5>On November 30, 2013, at about 3:30 p.m. PST, Walker and Roger Rodas, 38, left an event for Walker's charity Reach Out Worldwide
for victims of Typhoon Haiyan (Yolanda), with Rodas driving his Porsche Carrera GT.
In a 45 miles per hour (72 km/h) speed zone on Hercules Street near Kelly Johnson Parkway in Valencia,
Santa Clarita, California, the car crashed into a concrete lamp post and two trees and caught fire.
Rodas died of multiple trauma while Walker died from the combined effects of trauma and burns.</h5><br>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/bf/Grave_of_Paul_Walker.JPG/800px-Grave_of_Paul_Walker.JPG" alt="Paul's Grave" class="img-responsive center-block"></img>
<div class="caption text-center imgcaption">Grave of Paul Walker at Forest Lawn Hollywood Hills</div><br>
<br>
<h5> ***For more of Paul Walker's story, you may visit this <a href="https://en.wikipedia.org/wiki/Paul_Walker" target="_blank">Wikipedia page</a></h5>
<br>
<br>
<footer class="caption text-center">
<hr>
<div class="row">
<div class="col-md-12">
<i class="fa fa-cog fa-spin fa-fw fa-3x"></i>
<h6 class="imgcaption">Compiled and coded by <a href="https://www.freecodecamp.com/kbpsystem777" target="_blank">Koleen BP</a> </h6>
<p>Social Accounts:</p>
<div class="col-md-12">
<a href="https://www.github.com/kbpsystem777" target="_blank"><button class="btn btn-block">
<i class="fa fa-github"></i></button></a><br>
<a href="https://www.linkedin.com/in/kbpsystem" target="_blank"><button class="btn btn-block">
<i class="fa fa-linkedin-square"></i></button></a><br>
<a href="https://www.facebook.com/kbpsystem777" target="_blank"><button class="btn btn-block">
<i class="fa fa-facebook"></i></button></a><br>
<a href="https://www.twitter.com/kbpsystem" target="_blank"><button class="btn btn-block">
<i class="fa fa-twitter"></i></button></a>
</footer>
</div>
</div>
</body>
</html>
Raw
style.css
.KBP {
line-height: 200%;
}
body {
padding: 1%;
margin: 1%;
font-family: 'PT Sans Narrow', sans-serif;
font-size: 30px;
line-height: 100%;
}
.KBPtitle {
font-size: 35px;
}
table {
font-size: 20px;
}
h5 {
font-family: 'PT Sans Narrow', sans-serif;
font-size: 20px;
}
h4 {
font-family: "PT Sans Narrow", sans-serif;
font-size: 30px;
}
.imgcaption {
font-size: 15px;
}
.fa {
font-size: 50px;
}
br {
display: block;
margin: 1%;
}
Raw
styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/m8tro-bootstrap/3.3.7/m8tro.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment