css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

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="jumbotron">
    <div id="row-title" class="row row-centered">
      <div class="col-md-12 col-offset-4">
        <h1> Morihei Ueshiba </h1>
        <h3 class="text center"><em>The Founder Of Aikido</em><h3>
      </div>
    </div>
    <div id="row-image" class="row row-centered">
     <div class="col-x12 col-centered">
          <div id="thumb-img" class="thumbnail">
           <image src="http://aikikaidubai.com/wp-content/uploads/2012/05/Morihei_ueshiba.jpg">
             <div class="caption">
               <h5 class="text-center">Morihei Ueshiba, in Honbu Dojo while demonstrating Jo (stick) techniques.<h5>
             </div>
          </div>
     </div>
  </div>
    <div id="row-timeline" class="row"> 
      <h3 class="text-center">Here's a time line of Morihei Ueshiba's life:</h3>
        <div id="timeline-list" class="col-md-8 col-md-offset-2">
          <ul>
            <li><strong>1883</strong> - Born to a farming family in an area of the Wakayama Prefecture now known as Tanabe.</li>
            <li><strong>1903</strong> - During the Russo-Japanese War period, he decided to enlist in the army.</li>
            <li><strong>1912</strong> - At the age of 29, he and his family moved into the wilderness of Hokkaido. It was during this time in Hokkaido that he met Sokaku Takeda, grandmaster of Daito-ryu Aiki Jutsu. After meeting Takeda and find himself no
              match for his teacher, Ueshiba seemed to forget everything else and threw himself into training. After about a month, he went back to Shirataki, build a dojo and invited Takeda to live there, which he did.</li>
            <li><strong>1925</strong> - He met the master of the new religion, Deguchi Onisaburo. The study of Omoto-kyo and his association with Onisaburo profoundly affected Ueshiba's life. He once stated that while Sokaku Takeda opened his eyes to the
              essence of Budo, his enlightenment came from his Omoto-kyo experiences. During his early 40s, Ueshiba had several spiritual experiences which so impressed him that his life and his training were forever changed. He realized the true purpose
              of Budo was love that cherishes and nourishes all beings.</li>
            <li><strong>1927</strong> - Deguchi Onisaburo encouraged Ueshiba to separate from Omoto-kyo and being his own way. This he did and moved to Tokyo. Ueshiba's following had grown to the point that he was moved to build a formal dojo in the Ushigome
              district of the city (the present site of the Aikido World Headquarters). While the dojo was being constructed, many high-ranking instructors of other arts, such and Kano Jigoro, came to visit. They were so impressed that they would dispatch
              their own students to study under Ueshiba.</li>
            <li><strong>1931</strong> - The "Kobukan" dojo was finished.</li>
            <li><strong>1932</strong> - A "Budo Enhancement Society" was founded with Ueshiba as Chief Instructor. It was about this time that students such as Shioda Gozo, Shirata Rinjiro and others joined the dojo. Up to the outbreak of World War II, Ueshiba
              was extremely busy teaching at the Kobukan, as well as holding special classes for the major military and police academies. For the next 10 years, Ueshiba became more and more famous and many stories began to appear in writing. His only
              son, Kisshomaru, being the "bookworm" that he was, did much of the writing and documenting of the evens of his life.</li>
            <li><strong>1942</strong> - Supposedly because of a divine command, he longed to return to the farmlands. He had often said that "Budo and farming are one. " The war had emptied the Kobukan, and he was tired of city life. Leaving the Kobukan in
              the hands of his son Kisshomaru, he moved to the Ibaraki Prefecture and the village of Iwama. Here he build an outdoor dojo and the now famous Aiki Shrine.</li>
            <li><strong>1952</strong> - Ueshiba consolidated the techniques and perfected the religious philosophy of Aikido.</li>
            <li><strong>1969</strong> - Ueshiba fell ill and told his son Kisshomaru that "God is calling me...." He was returned to his home at his request to be near his dojo. On April 15th, his condition became critical. As his students made their last
              calls, he gave his final instructions. "Aikido is for the entired world. Train not for selfish reasons, but for all people everywhere." Early on the morning of April 26th, 1969, the 86-year-old Ueshiba took his son's hand, smiled and said,
              "Take care of things" and died. Two months later, Hatsu, his wife of 67 years, followed him. Ueshiba's ashes were buried in the family temple in Tanabe. Every year a memorial service is held on April 29th at the Aiki Shrine in Iwama.</li>
          </ul>
        </div>
      </div>
      <div id="row-quote" class="row">
        <div class="col-md-6 col-md-offset-3">
          <blockquote class="text center">
            "Aikido’s founder, Morihei Ueshiba, established Aikido as a way of harmony, an art of peace, a path of light."
            <cite><h5>[ Aikido 7th dan author of Invincible Warrior, a biography of Morihei Ueshiba ] John Stevens</h5></cite>
          </blockquote </div>


        </div>
      </div>
      <div id="row-external-info" class="row">
        <div class="col-md-8 col-md-offset-2">
          <blockquote class="text center">
            If you have time, you should read more about this incredible human being on his <a href="https://en.wikipedia.org/wiki/Morihei_Ueshiba">Wikipedia entry</a>
          </blockquote>
        </div>


      </div>

    </div>

    <div id="row-footer" class="row">
      <div class="col-md-6 col-md-offset-3 text-center">
        <FOOTER>Written and Coded by <a href="https://www.freecodecamp.com/spmechanic">Ramadhan</a></FOOTER>
      </div>

    </div>
  </div>
</div </div>
            
          
!
            
              body {
  margin: 40px, 20px, 20px, 20px;

}

/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
    
}




            
          
!
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.
Loading ..................

Console