dmslider/index.html

## index.html
<html>

<head>
  <link href="https://fonts.googleapis.com/css?family=Anton|Roboto:400,500|Yanone+Kaffeesatz:400,700" rel="stylesheet">
  <title>Elon Musk Tribute Page</title>
</head>

<body>
  <header>
    <h1>Elon Musk</h1>
    <p class="quote">When something is important enough, <br>you do it even if the odds are not in your favor.</p>
  </header>

  <div class="container">
    <h2>Here is a timeline of Elon Musk's life</h2>
    <ul>
      <li><b>1971 |</b> Born on June 28,1971, in Pretoria,Transvaal, South Africa</li>
      <li><b>1981 |</b> During his childhood he was an avid reader At age 10, he developed an interest in computing with the Commodore VIC-20</li>
      <li><b>1995 | </b> at age 24, Musk moved to California to begin a PhD in applied physics and materials science at Stanford University, but left the program after two days to pursue his entrepreneurial aspirations in the areas of the Internet, renewable
        energy and outer space</li>
      <li><b>1995 | </b> Musk and his brother, Kimbal, started Zip2, a web software company, with US$28,000 of their father's money. The company developed and marketed an Internet "city guide" for the newspaper publishing industry</li>
      <li><b>1999 | </b> Musk co-founded X.com, an online financial services and e-mail payment company, with US$10 million from the sale of Zip2. One year later, the company merged with Confinity, which had a money transfer service called PayPal. The merged
        company focused on the PayPal service and was renamed PayPal in 2001.</li>
      <li><b>2001 | </b> Musk conceptualized "Mars Oasis"; a project to land a miniature experimental greenhouse on Mars, containing food crops growing on Martian regolith, in an attempt to regain public interest in space exploration</li>
      <li><b>2002 | </b> With US$100 million of his early fortune, Musk founded Space Exploration Technologies, or SpaceX</li>
      <li><b>2004 | </b> Musk led the Series A round of investment in February 2004, joining Tesla's board of directors as its chairman. Musk took an active role within the company and oversaw Roadster product design at a detailed level, but was not deeply
        involved in day-to-day business operations</li>
      <li><b>2008 | </b> SpaceX's Falcon 1 rocket became the first privately funded liquid-fueled vehicle to put a satellite into Earth orbit</li>
      <li><b>2008 | </b> Following the financial crisis in 2008, Musk assumed leadership of the company as CEO and product architect, positions he still holds today. Tesla Motors first built an electric sports car, the Tesla Roadster in 2008, with sales of
        about 2,500 vehicles to 31 countries</li>
      <li><b>2012 | </b> the SpaceX Dragon vehicle berthed with the ISS, making history as the first commercial company to launch and berth a vehicle to the International Space Station</li>
      <li><b>2013 | </b> Musk unveiled a concept for a high-speed transportation system incorporating reduced-pressure tubes in which pressurized capsules ride on an air cushion driven by linear induction motors and air compressors. The mechanism for releasing
        the concept was an alpha-design document that, in addition to scoping out the technology, outlined a notional route where such a transport system might be built: between the Greater Los Angeles Area and the San Francisco Bay Area</li>
      <li><b>2013 | </b> On August 12, 2013, Musk unveiled a concept for a high-speed transportation system incorporating reduced-pressure tubes in which pressurized capsules ride on an air cushion driven by linear induction motors and air compressors.</li>
      <li><b>2014 | </b> Musk announced that Tesla would allow its technology patents to be used by anyone in good faith in a bid to entice automobile manufacturers to speed up development of electric cars</li>
      <li><b>2014 | </b> Musk committed to building in Buffalo, New York, a SolarCity advanced production facility that would triple the size of the largest solar plant in the United States. Musk stated the plant will be "one of the single largest solar panel
        production plants in the world", and it will be followed by one or more even bigger facilities in subsequent years</li>

      <li><b>2015 | </b> In December 2015, Elon Musk announced the creation of OpenAI, a not-for-profit artificial intelligence (AI) research company. OpenAI aims to develop artificial general intelligence in a way that is safe and beneficial to humanity</li>
      <li><b>2016 | </b> In June 2016, Musk's car company, Tesla, formally submitted an offer to acquire SolarCity</li>
    </ul>

    <blockquote cite="http://www.businessinsider.com/best-elon-musk-quotes-tesla-2013-11?IR=T">“The first step is to establish that something is possible; then probability will occur.”
      <p class="quote-author"><i>- Elon Musk</i></p>

    </blockquote>


    <h3>Elon is a very cool human being and i advise you read more about him in his <a href="https://en.wikipedia.org/wiki/Elon_Musk" target="blank">wikipedia page</a></h3>
  </div>

  <hr class="">
  <footer>Written and Coded by <a href="https://github.com/dmslider" target="blank">Desmond Henry</a></footer>
