Skip to content

Instantly share code, notes, and snippets.

@WebsiteStudents

WebsiteStudents/week-5-source-code

Last active December 12, 2015 10:29
Show Gist options
  • Save WebsiteStudents/4759804 to your computer and use it in GitHub Desktop.
Save WebsiteStudents/4759804 to your computer and use it in GitHub Desktop.
Download ZIP
Week 5 source code - all the HTML and CSS ready to begin work. This does not include the completed exercises for Week 5 - this is the code that begins the exercise. Copy and paste this into a new HTML document to begin.
Raw
week-5-source-code
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Apollo 1 Tragedy - Week 5</title>
<style type="text/css">
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/*END RESET CODE*/
body {
font-family: Verdana, Helvetica, arial, sans-serif;
font-size: 1em;
line-height: 161.71875%;
background-color: #000;
}
.wrapper {
background-color: #eeeedd;
width: 800px;
margin-right: auto;
margin-left: auto;
display: block;
}
.header {
padding: 20px;
float: none;
width: 860px;
height: auto;
}
.maincontent {
padding: 0 20px;
float: right;
width: 67%;
}
.sidebar {
background-color:#D6D6C7;
padding: 10px;
float: left;
width: 25%;
}
.footer {
background-color: #D6D6C7;
padding: 20px;
clear: both;
float: none;
height: 100px;
width: auto;
}
h1 {
font-style: bold;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 3.3em;
margin-bottom: 1em;
line-height: 100%;
}
.header h1 {
font-size: 10em;
line-height: 100%;
margin-bottom:0;
}
.sidebar h1 {
font-weight: bold;
font-family: Verdana, Helvetica, arial, sans-serif;
font-size: 1em;
margin-bottom:0;
}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 2.7em;
font-weight: bold;
letter-spacing: 0.02em;
line-height: 130%;
margin-bottom: 1em;
}
.maincontent h2 {
line-height: 140%;
margin-bottom: 0.1em;
}
h3 {
font-size: 1.75em;
line-height: 50px;
margin-bottom: 25px;
font-weight: bold;
font-family: Verdana, Helvetica, arial, sans-serif;
text-transform: uppercase;
}
.maincontent h3 {
}
h4 {
margin-bottom: 25px;
font-weight: bold;
font-family: Verdana, Helvetica, arial, sans-serif;
text-transform: uppercase;
font-size: 1.3375em;
}
h5 {
font-weight: bold;
font-family: Verdana, Helvetica, arial, sans-serif;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}
h6 {
font-family: Verdana, Helvetica, arial, sans-serif;
font-weight: bold;
font-style: italic;
margin-bottom: 25px;
}
p {
margin-bottom: 25px;
font-weight: normal;
font-family: Verdana, Helvetica, arial, sans-serif;
font-size: 1em;
}
p.intro {
font-size: 1.225em;
font-weight: normal;
font-family: Verdana, Helvetica, arial, sans-serif;
}
.maincontent p {
margin-bottom: 2.5%;
}
.sidebar p {
margin-bottom: 5%;
}
.crew,
.payload,
.padfire {
background-color: #F3F3E7;
padding-top: 0em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 1em;
margin-bottom: 1em;
}
.crew .crew {
background-color: #D6D6C7;
padding: 1em;
margin-bottom: 1em;
}
/* NAV BUTTON STYLES - PART 1 */
/* NAV BUTTON STYLE - FIRST CODE HERE */
/* NAV BUTTON STYLE - HOVER STATE CODE */
/* NAV BUTTON STYLE - HOVER TRANSITION */
/* NAV BUTTON STYLE - ICON TRICKERY CODE */
/* CSS TRANSFORM - PART 2 */
/* PASTE SECTION-GRISSOM TRANSFORM CODE HERE */
/* PASTE SECTION-GRISSOM TRANSITION CODE HERE */
/* MULTIPLE BACKGROUNDS - PART 3 */
/*INSERT SPACE-BACKGROUND-1 CODE HERE*/
/*INSERT SPACE-BACKGROUND-2 CODE HERE*/
/*INSERT SPACE-BACKGROUND-3 CODE HERE*/
/* ******************************************************************** */
/* Clearfix: http://csscreator.com/attributes/containedfloat.php */
/* ******************************************************************** */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */
</style>
</head>
<body class="homepage">
<div class="wrapper clearfix">
<header class="header pagetitle">
<h1>Apollo 1</h1>
</header><!--END PAGETITLE HEADER-->
<div class="maincontent">
<article class="mainarticle">
<header class="mainarticle">
<h2>Apollo 1 Tragedy</h2>
</header>
<p>Jan. 27, 1967, tragedy struck on the launch pad at Cape Kennedy during a preflight test for Apollo 204 (AS-204). The mission was to be the first crewed flight of Apollo, and was scheduled to launch Feb. 21, 1967. Astronauts Virgil Grissom, Edward White and Roger Chaffee lost their lives when a fire swept through the command module, or CM.</p>
<p>The exhaustive investigation of the fire and extensive reworking of the Apollo command modules postponed crewed launches until NASA officials cleared them for flight. Saturn IB schedules were suspended for nearly a year, and the launch vehicle that finally bore the designation AS-204 carried a lunar module, or LM, as the payload, instead of a CM. The missions of AS-201 and AS-202 with Apollo spacecraft aboard had been unofficially known as Apollo 1 and Apollo 2 missions. AS-203 carried only the aerodynamic nose cone.</p>
<p> In the spring of 1967, NASA's Associate Administrator for Manned Space Flight, Dr. George E. Mueller, announced that the mission originally scheduled for Grissom, White and Chaffee would be known as Apollo 1, and said that the first Saturn V launch, scheduled for November 1967, would be known as Apollo 4. The eventual launch of AS-204 became known as the Apollo 5 mission. No missions or flights were ever designated Apollo 2 or 3.</p>
<p>The second launch of a Saturn V took place on schedule in the early morning of April 4, 1968. Known as AS-502, or Apollo 6, the flight was a success, though two first-stage engines shut down prematurely, and the third-stage engine failed to reignite after reaching orbit.</p>
<p><a href="http://history.nasa.gov/Apollo204/"> http://history.nasa.gov/Apollo204/</a></p>
<section class="crew">
<h3>Crew</h3>
<a href="grissom.shtml">
<section class="crew grissom">
<header class="grissom">
<h4>Virgil I. Grissom</h4>
<p>LIEUTENANT COLONEL, USAF</p>
</header>
<!--END GRISSOM HEADER-->
<h5>Personal Information</h5>
<p>Born April 3, 1926, in Mitchell., Indiana. Died January 27, 1967, at NASA Kennedy Space Center, Florida, in the Apollo spacecraft fire. He is survived by his wife Betty and their two children.</p>
</section></a>
<!--END GRISSOM SECTION-->
<a href="chaffee.shtml">
<section class="crew white">
<header class="white">
<h4>Edward H. White</h4>
<p>LIEUTENANT COLONEL</p>
</header>
<!--END WHITE HEADER-->
<h5>Personal Information</h5>
<p>Born in San Antonio, Texas, on November 14, 1930. Died January 27, 1967, at NASA Kennedy Space Center, Florida, in the Apollo spacecraft fire. He is survived by his wife Patricia and their two children.</p>
</section></a>
<!--END WHITE SECTION-->
<a href="chaffee.shtml">
<section class="crew chaffee">
<header class="chaffee">
<h4>Roger B. Chaffee</h4>
<p>LIEUTENANT COMMANDER, USN</p>
</header>
<!--END CHAFFEE HEADER-->
<h5>Personal Information</h5>
<p>Born February 15, 1935 in Grand Rapids, Michigan. Died January 27, 1967, at NASA Kennedy Space Center, Florida, in the Apollo spacecraft fire. He is survived by his wife Martha and two children.</p>
</section></a>
<!--END CHAFFEE SECTION-->
</section> <!--END CREW SECTION-->
<section class="crew backupcrew">
<h3>Backup Crew</h3>
<a href="schirra.shtml">
<section class="crew schirra">
<header class="schirra">
<h4>Walter M. Schirra Jr.</h4>
<p>CAPTAIN, USN, RET.</p>
</header>
<!--END SCHIRRA HEADER-->
<h5>Personal Information</h5>
<p>Born March 12, 1923, in Hackensack, New Jersey. Died on May 2, 2007. Survivors include his wife, daughter and son.</p>
</section></a>
<!--END SCHIRRA SECTION-->
<a href="eisele.shtml">
<section class="crew eisele">
<header class="eisele">
<h4>Donn F. Eisele</h4>
<p>COLONEL, USAF, RET.</p>
</header>
<!--END EISELE HEADER-->
<h5>Personal Information</h5>
<p>Born in Columbus, Ohio, on June 23, 1930. Died on December 2, 1987 of a heart attack while on a business trip to Tokyo, Japan. He is survived by his wife Susan and their two children. Colonel Eisele had four children from a previous marriage.</p>
</section></a>
<!--END EISELE SECTION-->
<a href="cunningham.shtml">
<section class="crew cunningham">
<header class="cunningham">
<h4>Walter Cunningham</h4>
</header>
<!--END CUNNINGHAM HEADER-->
<h5>Personal Information</h5>
<p>Born March 16, 1932, in Creston, Iowa. Grown children, Brian and Kimberly. Walter is an avid sports enthusiast and is particularly interested in tennis, hunting, and sports cars.</p>
</section></a>
<!--END CUNNINGHAM SECTION-->
</section> <!--END BACKUPCREW SECTION-->
<section class="payload">
<h3>Payload</h3>
<p>Spacecraft-012</p>
</section> <!--END PAYLOAD SECTION-->
<section class="padfire">
<h3>Apollo Pad Fire</h3>
<p>Emergency Transmission: Jan. 27, 1967; 6:31:05 p.m. EST</p>
<p>Launch Complex 34</p>
<p>Saturn-IB AS-204</p>
<p>CSM-012</p>
</section> <!--END PADFIRE SECTION-->
</article> <!--END MAINARTICLE-->
</div>
<div class="sidebar">
<nav class="mainnav">
<h1>Crew</h1>
<ul>
<li class="grissom"><a href="grissom.shtml"><span class="icon"></span>Virgil I. Grissom</a></li>
<li class="white"><a href="white.shtml">Edward H. White</a></li>
<li class="chaffee"><a href="chaffee.shtml">Roger B. Chaffee</a></li>
</ul>
<h1>Backup Crew</h1>
<ul>
<li><a href="schirra.shtml">Walter M. Schirra Jr.</a></li>
<li><a href="eisele.shtml">Donn F. Eisele</a></li>
<li><a href="cunningham.shtml">Walter Cunningham</a></li>
</ul>
</nav><!--END MAINNAV-->
</div>
</div><!-- END WRAPPER DIV -->
<div class="footer">Website project for ART 220, Spring 2013 and © 2013</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment