index.html

      <h2>Block messages</h2>
      <p>For messages that require a bit of explanation, we have paragraph style alerts. These are perfect for bubbling up longer error messages, warning a user of a pending action, or just presenting information for more emphasis on the page.</p>
    </div>
    <div class="span12 columns">
      <div class="alert-message block-message error">
        <a class="close" href="#">&times;</a>
        <p><strong>Oh snap! You got an error!</strong> Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
        <p><a class="btn small" href="#">Take This Action</a> <a class="btn small" href="#">Or Do This</a></p>
      </div>
      <div class="alert-message block-message warning">
        <a class="close" href="#">&times;</a>
        <p><strong>Holy gaucamole! This is a warning!</strong> Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.</p>
        <p><a class="btn small" href="#">Take This Action</a> <a class="btn small" href="#">Or Do This</a></p>
      </div>
      <div class="alert-message block-message success">
        <a class="close" href="#">&times;</a>
        <p><strong>Well done!</strong> You successfully read this alert message. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas faucibus mollis interdum.</p>
        <p><a class="btn small" href="#">Take This Action</a> <a class="btn small" href="#">Or Do This</a></p>
      </div>
      <div class="alert-message block-message info">
        <a class="close" href="#">&times;</a>
        <p><strong>Heads up!</strong> This is an alert that needs your attention, but it's not a huge priority just yet.</p>
        <p><a class="btn small" href="#">Take This Action</a> <a class="btn small" href="#">Or Do This</a></p>
      </div>
    </div>
  </div>
</section>



      <footer>
        <p></p>
      </footer>
    </div>

  </body>
</html>