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

            
              <body>
  <style>
  .silvered {
    background-color: silver;
  }
    .small-image {
      size:  100px;
    }
</style>
  <div class="container-fluid">
  <div class="row">
    <div class="col-xs-3">
    </div>
    
    <div class="col-xs-6 silvered">
      <h1 class="text-primary text-center">Dr. John Feierabend</h1>
    <h2 class="text-primary text-center"><em>Tuneful, Beatful, and Artful</em></h2>
      <img src="http://sitemanager.acsysinteractive.com/vSiteManager/HarttSchool/Public/Upload/Images/Faculty%20bio%20photos/Music%20Education/John2%20copy.jpg" alt="Stock photo for Dr. John Feierabend" class="img-responsive">
<p>Dr. John Feierabend is considered one of the leading authorities on music and movement development in childhood. He is a Professor Emeritus of Music Education at The Hartt School of the University of Hartford and is a past President of the Organization of American Kodály Educators. He has given presentations in all 50 states and many other countries. He is the author of over 70 books, recordings, and DVDs, several of which served as the inspiration for the award winning PBS children’s television series Lomax: The Hound of Music.</p>

<p>Dr. Feierabend has been honored as a Lowell Mason Fellow by the National Association for Music Education (NAfME); named University Educator of the Year by the Connecticut Music Educators Association; received the outstanding alumni award from Wayne State University; received the Outstanding Educator Award from the Organization of American Kodály Educators, the James Bent Award for outstanding achievement in scholarship and creativity from the University of Hartford, and was the first U.S. recipient of the LEGO Prize, an international award given annually to “an individual who has made a distinctive contribution to the betterment of children.”</p>

<p>Dr. Feierabend continues to be committed to collecting, preserving and teaching the diverse folk music of our country and using that folk music as a bridge to help children understand and enjoy classical music. Dr. Feierabend’s creativity and research has resulted in two music methods; First Steps in Music, a music and movement program for infants through elementary-aged children and Conversational Solfege, a music literacy method suitable for elementary through college-aged student.</p>

<p>Dr. Feierabend’s teaching has provided thousands of teachers and their students with the materials and techniques to help build community through music by evoking enthusiastic participation of all people. To that end his approach strives for all people to become tuneful, beatful and artful through research based and developmentally appropriate pedagogies while promoting the use of quality literature. In the summer of 2012 a group of dedicated and like-minded educators honored Dr. Feierabend’s 40 plus years of teaching and research with the formation of the Feierabend Association for Music Education. For more information go to: <a href="www.feierabendmusic.org">www.feierabendmusic.org</a> and <a href="www.giamusic.com/feierabend">www.giamusic.com/feierabend</a>.</p>

<p> A full list of Dr. Feierabend's publications is available through his publisher, GIA Publications.</p>


    </div>
    
    <div class="col-xs-3">
    </div>
</body>
            
          
!
            
              body {
  margin-top: 60px;
  margin-bottom: 60px;
}
            
          
!
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