marcuszierke/contributeWebsite.html

## contributeWebsite.html
<html lang="en-US">
	<head>
		<title>Elon Musk - A tribute Page</title>
    <link rel="stylesheet" href="style.css" />
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
	</head>
	<body>
    <div class="crop-img"><img src="https://wallpaperscraft.com/image/elon_musk_spacex_boca_chica_village_104321_1920x1080.jpg" alt="Image showing Elon Musk" /></div>
    <div class="caption">Elon Musk is aiming to reduce global warming through sustainable energy production and consumption, and reducing the "risk of human extinction" by "making life multi-planetary" and setting up a human colony on Mars.</div>
    <div class="content">
      <h1>Just an extract of his achievments over the past few years</h1>
      <div class="years">01/1995- 02/1999 California, USA</div>
      <div class="position">Co-founder</div>
      <div class="company">Zip2</div>
      <div class="job">Created a platform where newspapers- including credible ones as New York Times - could offer their customers some additional commercial services.</div>
      <div class="years">03/1999 - 10/2002 San Jose, USA</div>
      <div class="position">CEO</div>
      <div class="company">X.com and PayPal</div>
      <div class="job">Involved in the development of new business models, conducted a successful viral marketing campaign, which led to a rapid increase in the number of customers. Created a method of securely transferring money using a recipient's e-mail address.</div>
      <div class="years">06/2002- Present Hawthorne, USA</div>
      <div class="position">CEO and CTO</div>
      <div class="company">SpaceX</div>
      <div class="job">Plans to reduce space transportation costs to enable people to colonize Mars. Oversee the development of rockets and spacecraft for missions to Earth orbit and ultimately to other planets. Developed the Falcon 9 spacecraft which replaced the space shuttle when it retired in 2011.</div>
      <div class="years">02/2004- Present</div>
      <div class="position">CEO and Product Architect</div>
      <div class="company">Tesla Motors</div>
      <div class="job">Currently oversee the company's product strategy - including the design, engineering and manufacturing of more and more affordable electric vehicles for mainstream consumers. Insisted on using carbon fiber composite materials in the hull to minimize weight, developed the battery module and even some elements of design, like the headlights. Received Global Green 2006 product design award for Tesla Roadster design.</div>
      <div class="years">06/2006- Present </div>
      <div class="position">Chairman</div>
      <div class="company">SolarCity</div>
      <div class="job">Created a collaboration between SolarCity and Testa to use electric vehicle batteries to smooth the impact of rooftop solar on the power grid. Provided the initial concept and financial capital.</div>
      <blockquote>I could either watch it happen or be part of it.<p>- Elon Musk</p></blockquote>
      <h2>If you want to know more about this incredible man click the <a href="https://en.wikipedia.org/wiki/Elon_Musk" target="blank">link</a>.</h2>
    </div>
</body>
<footer align="center">Written and coded by <a href="https://www.freecodecamp.com/marcuszierke" target="blank">Marcus Zierke</a>.</footer>
</html>

## style.css
body {
  font-family: 'Open Sans', 'Times New Roman', serif;
  font-size: 18	px;
  color: #333333;
}

.crop-img {
	position: relative;
    max-height: 520px;
    overflow: hidden;
    margin: 20px 25px 1px 25px;
}

.caption {
	font-size: 80%;
	text-align: center;
	padding-top: 5px;
}

blockquote {
  color: #777777;
  font-style: italic;
  border-left: 5px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
}

.content {
	margin: 50px 300px 20px 300px;
	text: 10px;
	font-family: 'Open Sans', 'Times New Roman', serif;
	padding: 50px;
}

.years {
	color: red;
	margin-bottom: 5px;
}

.position {
	font-weight: bold;
	margin-bottom: 5px;
}

.company {
	font-style: italic;
	margin-bottom: 5px;
}

.job {
	margin-bottom: 20px;
}
	<html lang="en-US">
	<head>
	<title>Elon Musk - A tribute Page</title>
	<link rel="stylesheet" href="style.css" />
	<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i" rel="stylesheet">
	</head>
	<body>
	<div class="crop-img"><img src="https://wallpaperscraft.com/image/elon_musk_spacex_boca_chica_village_104321_1920x1080.jpg" alt="Image showing Elon Musk" /></div>
	<div class="caption">Elon Musk is aiming to reduce global warming through sustainable energy production and consumption, and reducing the "risk of human extinction" by "making life multi-planetary" and setting up a human colony on Mars.</div>
	<div class="content">
	<h1>Just an extract of his achievments over the past few years</h1>
	<div class="years">01/1995- 02/1999 California, USA</div>
	<div class="position">Co-founder</div>
	<div class="company">Zip2</div>
	<div class="job">Created a platform where newspapers- including credible ones as New York Times - could offer their customers some additional commercial services.</div>
	<div class="years">03/1999 - 10/2002 San Jose, USA</div>
	<div class="position">CEO</div>
	<div class="company">X.com and PayPal</div>
	<div class="job">Involved in the development of new business models, conducted a successful viral marketing campaign, which led to a rapid increase in the number of customers. Created a method of securely transferring money using a recipient's e-mail address.</div>
	<div class="years">06/2002- Present Hawthorne, USA</div>
	<div class="position">CEO and CTO</div>
	<div class="company">SpaceX</div>
	<div class="job">Plans to reduce space transportation costs to enable people to colonize Mars. Oversee the development of rockets and spacecraft for missions to Earth orbit and ultimately to other planets. Developed the Falcon 9 spacecraft which replaced the space shuttle when it retired in 2011.</div>
	<div class="years">02/2004- Present</div>
	<div class="position">CEO and Product Architect</div>
	<div class="company">Tesla Motors</div>
	<div class="job">Currently oversee the company's product strategy - including the design, engineering and manufacturing of more and more affordable electric vehicles for mainstream consumers. Insisted on using carbon fiber composite materials in the hull to minimize weight, developed the battery module and even some elements of design, like the headlights. Received Global Green 2006 product design award for Tesla Roadster design.</div>
	<div class="years">06/2006- Present </div>
	<div class="position">Chairman</div>
	<div class="company">SolarCity</div>
	<div class="job">Created a collaboration between SolarCity and Testa to use electric vehicle batteries to smooth the impact of rooftop solar on the power grid. Provided the initial concept and financial capital.</div>
	<blockquote>I could either watch it happen or be part of it.<p>- Elon Musk</p></blockquote>
	<h2>If you want to know more about this incredible man click the <a href="https://en.wikipedia.org/wiki/Elon_Musk" target="blank">link</a>.</h2>
	</div>
	</body>
	<footer align="center">Written and coded by <a href="https://www.freecodecamp.com/marcuszierke" target="blank">Marcus Zierke</a>.</footer>
	</html>
	body {
	font-family: 'Open Sans', 'Times New Roman', serif;
	font-size: 18 px;
	color: #333333;
	}

	.crop-img {
	position: relative;
	max-height: 520px;
	overflow: hidden;
	margin: 20px 25px 1px 25px;
	}

	.caption {
	font-size: 80%;
	text-align: center;
	padding-top: 5px;
	}

	blockquote {
	color: #777777;
	font-style: italic;
	border-left: 5px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	}

	.content {
	margin: 50px 300px 20px 300px;
	text: 10px;
	font-family: 'Open Sans', 'Times New Roman', serif;
	padding: 50px;
	}

	.years {
	color: red;
	margin-bottom: 5px;
	}

	.position {
	font-weight: bold;
	margin-bottom: 5px;
	}

	.company {
	font-style: italic;
	margin-bottom: 5px;
	}

	.job {
	margin-bottom: 20px;
	}