David Bowie Tribute

David Bowie Tribute.markdown

David Bowie Tribute

A Pen by Aled Wassell on CodePen.

License.

index.html

<div class="container">
  <div class="jumbotron">
    <div class="row">
      <div class="col-md-12">
        <h1 class="text-center">David Bowie</h1>
        <h2 class="text-center">A tribute to music legend David Bowie <small>thanks Dave!</small></h2>
      </div>
    </div>
    <div class="row"><!--top-images-->
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img src="http://www.vam.ac.uk/__data/assets/image/0019/235522/bowie_on_tour.jpg" alt="David-Bowie">
          <div class="caption">
            <h3>Heroes</h3>
            <p>Heroes cover album shoot, <strong>1977.</strong></p>
          </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img src="https://www.brainpickings.org/wp-content/uploads/2013/01/ziggystardust.jpg" alt="Ziggy-stardust">
            <div class="caption">
              <h3>Ziggy Stardust</h3>
              <p>Aladdin Sane album cover, <strong>1973.</strong></p>
            </div>
        </div>
      </div>
      <div class="col-sm-6 col-md-4">
        <div class="thumbnail">
          <img src="http://amassing2.sakura.ne.jp/image/jacket/large/2012c/18021.jpg" alt="Ziggy-stardust">
            <div class="caption">
              <h3>Black Star</h3>
              <p>This was his last album, <strong>2016.</strong></p>
            </div>
        </div>
      </div>
    </div><!--end of images-->
  </div><!--end of jumbotron-->
</div>
<div class="container">
  <div class="col-md-6 col-md-offset-3">
    <h2>A timeline of his life.</h2>
    <p>Born David Robert Jones on the 8th of January 1947, Known as David Bowie was an English singer, songwriter, actor and record producer.<p>
  </div>
  <div class="col-md-6 col-md-offset-3">
    <ul>
      <li><strong>1947,</strong> Born, David Robert Jones.</li>
      <li><strong>1962-67, </strong>He formed his first band at the age of 15.</li>
      <li><strong>1968-71, </strong> Space oddity</li>
      <li><strong>1972-73,</strong> Ziggy Stardust and the release of the album Aladdin Sane</li>
      <li><strong>1976-79,</strong> David Bowie rocks out in Berlin quite a lot.</li>
      <li><strong>1980-88,</strong> Bowie stars in the movie Labyrinth and dresses all weird like a rock wizard.</li>
      <li><strong>1999-2012,</strong> He gets all neoclassicist</li>
      <li><strong>2016,</strong> The Release of Black star on January 8th.</li>
      <li><strong>2016, </strong>Bowie dies of liver cancer aged 69.</li>
    </ul>
  </div>
  <blockquote class="col-md-6 col-md-offset-3">
    <p>I always had a repulsive need to be something more than human. I felt very puny as a human. I thought, 'Fuck that. I want to be a superhuman.
    </p>
    <footer>David Bowie</footer>
  </blockquote>
  <div class="col-md-6 col-md-offset-3">
    <h3>If you want to read more about David Bowie go find more infomation at his <a href="https://en.wikipedia.org/wiki/David_Bowie">Wikipedia page.</a></h3>
  </div>
</div>
<div class="container-bottom">
  <footer class="text-center">
    <hr>
      <p>Written by <a href="http://tamagobouya.tumblr.com/" target="_blank">Aled Wassell</a></p>
  </footer>
</div>

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

style.css

body {
  background-color: #ffffff;
  margin-top: 20px;
}
.header {
  padding-bottom: 20px;
}
.jumbotron {
  background-color: #d9d9d9;
}

styles

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