Bol

bol.markdown

Bol

A Pen by Joseph Marchese on CodePen.

License.

index.html

<div class="container text-center">
  <h1 class="display-1">Bol</h1>
  <h2 class="display-5"><em>The face that launched 1000 memes</em></h2>
  <div class="container" id="bol-image">
  <img src="https://pbs.twimg.com/profile_images/826660380038615044/j4YI_Hc1_400x400.jpg" class="img-rounded" alt="Bol @sword_wanter">
 <div class="caption">This is the only known photograph of Bol.</div>
  </div>
  <h3>Here's a timeline of Bol's life:</h3>
  <div class="container">
    <div class="row">
      <div class="col-xs-4"></div>
      <div class="col-xs-4 text-left">
          <ul class="list-unstyled">
            <li><strong>1994</strong> Born<em> presumably</em></li>
            <li><strong>1995</strong> Learns Guitar</li>
            <li><strong>1995</strong> Learns Slide Guitar</li>
            <li><strong>1999</strong> Invents LIT</li>
            <li><strong>2000</strong> Becomes Woke</li>
            <li><strong>2010</strong> Creates Dylan for Dylan and Maverick</li>
            <li><strong>2014</strong> Born Again</li>
            <li><strong>2016</strong> Attends DiB</li>
        </ul>
      </div>
   </div>
  </div>
  <blockquote class="blockquote">
    <p>"Bol's life and twitter are testimony to the far-reaching contribution that one bol's towering intellect, persistence and musical vision can make to human memes and lols."</p>
    <footer class="blockquote-footer">DiB Master Sal</footer>
  </blockquote>
    <h4>If you have time, you should read more about this incrediBol on his <a href="https://twitter.com/sword_wanter">twitter</a>.</h4>
  </div>
</div>
<hr>
  <footer class="text-center">Written and coded by <a href="https://github.com/joemarchese">Joe Marchese</footer>
    
  
 

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" />