Pen Settings

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

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

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

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

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.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <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>
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console