Alan Turing

In this example below you will see how to do a Alan Turing with some HTML / CSS and Javascript

This awesome code was written by SamrajM, you can see more from this user in the personal repository.
You can find the original code on
Copyright SamrajM ©
  • HTML
  • CSS
  • JavaScript
  .larger-image {
    width: 720px;
  h1 {
    font-family: Monospace;
  h2 {
    font-family: Monospace;
  h4 {
    font-family: Monospace;
  img {
    display: block;
    margin-left: auto;
    margin-right: auto;
  ul { 
    margin:0 auto;
    font-family: Monospace;

<div class="container">
   <div class="jumbotron">
     <h1 class="text-center"> Alan Turing </hi>
     <h2 class="text-center"> <em> The Father of Computer Science </em></h2>
     <div class="thumbnail"><img class = "larger-image"   src="" alt="Alan Turing"><div class="caption text-center">A picture of Alan Turing </div> </div>
     <h4> Here is a timeline of Alan Turing's life: </h4>
       <li> <b>1912 - </b>Alan Mathison Turing was born in London </li>
       <li> <b>1934 - </b>Turing Graduates from King's College with distinction in Mathematics </li>
       <li> <b>1938 - </b>Turing goes to Princeton University to study mathematics and is awarded a PhD </li>
       <li> <b>1939 - </b>Turing is aksed to join the Government Codes and Ciphers School </li>
       <li> <b>1940 - </b>Turing develops the Bombe to decipher messages using the Enigma machine. </li>
       <li> <b>1945 - </b>Turing is awarded the OBE </li>
       <li> <b>1946 - </b>Turing publishes a paper with the first detailed design of a stored-program computer </li>
       <li> <b>1949 - </b>Turing is made deputy director of the Computer Laboratory at Manchester University </li>
       <li> <b>1950 - </b>Turing publishes 'Computing Machinery and Intelligence' </li>
       <li> <b>1951 - </b>Alan is elected Fellow of the Royal Society, and also gives talks about Artificial Intelligence on the BBC </li>
       <li> <b>1952 - </b>Alan is arrested for gross indecency. He is offered chemical treatment instead of prison. </li>
       <li> <b>1954 - </b>Alan dies in his home in Cheshire, from poisoning. A half-eaten apple was found next to him laced with cyanide. </li>
     <h4> <em>"We can only see a short distance ahead, but we can see plenty there that needs to be done."</em> - Alan Turing </h4>
     <h3> To learn more about Alan Turing visit his <a href="" target="_blank"> Wikipedia Entry.</a> </h3>
     <h3> Information in the timeline was used from <a href="" target="_blank"> HistoryHeroes </a> </h3>


/*Downloaded from */
    body {
  margin-top: 60px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 60px;

/*Downloaded from */