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

              
                <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Horst Degelmann Tribute</title>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="">
</head>

<body class="body is-gapless">
  <section id="hero" class="hero is-fullheight is-success is-bold">
    <div class="hero-body">
      <div class="container has-text-centered">
        <h1 class="title is-1">
        Horst Degelmann
      </h>
      <h1 class="subtitle is-5 is-spaced">
        ehemaliger Dirigent des Kulmbacher Kammerorchesters
      </h1>
        </container>
  </section>

  <section id="main" class="hero pd">
    <div class="container">
      <div class="columns is-centered">
        <div class="column is-6-desktop is-12-mobile">
          <figure class="image">
            <img src="http://static3.infranken.de/storage/image/8/1/6/2/1092618_slider-detail_1pE0tU_mZhT2I.jpg">
          </figure>
          <p>Während der Schulzeit und des Lehramtsstudiums in Bayreuth erhielt er zwischen 1949 und 1961 Instrumentalunterricht in den Fächern Violine und Waldhorn. Seine Orchesterpraxis erwarb er sich bereits ab 1951 im Schulorchester der Oberrealschule
            Bayreuth (Helmut Dotzauer), im Bayreuther Blasorchester (Eduard Seebach), im Orchester der Sängerschaft Franco-Palatia und schließlich im Kammerorchester der Pädagogischen Hochschule Bayreuth der Universität Erlangen-Nürnberg unter Prof. Dr.
            Günther Weiß. </p>
            <p>Während des Studiums für das Lehramt an Volksschulen und bei zahlreichen Chorleiterlehrgängen und –tagungen ab 1962 fand er immer wieder Gelegenheit, sich in der Leitung von Gesangs- und Instrumentalensembles vertiefende Kenntnisse anzueignen und vielfältige
            Während des Studiums für das Lehramt an Volksschulen und bei zahlreichen Chorleiterlehrgängen und –tagungen ab 1962 fand er immer wieder Gelegenheit, sich in der Leitung von Gesangs- und Instrumentalensembles vertiefende Kenntnisse anzueignen und vielfältige
            Erfahrungen zu sammeln. Schwerpunkte waren in dieser Phase 1967 die dreimonatige Ausbildung zum staatlich anerkannten Singschullehrer und Chorleiter in Augsburg und 1981 der praktische Dirigierkurs des Bayerischen Musikrats mit den Hofer Symphonikern
            unter der Leitung von GMD Lutz Herbig.</p>
            <p>Seit 1971 leitet Horst Degelmann das Orchester der Sängerschaft Franco-Palatia zu Bayreuth.</p>
           <p> Von 1974 bis 1978 wurde ihm mit einem Lehrauftrag im Fachbereich Erziehungswissenschaften Bayreuth der Friedrich-Alexander-Universität Erlangen-Nürnberg die Leitung des Universitätsorchesters Bayreuth übertragen.</p>
          <p>  Seit der Gründung des Streichorchesters der Städtischen Sing- und Musikschule Kulmbach, das 1989 in "<strong><a href="www.kulmbacher-kammerorchester.de" rel="nofollow">Kulmbacher Kammerorchester</a></strong>" umbenannt wurde, ist er dessen
            
            musikalischer Leiter und Dirigent gewesen.
          </p>
        </div>
      </div>
    </div>
  </section>

  <section class="hero pd">
    <div class="container">
      <div class="columns has-text-centered">
        <div class="column has-text-centered">
          <p>
            Carefully crafted by <strong><a href="https://github.com/Wulfheart">Wulfheart</a></strong> using bulma v0.6.1.
          </p>
        </div>
      </div>
    </div>
  </section>
</body>

</html>
              
            
!

CSS

              
                .content{
  padding-top: 2em;
  padding-bottom: 2em;
  //background-color:    hsl(141, 71%, 48%) ;
 }

.body {
   background-color:  ;
}

p{
  text-align: justify;
  margin-bottom: 20px;
}

 /* unvisited link */
a:link {
    color: #23D160;
  text-underline: none;
  text-decoration: none;
}

/* visited link */
a:visited {
    color: #23D160;
  text-underline: none;
  text-decoration: none;
}

/* mouse over link */
a:hover {
    color:  hsl(0, 0%, 4%) ;
  text-underline: none;
  text-decoration: none;
}

/* selected link */
a:active {
    color:  hsl(0, 0%, 4%) ;
  text-underline: none;
  text-decoration: none;
} 

.pd{
  padding-top: 4em;
  padding-bottom:4em;
}


img{
  padding-bottom: 2em;
}





#23D160
              
            
!

JS

              
                
              
            
!
999px

Console