Fix footer elements' order

should fix point codeschool-projects#12

   --- Lionel Saliou, Ph.D

index.html

@@ -103,8 +103,8 @@ <h2>RESTful API</h2>
     </div>
   </section>
 
-  <div class='container'>
-    <footer class="container">
+  <footer>
+    <div class="container">
       <div class="row">
         <div class="col-md-4">
           <h3>Contact me:</h3>
@@ -122,8 +122,9 @@ <h3>Copyright blurb:</h3>
             <p>Some warning about copying this. Well it is not good enough ;-) </p>
         </div>
       </div>
-    </footer>
-  </div>
+    </div>
+  </footer>
+
   <script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>