<!-- Bootstrap core JavaScript
  ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<!--
<script>
  window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')
</script>
<script src="../../dist/js/bootstrap.min.js"></script>
<script src="../../assets/js/docs.min.js"></script>

// IE10 viewport hack for Surface/desktop Windows 8 bug

<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>

-->


<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">


<!-- CSS  

<style>
  body {
    margin-top: 60px;
    //padding-left: 100px;
  }

  .thumbnail {
    text-align: center;
  }
</style>
-->
<!-- HTML  -->

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Tribute Page</title>

</head>

<body>
  <div class="container">
    <div class="row">
      <div class="thumbnail well center-block">
        <h1 class="text-center">The Man Who Invented</h1>
        <img src="https://goo.gl/dVgudr" class="img-responsive" alt="Thomas Edison" />
        <h3 class="text-center text-primary well-lg">Mr. Thomas Edison Tribute Page </h3>
        <br>


        <div class="lead container text-left col-xs-offset-2">
          <ul>
            <li><i class="fa fa-lightbulb-o fa-2x"></i> The electric light bulb</li>
            <li><span class="glyphicon glyphicon-bullhorn" aria-hidden="true"></span> The Phonogram</li>
            <li><span class="glyphicon glyphicon-film" aria-hidden="true"></span> The Camera motion picture</li>
          </ul>
        </div>

        <div class="col-xs-offset-2 text-left">
          <strong><p>These inventions propel and change the world and benefits multitudes in the advancement of science, technology and quality of life. And tribute also to those who invented or contributed to the invention of electricity and airplanes, that enabled so many to experience the benefits, wonder and joy of electrical energy uses and flight!</p></strong>
        </div>
        <br>

        <i class="fa fa-plane fa-2x col-xs-offset-6"></i>

        <div class="jumbotron  col-xs-offset-2">
          <blockquote cite="https://en.m.wikipedia.org/wiki/Harper%27s_Magazine"><i class="fa fa-quote-left fa-2x fa-border"></i>Genius is one percent inspiration, ninety-nine percent perspiration.<i class="fa fa-quote-right fa-2x fa-border"></i>
            <footer><cite title="Thomas Alva Edison , Harper's Monthly (September 1932 edition)">Thomas Alva Edison , Harper's Monthly (September 1932 edition)</cite></footer>
          </blockquote>
        </div>

        <div class="lead col-xs-offset-4">
          <a href="https://en.m.wikipedia.org/wiki/Thomas_Edison" target="_blank">Learn more on <i class="fa fa-border fa-wikipedia-w fa-2x"></i></a>
        </div>

      </div>
    </div>
  </div>
  </div>
  </div>

<footer class="text-center">Written and coded by S.L. Ting</footer>
</body>

</html>
body {
  margin-top: 60px;
}
Rerun