cssAudio - Activefile-genericCSS - ActiveGeneric - ActiveHTML - ActiveImage - ActiveJS - ActiveSVG - ActiveText - Activefile-genericVideo - ActiveLovehtmlicon-new-collectionicon-personicon-teamlog-outoctocatpop-outspinnerstartv

Pen Settings

CSS Base

Vendor Prefixing

Add External CSS

These stylesheets will be added in this order and before the code you write in the CSS editor. You can also add another Pen here, and it will pull the CSS from it. Try typing "font" or "ribbon" below.

Quick-add: + add another resource

Add External JavaScript

These scripts will run in this order and before the code in the JavaScript editor. You can also link to another Pen here, and it will run the JavaScript from it. Also try typing the name of any popular library.

Quick-add: + add another resource

Code Indentation


Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

              <head><link href="https://fonts.googleapis.com/css?family=Cabin" rel="stylesheet">
<body><div class="container-fluid">
  <img class="turing-image" src="http://ichef.bbci.co.uk/wwfeatures/live/624_351/images/live/p0/0v/2b/p00v2b0b.jpg" alt="image of Alan Turing with enigma machine in the background">
  <h1> Alan Turing: The Unknown War Hero</h1>
 <div class="row">
   <div class="col-md-6 center">
   <p> Timeline of Turing's life:
    <ul class="list">
      <li>1912 (23 June): Birth, Paddington, London </li>
<li>1926-31: Sherborne School</li>
<li>1930: Death of friend Christopher Morcom</li>
<li>1931-34: Undergraduate at King's College, Cambridge University</li>
<li>1932-35: Quantum mechanics, probability, logic. Fellow of King's College, Cambridge</li>
<li>1936: The Turing machine, computability, universal machine</li>
<li>1936-38: Princeton University. Ph.D. Logic, algebra, number theory</li>
<li>1938-39: Return to Cambridge. Introduced to German Enigma cipher machine</li>
<li>1939-40: The Bombe, machine for Enigma decryption</li>
<li>1939-42: Breaking of U-boat Enigma, saving battle of the Atlantic</li>
<li>1943-45: Chief Anglo-American crypto consultant. Electronic work.</li>
<li>1945: National Physical Laboratory, London</li>
<li>1946: Computer and software design leading the world.</li>
<li>1947-48: Programming, neural nets, and artificial intelligence</li>
<li>1948: Manchester University, first serious mathematical use of a computer</li>
<li>1950: The Turing Test for machine intelligence</li>
<li>1952: Arrested as a homosexual, loss of security clearance</li>
<li>1954 (7 June): Death (suicide) by cyanide poisoning, Wilmslow, Cheshire.</li>
  </p><p>Information in this timeline comes from<a href="http://www.turing.org.uk/"> this site</a></p>
  <div class="col-md-6 center">
<p> Alan Mathison Turing OBE FRS was an English computer scientist, mathematician, logician, cryptanalyst and theoretical biologist. He was highly influential in the development of theoretical computer science, providing a formalisation of the concepts of algorithm and computation with the Turing machine, which can be considered a model of a general purpose computer.

During the Second World War, Turing worked for the Government Code and Cypher School (GC&CS) at Bletchley Park, Britain's codebreaking centre that produced Ultra intelligence. For a time he led Hut 8, the section responsible for German naval cryptanalysis. He devised a number of techniques for speeding the breaking of German ciphers. Turing played a pivotal role in cracking intercepted coded messages that enabled the Allies to defeat the Nazis in many crucial engagements, including the Battle of the Atlantic, and in so doing helped win the war.

Turing was prosecuted in 1952 for homosexual acts, when by the Labouchere Amendment, "gross indecency" was still criminal in the UK. He accepted chemical castration treatment, with DES, as an alternative to prison. Turing died in 1954, 16 days before his 42nd birthday, from cyanide poisoning. An inquest determined his death as suicide</p>
<p>Check out this<a href="https://en.wikipedia.org/wiki/Alan_Turing"> Wikipedia Article</a> for more information on Mr Turing.</p>

.turing-image {
  border-radius: 10px;
  margin: 30px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: 'Cabin', sans-serif

   word wrap: break-word;
   width: 500px;
  text-align: justify;
  font-family: 'Cabin', sans-serif
  font-family: 'Cabin', sans-serif

.center { float: none;
          margin-left: auto;
          margin-right: auto;
  list-style: none;

Asset uploading is a PRO feature.

As a PRO member, you can drag-and-drop upload files here to use as resources. Images, Libraries, JSON data... anything you want. You can even edit them anytime, like any other code on CodePen.


Loading ..................