For plotting hackers article

index.erb

<!-- Custom jumbotron background -->
<style type="text/css">
  .jumbotron {
    background: url('http://i.imgur.com/h9pSRfe.png') no-repeat center center;
    background-size: cover;
    padding: 50px;
  }
</style>

<!-- Index page jumbotron -->
<div class="jumbotron">
  <div class="container">
    <font color = "ffffff"><strong><h1>Plotting Hackers</h1></strong>
      <p>Plotting Hackers is an open source web application built to assist in understanding how to visualize attack patterns within log data.</p>
    </font> 
    <p><a class="btn btn-primary btn-lg" href="/about" role="button">Learn more »</a></p>
  </div>
</div>

<!-- Three panel infromation container -->
<div class="container">
  <!-- Example row of columns -->
  <div class="row">
    <div class="col-md-4">
      <h2>Timeline</h2>
      <p>This web application provides timeline analysis for log files.</p>
      <a class="btn btn-default" href="/timeline" role="button">View details »</a>
    </div>
    <div class="col-md-4">
      <h2>Pie Chart</h2>
      <p>This web application provides piechart analysis for log files.</p>
      <a class="btn btn-default" href="/piechart" role="button">View details »</a>
    </div>
    <div class="col-md-4">
      <h2>Line Graph</h2>
      <p>This web application provides line graph analysis for log files.</p>
      <a class="btn btn-default" href="/linegraph" role="button">View details »</a>
    </div>
  </div>
</div>