A Pen by osagiestar on CodePen.
Last active
February 11, 2020 16:47
Star
You must be signed in to star a gist
Tribute Page
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script> | |
<!DOCTYPE html> | |
<main id="main"> | |
<h1 id="title"> Albert Eistein </h1> | |
<figure id="img-div"> | |
<img id="image" | |
src="https://static.independent.co.uk/s3fs-public/thumbnails/image/2018/12/05/11/albert-einstein.jpg" | |
alt="This is the official portrait of Albert Eistein"> | |
<figcaption id="img-caption"> Einstein's official portrait | |
</figcaption> <br><br> | |
<section id="tribute-info"><strong>Albert Einstein:</strong> <em>The Life of a Brilliant Physicist </em> | |
</section> | |
</figure> | |
<p>A detailed account of the life of a genuis can be found here <a id="tribute-link" href="https://en.wikipedia.o/wiki/Albert_Einstein" target="_blank">wikipedia page</a>.</p> | |
<h3> Life </h3> | |
<p>Albert Einstein grew up in Munich, where his father founded an electrical engineering company. After studying at | |
the ETH university in Zurich, Einstein worked at the patent office in Bern, during which time he produced several | |
pioneering works in the field of physics. He was later employed at universities in Bern, Zurich, and Prague, and | |
from 1914, in Berlin. After the Nazis seized power in Germany, Einstein immigrated to the US, where he worked at the | |
Institute for Advanced Study in Princeton, New Jersey. Albert Einstein married twice and had three children by his | |
first marriage.</p> | |
<h3> Work </h3> | |
<p>If metal electrodes are exposed to light, electrical sparks between them occur more readily. For this | |
"photoelectric effect" to occur, the light waves must be above a certain frequency, however. According to physics | |
theory, the light's intensity should be critical. In one of several epoch-making studies beginning in 1905, Albert | |
Einstein explained that light consists of quanta - "packets" with fixed energies corresponding to certain | |
frequencies. One such light quantum, a photon, must have a certain minimum frequency before it can liberate an | |
electron. </p> | |
<h3> Facts</h3> | |
<img id="picture" src="https://www.nobelprize.org/images/einstein-12923-portrait-medium.jpg" | |
alt="Albert Eistein's picture"> | |
<p> Albert Einstein | |
The Nobel Prize in Physics 1921<br> | |
Born: 14 March 1879, Ulm, Germany<br> | |
Died: 18 April 1955, Princeton, NJ, USA<br> | |
Affiliation at the time of the award: Kaiser-Wilhelm-Institut (now Max-Planck-Institut) für Physik, Berlin, | |
Germany<br> | |
Prize motivation: "for his services to Theoretical Physics, and especially for his discovery of the law of the | |
photoelectric effect."<br> | |
Albert Einstein received his Nobel Prize one year later, in 1922.<br> | |
Prize share: 1/1</p> | |
<div> | |
<h3 id="Bio"> Biography </h3> | |
<p> <a id="Biography" href="" | |
target="_blank"> <strong>Albert Eistein's Biography page</strong> (Noble Prize) </a> | |
</p> | |
</div> | |
<footer> | |
<p class="copyright">© <em>Osagiestar 2020</em><br>CYF</p> | |
</footer> | |
</main> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
#title { | |
text-shadow: 1px 1px 2px black; | |
text-align: center; | |
font-style: italic; | |
color: orange; | |
} | |
#image { | |
max-width: 30%; | |
display: block; | |
height: auto; | |
margin: 0 auto; | |
} | |
#img-caption { | |
text-align: center; | |
font-size: 20px; | |
color: red; | |
} | |
#tribute-info { | |
text-align: left; | |
margin-left: -40px; | |
} | |
h3 { | |
color: brown; | |
text-decoration: underline; | |
} | |
#picture { | |
max-width: 10%; | |
display: block; | |
height: auto; | |
margin-right: auto; | |
} | |
footer { | |
position: relative; | |
bottom: 0; | |
text-align: right} |
A Pen by osagiestar on CodePen.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment