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-fluid">
  <div class="row">
    <div class="col-sm-12">

      <h1 class="text-center">Viktor Frank </h1>
      <div align="center">
        <IMG SRC="http://i2.wp.com/www.jaremsawatsky.com/wp-content/uploads/2016/10/victor-frankl.jpg?resize=720%2C405" ALT="Freedom to choose">
      </div>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-sm-4"></div>
        <div class="col-sm-8">

          <h3>Following is timeline of Dr. Frankl's life</h3>
          <ul style="list-style-type:disc">
            <li><b>1905</b> Born March 26 to mother, Elsa Frankl Lion, and father, Gabriel Frankl.</li>
            <li><b>1921</b> First public lecture by 16 year old Frankl, titled "On the Meaning of Life."</li>
            <li><b>1928</b> Organizes youth counseling centers in 7 European cities where adolescents can obtain advice and help free of cost. </li>
            <li><b>1930</b> Organizes special counseling program in Vienna. First time in years, no student suicide occurs in Vienna.</li>
            <li><b>1933</b> Becomes chief of the "Female Suicidals Pavilion" at Psychiatric Hospital, Vienna.</li>
            <li><b>1940</b> Becomes director of the Neurological Department of the Rothschild Hospital. Sabotages Nazi procedures by making false diagnoses to prevent euthanasia of mentally ill patients. Obtains immigration visa to America but does not use,
              so as to not abandon his parents.</li>
            <li><b>1941</b> Marries Tilly Grosser.</li>
            <li><b>1942</b> Viktor and his family arrested and deported to Theresienstadt Ghetto, north of Prague. Father dies at Theresienstadt Ghetto.</li>
            <li><b>1944</b> Viktor, wife and mother sent to Auschwitz. Mother murdered in Auschwitz. Wife, Tilly, moved to Bergen-Belsen where she is murdered. Viktor moved to Kaufering and Turkheim (Dachau).</li>
            <li><b>1945</b> April 27, camp liberated by US troops. Returns to Vienna and learns mother, wife and brother all murdered in the extinction camps.</li>
            <li><b>1946</b> Becomes director of the Vienna Neurological Policlinic. Published "Man's Search For Meaning". By 1997, more than 9 million copies sold.</li>
            <li><b>1950</b> Creates "Austrian Medical Society fro Psychotherapy.</li>
            <li><b>1951</b> With his book, "Logos und Existenz" Dr. Frankl completes the anthropological foundation of Logotherapy.</li>
            <li><b>1955</b> Promoted to Professor at University of Vienna.</li>
            <li><b>1961</b> Guest professor at Harvard University, Cambridge, Massachusetts.</li>
            <li><b>1970</b> United States International University, San Diego, California installs a Chair for Logotherapy.</li>
            <li><b>1997</b> Viktor Frankl passed on September 2nd.</li>
        </div>
        <div class="col-sm-4"></div>
      </div>
    </div>

    <div class="container">
      <div class="row">
        <div class="col-sm-4"></div>
        <div class="col-sm-8">
          </ul>
          <h3>Honorary Doctor Degrees from 29 Universities around the world with brief listing of awards:</h3>

          <ul>
            <li>John F. Kennedy Star</li>
            <li>Albert Schweitzer Medal</li>
            <li>Honorary Citizen of the Capital of Texas</li>
            <li>Nomination for the Peace Nobel Prize by the Pontifical University of Porto Alegre (Brazil)</li>
            <li>Austria's "Curia of the Great Badge of Honour"</li>
            <li>5 schools in Austria and Germany named for Dr. Frankl</li>
            <li>And many more...</li>
          </ul>
        </div>
      </div>
    </div>
    <div class- "spacer"></div>

    <div class="container">
      <div class="jumbotron">
        <blockquote><em><strong>"A thought transfixed me: for the first time in my life I saw the truth as it is set into song by so many poets, proclaimed as the final wisdom by so many thinkers. The truth – that love is the ultimate and the highest goal to which Man can aspire. Then I grasped the meaning of the greatest secret that human poetry and human thought and belief have to impart: The salvation of Man is through love and in love. I understood how a man who has nothing left in this world still may know bliss, be it only for a brief moment, in the contemplation of his beloved. In a position of utter desolation, when Man cannot express himself in positive action, when his only achievement may consist in enduring his sufferings in the right way – an honorable way – in such a position Man can, through loving contemplation of the image he carries of his beloved, achieve fulfillment. For the first time in my life I was able to understand the meaning of the words, "The angels are lost in perpetual contemplation of an infinite glory."</strong></em></blockquote>
        <blockquote align="right"> ~ Viktor Frankl</blockquote>
      </div>
    </div>

    <h3>Learn about Dr. Frankl  and from his wisdom at his <a href="https://en.wikipedia.org/wiki/Viktor_Frankl" target="_blank">Wikipedia entry</a> and at <a href="http://www.viktorfrankl.org/e/lifeandwork.html" target="_blank">Viktor Frankl Institute Vienna.</a></h3>

  </div>


</div>
              
            
!

CSS

              
                
              
            
!

JS

              
                
              
            
!
999px

Console