Tribute to Kraftwerk

index.html

<link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">

<div class="container-fluid">
  <h1 id="h">
    <span class="yellow">K</span><span class="orange">R</span><span class="fuschia">A</span><span class="purple">F</span><span class="blue">T</span>WERK</h1>
  <div id="sub">pioneers of electronic music</div>
  <div class="row">
    </p>
    <div class="col-xs-6">
      <p class="grey">// Introduction ----------</p>
      Kraftwerk is a German electronic music band formed by Ralf Hütter and Florian Schneider in 1969 in Düsseldorf. In the 1970s, they were among the first successful pop acts to popularize electronic music and are widely considered to be innovators and pioneers of the genre.
      <p class="grey">// Albums ----------------</p>
        <ul>
          <li>Kraftwerk (1970)</li>
          <li>Kraftwerk 2 (1972)</li>
          <li>Ralf und Florian (1973)</li>
          <li>Autobahn (1974)</li>
          <li>Radio-Activity (1975)</li>
          <li>Trans-Europe Express (1977)</li>
          <li>The Man-Machine (1978)</li>
          <li>Computer World (1981)</li>
          <li>Electric Café (1986)</li>
          <li>Tour de France Soundtracks (2003)</li>
      </ul>
      <p class="grey">// Meta ------------------</p>
        <a target="_blank" href="https://en.wikipedia.org/wiki/Kraftwerk" class="purple">
          [More]
        </a>
      
    </div>
    <div class="col-xs-6">
      <img src="http://i.imgur.com/APSiqSx.jpg" class="img-responsive" />
    </div>
  </div>
</div>

style.css

body {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
  background: #000; }

body, button, input, select, textarea, pre {
  font-family: 'Conso', Courier New, monospace;
  color: #f8f8f2; }


#h {
  font-family: 'Press Start 2P', cursive;
}

.white {
  color: #f8f8f2; }

.grey {
  color: #999999; }

.blue {
  color: #66d9ef; }

.green {
  color: #a6e22e; }

.orange {
  color: #fd971f; }

.fuschia {
  color: #ec007c; }

.yellow {
  color: #efe158; }

.purple {
  color: #ae81ff; }

.thick-green-border {
    border-color: #a6e22e;;
    border-width: 10px;
    border-style: solid;
}

styles

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />

tribute-to-kraftwerk.markdown

Tribute to Kraftwerk

A Pen by Maksim Bronsky on CodePen.

License.