Framework Basics Final Challenge 5/5

<!--Navbar -->
<div class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <a class="main-logo pull-left" href="#">Ribbit</a>
  </div>
</div><!-- End navbar -->

<!-- Headline -->
<div class="jumbotron">

  <div class="container">
    <div class="row">
      <div class="col-sm-6">
        <h1>Self-destructing messages are only a hop away.</h1>
        <p class="lead">Learn how to build this fun little app by signing up for a Treehouse account today! We'll teach you how to build both apps from scratch!</p>
        <p class="lead">Or download the app and try it first.</p>
        <p class="lead">
          <a class="btn btn-default btn-lg" href="#" data-icon="&#xe001;">iOS</a>
          <a class="btn btn-default btn-lg" href="#" data-icon="&#xe002;">Android</a>
        </p>
      </div>
      <div class="col-sm-6 hidden-xs">
        <div class="device pull-right"></div>
      </div>
    </div>
  </div>

</div><!-- End Headline -->

<!-- Feature Content -->
<div class="container">
  <div class="row ft col-sm-6">

    <div class="hidden-xs col-sm-6">
      <div class="ft-icon camera"></div>
    </div>

    <div class="ft-copy col-sm-6">
      <h2>Securely delete photos &amp; video based on a timer</h2>
      <p>
        Learn how to write the code that downloads and displays messages, photos, and videos that timeout after a few seconds. Then create the code that deletes them from the back-end to make them "self destruct."
      </p>
    </div>

  </div>

</div><!-- End Feature Content -->