</body>

</html>

## style.css
*{
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

html{
  background-color: #fff;
  font-family: 'Roboto', sans-serif;
font-family: 'Anton', sans-serif;
font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 300px;
  font-size: 16px;
}

header{
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("https://pi.tedcdn.com/r/pe.tedcdn.com/images/ted/5b234f6039a37e2b455e337b8421aa5688a098e4_2880x1620.jpg?w=1200");
  background-size: cover;
  height: 70vh;
}

h1{
  padding-top: 150px;
  padding-left: 3%;
  color: #fff;
  position: relative;
  font-family: Anton;

}

.quote{
  margin-top: -5px;
  color: #fff;
  font-family: Yanone Kaffeesatz;
  letter-spacing: 0.1rem;
  word-spacing: 1px;
  padding-top: 2%;
  padding-left: 3%;

}

h2{
  margin: 30px;
  position: 50%, relative;
  text-align: center;
  font-family: Anton;
  text-transform: capitalize;
  text-shadow: 2.0px 0.5px grey;
}

ul{
  margin: 0px; 50px;
}

li{
  font-family:Yanone Kaffeesatz;
  font-size: 1.3em;

}


h3{
  font-size: 1.2em;
  font-family: Roboto;
  /*margin-top: 30px;
  margin-bottom: 10px;
  margin-left: 25%;*/
}

footer{
  margin-top: 0px;
  margin-left: 40%;
  font-size: 0.9em;
  font-family: Roboto;
  text-transform: capitalize;
}
.container{
  /**margin-right: 150px;
  margin-left: 150px;**/
  word-spacing: 4px;
  letter-spacing: 1px;
  text-align: justify;
}

blockquote{
  margin: 7%;
  word-spacing: 10px;
  text-align: center;
  font-family: Anton;
  font-size: 1.3em;
  text-transform: capitalize;
}

.quote-author{
  font-family: Roboto;
  text-align: center;
}

## styles
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />

## tribute-page.markdown

      
    Raw
  

              tribute-page.markdown
            
          
    Tribute Page

This is a tribute page about Elon Musk. I choose him for my tribute page for my freecodecamp font-end Developement project
A Pen by Desmond Henry on CodePen.
License.
	<html>

	<head>
	<link href="https://fonts.googleapis.com/css?family=Anton\|Roboto:400,500\|Yanone+Kaffeesatz:400,700" rel="stylesheet">
	<title>Elon Musk Tribute Page</title>
	</head>

	<body>
	<header>
	<h1>Elon Musk</h1>
	<p class="quote">When something is important enough, <br>you do it even if the odds are not in your favor.</p>
	</header>

	<div class="container">
	<h2>Here is a timeline of Elon Musk's life</h2>
	<ul>
	<li><b>1971 \|</b> Born on June 28,1971, in Pretoria,Transvaal, South Africa</li>
	<li><b>1981 \|</b> During his childhood he was an avid reader At age 10, he developed an interest in computing with the Commodore VIC-20</li>
	<li><b>1995 \| </b> at age 24, Musk moved to California to begin a PhD in applied physics and materials science at Stanford University, but left the program after two days to pursue his entrepreneurial aspirations in the areas of the Internet, renewable
	energy and outer space</li>
	<li><b>1995 \| </b> Musk and his brother, Kimbal, started Zip2, a web software company, with US$28,000 of their father's money. The company developed and marketed an Internet "city guide" for the newspaper publishing industry</li>
	<li><b>1999 \| </b> Musk co-founded X.com, an online financial services and e-mail payment company, with US$10 million from the sale of Zip2. One year later, the company merged with Confinity, which had a money transfer service called PayPal. The merged
	company focused on the PayPal service and was renamed PayPal in 2001.</li>
	<li><b>2001 \| </b> Musk conceptualized "Mars Oasis"; a project to land a miniature experimental greenhouse on Mars, containing food crops growing on Martian regolith, in an attempt to regain public interest in space exploration</li>
	<li><b>2002 \| </b> With US$100 million of his early fortune, Musk founded Space Exploration Technologies, or SpaceX</li>
	<li><b>2004 \| </b> Musk led the Series A round of investment in February 2004, joining Tesla's board of directors as its chairman. Musk took an active role within the company and oversaw Roadster product design at a detailed level, but was not deeply
	involved in day-to-day business operations</li>
	<li><b>2008 \| </b> SpaceX's Falcon 1 rocket became the first privately funded liquid-fueled vehicle to put a satellite into Earth orbit</li>
	<li><b>2008 \| </b> Following the financial crisis in 2008, Musk assumed leadership of the company as CEO and product architect, positions he still holds today. Tesla Motors first built an electric sports car, the Tesla Roadster in 2008, with sales of
	about 2,500 vehicles to 31 countries</li>
	<li><b>2012 \| </b> the SpaceX Dragon vehicle berthed with the ISS, making history as the first commercial company to launch and berth a vehicle to the International Space Station</li>
	<li><b>2013 \| </b> Musk unveiled a concept for a high-speed transportation system incorporating reduced-pressure tubes in which pressurized capsules ride on an air cushion driven by linear induction motors and air compressors. The mechanism for releasing
	the concept was an alpha-design document that, in addition to scoping out the technology, outlined a notional route where such a transport system might be built: between the Greater Los Angeles Area and the San Francisco Bay Area</li>
	<li><b>2013 \| </b> On August 12, 2013, Musk unveiled a concept for a high-speed transportation system incorporating reduced-pressure tubes in which pressurized capsules ride on an air cushion driven by linear induction motors and air compressors.</li>
	<li><b>2014 \| </b> Musk announced that Tesla would allow its technology patents to be used by anyone in good faith in a bid to entice automobile manufacturers to speed up development of electric cars</li>
	<li><b>2014 \| </b> Musk committed to building in Buffalo, New York, a SolarCity advanced production facility that would triple the size of the largest solar plant in the United States. Musk stated the plant will be "one of the single largest solar panel
	production plants in the world", and it will be followed by one or more even bigger facilities in subsequent years</li>

	<li><b>2015 \| </b> In December 2015, Elon Musk announced the creation of OpenAI, a not-for-profit artificial intelligence (AI) research company. OpenAI aims to develop artificial general intelligence in a way that is safe and beneficial to humanity</li>
	<li><b>2016 \| </b> In June 2016, Musk's car company, Tesla, formally submitted an offer to acquire SolarCity</li>
	</ul>

	<blockquote cite="http://www.businessinsider.com/best-elon-musk-quotes-tesla-2013-11?IR=T">“The first step is to establish that something is possible; then probability will occur.”
	<p class="quote-author"><i>- Elon Musk</i></p>

	</blockquote>


	<h3>Elon is a very cool human being and i advise you read more about him in his <a href="https://en.wikipedia.org/wiki/Elon_Musk" target="blank">wikipedia page</a></h3>
	</div>

	<hr class="">
	<footer>Written and Coded by <a href="https://github.com/dmslider" target="blank">Desmond Henry</a></footer>
	</body>

	</html>
	*{
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	}

	html{
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-family: 'Anton', sans-serif;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-weight: 300px;
	font-size: 16px;
	}

	header{
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url("https://pi.tedcdn.com/r/pe.tedcdn.com/images/ted/5b234f6039a37e2b455e337b8421aa5688a098e4_2880x1620.jpg?w=1200");
	background-size: cover;
	height: 70vh;
	}

	h1{
	padding-top: 150px;
	padding-left: 3%;
	color: #fff;
	position: relative;
	font-family: Anton;

	}

	.quote{
	margin-top: -5px;
	color: #fff;
	font-family: Yanone Kaffeesatz;
	letter-spacing: 0.1rem;
	word-spacing: 1px;
	padding-top: 2%;
	padding-left: 3%;

	}

	h2{
	margin: 30px;
	position: 50%, relative;
	text-align: center;
	font-family: Anton;
	text-transform: capitalize;
	text-shadow: 2.0px 0.5px grey;
	}

	ul{
	margin: 0px; 50px;
	}

	li{
	font-family:Yanone Kaffeesatz;
	font-size: 1.3em;

	}


	h3{
	font-size: 1.2em;
	font-family: Roboto;
	/*margin-top: 30px;
	margin-bottom: 10px;
	margin-left: 25%;*/
	}

	footer{
	margin-top: 0px;
	margin-left: 40%;
	font-size: 0.9em;
	font-family: Roboto;
	text-transform: capitalize;
	}
	.container{
	/**margin-right: 150px;
	margin-left: 150px;**/
	word-spacing: 4px;
	letter-spacing: 1px;
	text-align: justify;
	}

	blockquote{
	margin: 7%;
	word-spacing: 10px;
	text-align: center;
	font-family: Anton;
	font-size: 1.3em;
	text-transform: capitalize;
	}

	.quote-author{
	font-family: Roboto;
	text-align: center;
	}