Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Framework Basics Build a Website with Bootstrap Building with Bootstrap

Nina Barley
PLUS
Nina Barley
Courses Plus Student 2,006 Points

Is there some way you could add undo or reset to these coding exercises?

It's annoying to accidentally make a change and realize you need to go back but have no straightforward way to do it.

index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Ribbit - A Treehouse Project</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>

    <!--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">

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

        <div class="ft-copy">
          <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 -->

  </body>
</html>

2 Answers

Nina Barley
PLUS
Nina Barley
Courses Plus Student 2,006 Points

Hi, thanks for responding. Last time I refreshed the page, it took me back to the first question in the series - I had to re-enter all my answers up to the 4th slide where I had left off. That's what made me write the question in the first place.