<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

<div class="container" id="main">
  <div class="jumbotron">
    <h1 class="text-center" id="title">Michael Faraday (1791 - 1867)</h1>
    <br>
    <br>
    <div class="row">
      <div class="col-md-6 image1" id="img-div">
        <figure>
          <img id="image" src="https://upload.wikimedia.org/wikipedia/commons/8/88/M_Faraday_Th_Phillips_oil_1842.jpg" width="400px">
          <figcaption id="img-caption">Portrait of Michael Faraday, by Thomas Phillips</figcaption>
        </figure>
      </div>
      <div class="col-md-6 intro" id="tribute-info">
        <p align="right"><i>...a pioneer who revolutionized the world ...</i></p>
        <br>
        <p style="font-size: 18px">One of the most important aspects of our time is obviously electricity. Sometimes we can't even imagine our lives without it. But what is electricity and how is it generated? In the last three centuries, some scientists gave answers to these questions
          and helped in shaping the industrialized world. One of them was Faraday.</p>
        <br>
        <p style="font-size: 18px">Michael Faraday, who came from a very poor family, became one of the greatest scientists in history. His achievement was remarkable in a time when science was the preserve of people born into privileged families. The unit of electrical capacitance
          is named the farad in his honor, with the symbol F. He is considered by many as equally worthy of Albert Einstein and Isaac Newton.</p>
      </div>
    </div>
    <br>
    <div class="row">
      <div class="col-md-6">
        <h3 align="center">Important facts in his life</h3>
        <hr>
        <ul id="facts">
          <li><b>1791</b> - Michael Faraday was born in 22 September 1791 in Newington Butts, England.</li>
          <br>
          <li><b>1805</b> - The young Faraday became an apprentice to a local bookbinder and bookseller. During this time he reads many scientific books that enrich his knowledge on the field.</li>
          <br>
          <li><b>1813</b> - Faraday was employed as a chemical assistant by the Enlish famous chemist Hamphry Davy at the Royal Institution.</li>
          <br>
          <li><b>1821</b> - He invented the first electric motor. You can find more information about the electric motor <a href="https://en.wikipedia.org/wiki/Electric_motor" target="_blank">here</a>.</li>
          <br>
          <li><b>1831</b> - He discovers the electromagnetic induction. Also, in this year he observes that a moving magnet induces an electric current. You can find more information about electromagnetic induction <a href="https://en.wikipedia.org/wiki/Electromagnetic_induction"
              target="_blank">here</a>. With the help of electromagnetic induction, he invented also the first dynamo (more information <a href="https://en.wikipedia.org/wiki/Dynamo" target="_black">here</a>) and the electric transformer (more information
            <a href="https://en.wikipedia.org/wiki/Transformer" target="_blank">here</a>).</li>
          <br>
          <li><b>1832</b> - Faraday was also an expert in the chemistry field. This develops the laws of electrolysis. You can find more information <a href="https://en.wikipedia.org/wiki/Electrolysis" target="_blank">here</a> and <a href="https://en.wikipedia.org/wiki/Faraday's_laws_of_electrolysis"
              target="_blank">here</a>.</li>
          <br>
          <li><b>1845</b> - He discovers that light propagation in a material can be influenced by external magnetic fields.</li>
          <br>
          <li><b>1867</b> - In 25 August of 1867 he dies at the age of 75 in Hampton Court, Middlesex, England.</li>
        </ul>
      </div>
      <div class="col-md-6">
        <br>
        <br>
        <figure id="induction-image">
          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1c/Induction_experiment.png/635px-Induction_experiment.png" width="400px">
          <figcaption id="experiment">Faraday's experiment showing induction between coils of wire: The liquid battery (right) provides a current that flows through the small coil (A), creating a magnetic field. When the coils are stationary, no current is induced. But when the
            small coil is moved in or out of the large coil (B), the magnetic flux through the large coil changes, inducing a current which is detected by the galvanometer (G).</figcaption>
        </figure>

      </div>
    </div>
    <br>
    <br>
    <div>
      <blockquote>
        <p><i>"When we consider the magnitude and extent of his discoveries and their influence on the progress of science and of industry, there is no honour too great to pay to the memory of Faraday, one of the greatest scientific discoverers of all time."</i></p>
        <footer align="left"> Ernest Rutherford, New Zealand physicist, Nobel Prize in Chemistry (1908)</footer>
      </blockquote>
    </div>
    <div id="links">
      <h3>External Links</h3>
      <p style="font-size: 16px">If you want to learn more about the life and work of Faraday, there are very good articles about him in <a href="https://en.wikipedia.org/wiki/Michael_Faraday" id="tribute-link" target="_blank">Wikipedia</a> and <a href="https://www.britannica.com/biography/Michael-Faraday"
          target="_blank">Encyclopedia Britannica</a>.</p>
    </div>
  </div>
</div>
<footer>
  <p align="center">Designed and coded by <a href="https://www.freecodecamp.com/anestiskotidis" target="_blank">Anestis Kotidis</a></p>
</footer>
body {
	font-family: Ubuntu;
}

figure {
	text-align: center;
}

figcaption {
	margin: 10px 0 0 0;
}

#experiment {
	margin: 10px 30px 0 30px;
	}
	
#facts {
	font-size: 16px;
}

#induction-image {
	margin: 120px 0 0 10px;
}

.intro {
	margin: 30px 0 0 0;
}

img {
  margin:auto;
  max-width: 100%;
  display: block;
  height: auto;
}

External CSS

  1. https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css
  2. https://fonts.googleapis.com/css?family=Ubuntu:regular,bold&amp;subset=Latin

External JavaScript

This Pen doesn't use any external JavaScript resources.