Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel is required to process package imports. If you need a different preprocessor remove all packages first.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Behavior

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.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <div class= "container">
  <div class="jumbotron text-center">
    <h1>Albert Einstein </h1>
    <h5>Alemania, 1879 - Estados Unidos, 1955</h5>
  </div>
  <div class="thumbnail">
    <img src="http://www.rinconutil.com/wp-content/uploads/2014/07/frases-de-albert-einstein.jpg">
  </div>
  <blockquote>
    <p><em>Soy lo suficientemente artista como para dibujar libremente sobre mi imaginación La imaginación es más importante que el conocimiento El conocimiento es limitado La imaginación circunda el mundo.</em></p>
    <footer>Albert Einstein</footer>
  </blockquote>
  <div>
    <p>Teniendo en cuenta la intensa y diversa vida personal, profesional y social de Albert Einstein, la cronología de su vida no es reducible a la anotación de unas cuantas efemérides sobresalientes porque dada su fama y trascendencia todo lo que hizo y le sucedió fue significativo. No obstante, como recordatorio esencial de momentos cruciales, incluimos esta cronología que de una ojeada da idea de aquellos acontecimientos:<p>
  </div>
  <table class="table table-hover table-striped bdt">
    <tbody>
      <tr>
        <td class="col-xs-1"><strong>1879</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Nace el 14 de marzo en Ulm, Alemania</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1880</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Se traslada con su familia a Munich</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1885-88</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Estudia en una escuela católica</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1889-94</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Alumno del Instituto Luitpold, hoy Albert Einstein</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1894</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Su familia se traslada a Milán. Él abandona el Instituto sin acabar los estudios y se marcha a Pavía, donde residía su familia</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1896</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Renuncia a la nacionalidad alemana. Ingresa en la Escuela Politécnica de Zurich, donde finaliza sus estudios en 1900</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1902</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Obtiene un trabajo en la Oficina Suiza de Patentes en Berna</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1903</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Se casa con <a href="https://es.wikipedia.org/wiki/Mileva_Mari%C4%87">Mileva Maric</a></p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1904</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Nace su hijo Hans Albert</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1905</strong></td>
        <td class="col-xs-1">:</td>
        <td><p><a href="https://es.wikipedia.org/wiki/Annus_mirabilis">Annus mirabilis</a>. Se doctora en la Universidad de Zurich</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1909</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Renuncia al puesto en la Oficina de Patentes. Obtiene plaza de profesor asociado de física teórica en la Universidad de Zurich</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1911-12</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Profesor de física teórica en la Universidad de Praga</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1912-14</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Profesor de física teórica en el Instituto Tecnológico Federal de Zurich (anterior Escuela Politécnica)</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1914</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Profesor de la Universidad de Berlín y miembro de la Academia Prusiana de Ciencias. Mileva y sus hijos se quedan en Zurich</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1915</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Inicia las publicaciones sobre la Teoría General de la Relatividad</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1917</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Director del Kaiser Wilhelm Institute de Física de Berlín</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1919</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Se divorcia de Mileva y se casa con <a href="https://es.wikipedia.org/wiki/Elsa_Einstein">Elsa</a>. Eclipse solar que confirma las predicciones de Einstein sobre la desviación de los rayos de luz. Insólito salto a la fama mundial</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1922</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Le conceden el premio Nobel de Física correspondiente a 1921. Publica su primer trabajo sobre la <a href="https://es.wikipedia.org/wiki/Teor%C3%ADa_del_campo_unificado">Teoría del Campo Unificado</a>.Miembro del Comité sobre Cooperación Intelectual de la Liga de Naciones. Inicia una gira por Europa, Asia, Oriente Medio, Sudamérica y Estados Unidos</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1933</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>En 1932, <a href="https://es.wikipedia.org/wiki/Adolf_Hitler">Adolf Hitler</a>, obtiene la Concesión de la nacionalidad alemana. Se hace con el poder en Alemania y se recrudece el antisemitismo nazi. Einstein y su familia se exilian en Princeton, Estados Unidos</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1939</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Estalla la <a href="https://es.wikipedia.org/wiki/Segunda_Guerra_Mundial">Segunda Guerra Mundial</a>. Firma la carta al presidente <a href="https://es.wikipedia.org/wiki/Franklin_D._Roosevelt">Roosevelt</a> alertándole del peligro que supondría para el mundo que Alemania fabricara una bomba atómica</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1944</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Reescribe el manuscrito de 1905 sobre la <a href="https://es.wikipedia.org/wiki/Teor%C3%ADa_de_la_relatividad_especial">Teoría Especial de la Relatividad</a> que es subastado por seis millones de dólares para ayudar a la causa aliada en la guerra</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1945</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Lanzamiento de sendas bombas atómicas sobre Hiroshima y Nagasaki</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1946</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Preside el Comité de Emergencia de Científicos Atómicos. Continúa su campaña contra el armamentismo y a favor de un Gobierno mundial</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1952</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Le ofrecen la presidencia, que no acepta, del Estado de Israel</p><td>
      </tr>
      <tr>
        <td class="col-xs-1"><strong>1952</strong></td>
        <td class="col-xs-1">:</td>
        <td><p>Redacta junto con Bertrand Rusell un manifiesto contra la amenaza nuclear. El día 18 de abril fallece en el hospital de Princeton por la ruptura de un aneurisma en la aorta abdominal. Fue incinerado y sus cenizas esparcidas por el Río Delaware.</p><td>
      </tr>
    </tbody>
  </table>  
</div>
<footer class="text-center">
  <hr>
  <p>Writen and coded by <a href="https://www.freecodecamp.org/alessandrocuba">Manuel González Prieto</a></p>
  <div class="row">
    <a href="https://startbootstrap.com/"><img src="https://camo.githubusercontent.com/5d417873a11d7175ec40fc3af3c6cb024a531dd7/68747470733a2f2f676574626f6f7473747261702e636f6d2f6173736574732f6272616e642f626f6f7473747261702d736f6c69642e737667"></a>
    <a href="https://es.wikipedia.org/wiki/Wikipedia:Portada"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/1e/Wikipedia-logo-v2-es.svg/150px-Wikipedia-logo-v2-es.svg.png"></a>
    <a href="https://codepen.io/"><img src="https://blog.codepen.io/wp-content/uploads/2012/06/Button-Fill-Black-Large.png"></a>
  </div>
</footer>


              
            
!

CSS

              
                body {
  margin-top: 20px;
  padding: 20px;
}
img {
  max-width: 20px;
}
              
            
!

JS

              
                
              
            
!
999px

Console