title: Why are the closing body and html tags on my page showing in red in Brackets?
body: <p>I downloaded the exercise files for a tutorial on responsive animated websites and in my code editor (Brackets) at the end of the page the body and html tags are showing in red as if there is an error and I have no idea why.  Can anyone tell me? </p>
  
  <p>Also, what's the best way to find out myself?  I clicked on "Debug" in the Brackets toolbar but it just gave me the lines where the errors were - 167 and 168 on the page, nothing more.  Not much help.  Thank you.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8" /&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;The Gym - Personal Training&lt;/title&gt;
      &lt;link href="css/jquery.bxslider.css" rel="stylesheet" /&gt;
      &lt;link rel="stylesheet" type="text/css" href="style.css" /&gt;  
      &lt;link href="css/font-awesome.min.css" rel="stylesheet"/&gt;
      &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"&gt;
      &lt;script src="https://code.jquery.com/jquery-3.1.1.js"&gt;&lt;/script&gt;
      &lt;script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/animate.css"&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/waypoints.css"&gt;
      &lt;script src="js/query.waypoints.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="js/waypoints.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;header&gt;
      &lt;div id="header-inner"&gt;
          &lt;a href="index.html" id="logo"&gt;&lt;/a&gt;
          &lt;nav&gt;
          &lt;a href="a" id="menu-icon"&gt;&lt;/a&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="index.html" class="current"&gt;Home&lt;/a&gt;&lt;/li&gt;  
                  &lt;li&gt;&lt;a href="a"&gt;About&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="a"&gt;Facility&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="a"&gt;Pricing&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="a"&gt;Contact&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/nav&gt;
      &lt;/div&gt;
  
      &lt;/header&gt;
  &lt;!--- Start Slider --&gt;
          &lt;script src="js/jquery.bxslider.min.js"&gt;&lt;/script&gt;&lt;!--For Image Slider--&gt;
  
      &lt;div class="slide-wrap"&gt;
          &lt;section class="slider"&gt;
              &lt;ul class="slider1"&gt;
                  &lt;li&gt;&lt;img src="https://www.w3newbie.com/wp-content/uploads/chest-fly.png"&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="https://www.w3newbie.com/wp-content/uploads/push-ups.png"&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="https://www.w3newbie.com/wp-content/uploads/inside-gym.png"&gt;&lt;/li&gt;
              &lt;li&gt;&lt;img src="https://www.w3newbie.com/wp-content/uploads/training.png"&gt;&lt;/li&gt;
              &lt;/ul&gt;
      &lt;/section&gt;
      &lt;/div&gt;
  
          &lt;script type="text/javascript"&gt;
              $('.slider1').bxSlider({
                  mode: 'fade',
                  captions: false,
                  auto:true,
                  pager:false,
  
              });
              $('.slider2').bxSlider({
                  pager:false,
                  captions: true,
                  maxSlides: 3,
                  minSlides: 1,
                  slideWidth: 230,
                  slideMargin: 10
              });
              $('.slider3').bxSlider({
                  mode: 'fade',
                  captions: false,
                  auto:true,
                  pager:false,
                  controls:false,
              });
          &lt;/script&gt;
  &lt;!--- End Slider --&gt;
  &lt;div class="clearfix"&gt;&lt;/div&gt;
      &lt;div id="inner-wrapper"&gt;
  
          &lt;!---Start Waypoints  Delayd Animation ---&gt;
          &lt;section class="staggered-animation-container"&gt;
  
  &lt;section class="os-animation" data-os-animation="fadeInLeftBig" data-os-animation-delay=".3s"&gt;
  
          &lt;section class="one-third"&gt;
              &lt;div class="circle"&gt;
                  &lt;td&gt;&lt;i class="fa fa-users"&gt;&lt;/i&gt;&lt;/td&gt;
              &lt;/div&gt;
              &lt;h3&gt;Grade A Staff&lt;/h3&gt;
              &lt;p&gt;Here at The Gym we have the best trainsing staff in the tri-state area as we seek out and recruit talented trainers with all the right cetifications.  Come in today and have a sit down with one of our trainers so we can help you meet your golas in the fastest way possible!&lt;/p&gt;
          &lt;/section&gt;
      &lt;/section&gt;
  &lt;section class="one-third"&gt;
              &lt;div class="circle"&gt;
                  &lt;td&gt;&lt;i class="fa fa-map-marker"&gt;&lt;/i&gt;&lt;/td&gt;
              &lt;/div&gt;
              &lt;h3&gt;A Convenient Location&lt;/h3&gt;
              &lt;p&gt;Here at The Gym we have the best trainsing staff in the tri-state area as we seek out and recruit talented trainers with all the right cetifications.  Come in today and have a sit down with one of our trainers so we can help you meet your golas in the fastest way possible!&lt;/p&gt;
          &lt;/section&gt;    
  &lt;section class="one-third"&gt;
              &lt;div class="circle"&gt;
                  &lt;td&gt;&lt;i class="fa fa-check-square-o"&gt;&lt;/i&gt;&lt;/td&gt;
              &lt;/div&gt;
              &lt;h3&gt;Check us out - free!&lt;/h3&gt;
              &lt;p&gt;Here at The Gym we have the best trainsing staff in the tri-state area as we seek out and recruit talented trainers with all the right cetifications.  Come in today and have a sit down with one of our trainers so we can help you meet your golas in the fastest way possible!&lt;/p&gt;
          &lt;/section&gt;    
   &lt;div class="clearfix"&gt;&lt;/div&gt;   
      &lt;article&gt;
          &lt;img src="https://www.w3newbie.com/wp-content/uploads/gym-classes.png" class="circle-image"&gt;
           &lt;/article&gt;
          &lt;aside&gt;
          &lt;h3&gt;Our Facility&lt;/h3&gt;
              &lt;br&gt;
              &lt;ul class="gym"&gt;
                  &lt;li&gt;&lt;h4&gt;Unlimited wifi Connection&lt;/h4&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;h4&gt;member music requests &amp;amp; voting&lt;/h4&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;h4&gt;open 24 hours / 7 days a week&lt;/h4&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;h4&gt;cardio machine movie theater&lt;/h4&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/aside&gt;
              &lt;div class="clearfix"&gt;&lt;/div&gt;
          &lt;section class="one-third"&gt;
          &lt;h3&gt;Ladies Section&lt;/h3&gt;
          &lt;img src="https://www.w3newbie.com/wp-content/uploads/ladies-gym.jpg"&gt;
              &lt;p&gt;Included in our facility is a "ladies only" section of the gym where women can work out by themselves.&lt;/p&gt;
          &lt;/section&gt;  
          &lt;section class="one-third"&gt;
              &lt;h3&gt;the gym floor&lt;/h3&gt;
              &lt;img src="https://www.w3newbie.com/wp-content/uploads/gym-floor.jpg"&gt;
              &lt;p&gt;Our gym is as spacious as they come.  Enjoy scenic views from the cardio equipment on the third floor.&lt;/p&gt;
          &lt;/section&gt;
          &lt;section class="one-third"&gt;
              &lt;h3&gt;free weights&lt;/h3&gt;
              &lt;img src="https://www.w3newbie.com/wp-content/uploads/free-weights.jpg"&gt;
              &lt;p&gt;Our free weights section has an extensive collection of dumbbels and Olympic plates for body building.&lt;/p&gt;
          &lt;/section&gt;
  
          &lt;!---End Inner Wrapper---&gt;
   &lt;div class="clearfix"&gt;&lt;/div&gt; 
       &lt;footer&gt;
          &lt;div id="footer-inner"&gt;
              &lt;section class="one-third" id="footer-third"&gt;
              &lt;h3&gt;Contact&lt;/h3&gt;
              &lt;p class="footer-contact"&gt;The Gym&lt;br&gt;
                  &lt;b class="phone"&gt;555-555-5555&lt;/b&gt;&lt;br&gt;&lt;br&gt;500 Washington Road&lt;br&gt;Seattle, WA  98101&lt;/p&gt;&lt;/section&gt; 
             &lt;section class="one-third" id="footer-third"&gt;
              &lt;h3&gt;Social&lt;/h3&gt; 
                 &lt;br&gt;
              &lt;ul class="social"&gt;
                 &lt;li&gt;&lt;a href="https://www.facebook.com/w3newbie" target="_blank"&gt;&lt;i class="fa fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;&lt;li&gt;&lt;a href="https://plus.google.com/+DrewRyan_3/posts" target="_blank"&gt;&lt;i class="fa fa-google-plus"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a href="https://twitter.com/DrewOnCue" target="_blank"&gt;&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                 &lt;li&gt;&lt;a href="https://www.youtube.com/user/drewoncue" target="_blank"&gt;&lt;i class="fa fa-youtube"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                 &lt;/ul&gt;   
              &lt;/section&gt;
              &lt;section class="one-third" id="footer-third-last"&gt;
              &lt;h3&gt;Pages&lt;/h3&gt;
              &lt;br&gt;
              &lt;h5&gt;
                  &lt;a href="index.html"&gt;home&lt;/a&gt; &lt;a href="#"&gt;about&lt;/a&gt; &lt;a href="#"&gt;facility&lt;/a&gt; &lt;a href="#"&gt;pricing&lt;/a&gt; 
                  &lt;a href="#"&gt;contact&lt;/a&gt;
              &lt;/h5&gt;
              &lt;/section&gt;            
              &lt;/div&gt;
          &lt;/footer&gt;       
      &lt;footer class="second"&gt;
          &lt;p&gt;&amp;copy; The Gym, 2017&lt;/p&gt;&lt;/footer&gt;  
          &lt;!---End Waypoints Delayed Animation ---&gt;
      &lt;/section&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>