trent
/
fcc-challenges
mirror of https://github.com/TrentSPalmer/fcc-challenges.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

add mccain_tribute/*

This commit is contained in:
Trent Palmer 2018-08-29 22:32:25 -07:00
parent 1f642217c5
commit 0578372757
2 changed files with 85 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
mccain_tribute/index.html Normal file
View File

@ -0,0 +1,38 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="mccain_tribute.css">
<title></title>
</head>
<body>
<div id="main">
<div>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
</div>
<div id="title-div">
<h1 id="title">John McCain</h1>
<h2 id="sub-title">Senator, Fighter Pilot</h2>
</div>
<div id="img-div">
<img id="image" src="https://farm1.staticflickr.com/211/500417021_0a195b060a_b.jpg" alt="No Known Restrictions: Interview with Lt. Comdr. John S. McCain, Vietnam POW by Thomas J. O'Halloran, 1973 (LOC)">
<div id="img-caption">
<p>Picture of John McCain, No Known Restrictions<br>
Interview with Lt. Comdr. John S. McCain,<br>
Vietnam POW by Thomas J. O'Halloran, 1973</p>
</div>
</div>
<div id="tribute-info">
<p>Growing up in a military family, Mr McCain attended many different schools along the way. And he completed flight school in 1960. Then on October 26, 1967 he was shotdown over Vietnam and made a prisoner of war. As a POW, Mr McCain suffered from severe injuries and torture.</p>
<p>Later on Mr McCain was elected to six terms as US Senator from the State of Arizona. And in 2000 and 2008, he ran for President. His career in the US Senate was lengthy and influential, but his hopes of becoming President did not work out.</p>
<p>Finally, August 25, 2018, at the age of 81, McCain passed away as a result of brain cancer, bringing an end to a storied life and career.</p>
</div>
<div id="link-div">
More information about Mr McCain from <a id="tribute-link" target="_blank" href="https://en.wikipedia.org/wiki/John_McCain">Wikipedia</a>
</div>
</div>
</body>
</html>

47
mccain_tribute/mccain_tribute.css Normal file
View File

@ -0,0 +1,47 @@
body,html {
text-align: center;
}
#title {
margin-bottom: -.5em;
}
#title-div {
text-shadow: 1px 1px;
color: hsl(80, 43%, 30%);
}
#img-div {
max-width: 100%;
}
#image {
max-width: 100%;
display: block;
margin: auto;
padding: 2rem 2rem 9rem 2rem;
border-radius: .4em;
background-color: hsl(80, 43%, 80%);
border-color: hsl(260, 43%, 80%);
border-style: outset;
border-width: thick;
}
#img-caption {
font-style: italic;
position: relative;
top: -8rem;
}
#tribute-info {
max-width: 1000px;
margin: auto;
text-align: left;
position: relative;
top: -4rem;
}
#link-div {
position: relative;
top: -2rem;
}