<!-- Reference List -->
<!-- https://plato.stanford.edu/entries/wilhelm-wundt/ -->
<title>A Tribute Page for Wilhelm Wundt</title>
<main id="main">
  <h1 id="title"><strong>Wilhelm Wundt</strong></h1>
  <div id="img-div">
    <figure>
      <img id="image" src="https://upload.wikimedia.org/wikipedia/commons/5/56/Wilhelm_Wundt.jpg" alt="Wundt in 1902">
      <figcaption id="img-caption">Wundt in 1902</figcaption>
    </figure>
  </div>
  <p>Wilhelm Wundt was a German psychologist who established the very first psychology laboratory in Leipzig, Germany in 1879. This event is widely recognized as the formal establishment of psychology as a science distinct from biology and philosophy. Among his many distinctions, Wundt was the very first person to refer to himself as a psychologist.</p>
  <div>
    <figure>
      <img src="https://upload.wikimedia.org/wikipedia/commons/a/a3/Wundt-research-group.jpg" alt="Wundt research group">
      <figcaption>Wilhelm Wundt (seated) with colleagues in his psychological laboratory, the first of its kind (1880)</figcaption>
    </figure>
  </div>
  <div id="tribute-info">
    <h2>Here is a time line for Wundt's life:</h2>
    <br>
    <ul>
      <li><strong>1832</strong> - Born in Baden, Germany</li>
      <li><strong>1845</strong> - Enters Bruchsal Gymnasium</li>
      <li><strong>1851-52</strong> - Study of medicine at Tübingen</li>
      <li><strong>1852-55</strong> - Study of medicine at Heidelberg</li>
      <li><strong>1853</strong> - First publication "on the sodium chloride content of urine"</li>
      <li><strong>1855</strong> - Medical assistant at a Heidelberg clinic</li>
      <li><strong>1857-64</strong> - <i>Privatdozent</i> at the Physiological Institute</li>
      <li><strong>1858</strong> - <i>Beiträge zur Theorie der Sinneswahrnehmung;</i> Helmholtz becomes director of the Heidelberg Physiological Institute</li>
      <li><strong>1862</strong> - First lectures in psychology</li>
      <li><strong>1864</strong> - Lectures on physiological psychology</li>
      <li><strong>1870-71</strong> - Fails to be named Helmholtz's successor at Heidelberg; Army doctor in Franco-Prussian War</li>
      <li><strong>1873-74</strong> - Publishes <i>Grundzüge der physiologischen Psychologie</i></li>
      <li><strong>1874</strong> - Called to Zürich to the professorship in "inductive philosophy"</li>
      <li><strong>1875</strong> - Called to Leipzig as professor</li>
      <li><strong>1879</strong> - Founds the <i>Institut für Experimentelle Psychologie,</i> Leipzig</li>
      <li><strong>1881</strong> - <i>Philosophische Studien</i> found</li>
      <li><strong>1880-83</strong> - <i>Logic,</i> 2 vols.</li>
      <li><strong>1886</strong> - <i>Ethik,</i> 3 vols.</li>
      <li><strong>1889</strong> - <i>System der Philosophie,</i> 2 vols.</li>
      <li><strong>1889-90</strong> - Rector of Leipzig University</li>
      <li><strong>1904</strong> - <i>Völkerpsychologie,</i> 2 vols.</li>
      <li><strong>1915</strong> - Emeritus status</li>
      <li><strong>1917</strong> - Retires from teaching; replaced by his student, Felix Krueger</li>
      <li><strong>1920</strong> - Dies at Grossbothen, near Leipzig, at the age of 88</li>
    </ul>
  </div>
  <p><strong>Thanks to his work and contributions, a whole new field was established and inspired other researchers to explore and study the human mind and behavior. If you have time, you should <a id="tribute-link" href="https://en.wikipedia.org/wiki/Wilhelm_Wundt" target="_blank">read more</a> about this pioneer of a new field of science.</strong></p>
</main>
:root {
  --primary: #fff8dc;
  --secondary: #222222;
  --anchor-blue: #6495ed;
}
* {
  margin: 0;
  padding: 0;
}
html {
  box-sizing: border-box;
  font-size: 62.5%;
  scroll-behavior: smooth;
}
*,
*:before,
*:after {
  box-sizing: inherit;
}
body {
  font-family: "Times New Roman", Times, serif;
  font-size: 1.8rem;
  line-height: 1.5;
  background-color: var(--secondary);
  color: var(--primary);
  text-align: center;
}
main {
  max-width: 960px;
  margin: auto;
}
#title {
  padding: 2rem 0;
}
img {
  display: block;
  margin: auto;
  border: ridge 0.7rem var(--primary);
  max-width: 50%;
}
p {
  padding: 5rem;
}
#tribute-info {
  margin: 2rem auto;
  padding: 3rem;
  line-height: 2;
  border-top: 0.1rem solid;
  border-bottom: 0.1rem solid;
}
figcaption {
  font-size: 1.6rem;
}
ul {
  text-align: left;
}
a {
  color: var(--anchor-blue);
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.