title: Menu link not working - super coding newb here
body: <p>line 59 of my code i put an image in my menu to link to another page, all it does is freeze the page, on the page i hover over it, and it shows its going to the right place, if i right click and open it in a new tab it goes there, but the link/image itself does not.</p>
  
  <p><a href="http://www.7daygrind.com/js/jquery.min.js" rel="nofollow">http://www.7daygrind.com/js/jquery.min.js</a></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;!--[if lt IE 7]&gt;      &lt;html class="no-js lt-ie9 lt-ie8 lt-ie7"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 7]&gt;         &lt;html class="no-js lt-ie9 lt-ie8"&gt; &lt;![endif]--&gt;
  &lt;!--[if IE 8]&gt;         &lt;html class="no-js lt-ie9"&gt; &lt;![endif]--&gt;
  &lt;!--[if gt IE 8]&gt;&lt;!--&gt; &lt;html class="no-js"&gt; &lt;!--&lt;![endif]--&gt;
      &lt;head&gt;
          &lt;meta charset="utf-8"&gt;
          &lt;!--[if IE]&gt;&lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;&lt;![endif]--&gt;
          &lt;title&gt;7 day grind&lt;/title&gt;
       &lt;meta name="keywords" content="" /&gt;
    &lt;meta name="description" content="" /&gt;
  &lt;!-- 
  Nature Theme 
  http://www.templatemo.com/tm-398-nature
  --&gt;
          &lt;meta name="viewport" content="width=device-width"&gt;
          
          &lt;!-- Google Web Font Embed --&gt;
          &lt;link href='http://fonts.googleapis.com/css?family=Raleway:400,600,500,300,700' rel='stylesheet' type='text/css'&gt;
          
          &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
          &lt;link rel="stylesheet" href="css/templatemo_main.css"&gt;
          &lt;style type="text/css"&gt;
          biztitle1 {
   font-family: gabriola;
  }
          .no-js body #main-wrapper .col-lg-12.col-md-12.col-sm-12.col-xs-12.affix.text-center .templatemo-site-title a {
   font-family: gabriola;
  }
          .no-js body #main-wrapper .col-lg-12.col-md-12.col-sm-12.col-xs-12.affix.text-center .templatemo-site-title b {
   font-family: Mardian Demo;
  }
  
          &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="main-wrapper"&gt;
              &lt;!--[if lt IE 7]&gt;
                  &lt;p class="chromeframe"&gt;You are using an &lt;strong&gt;outdated&lt;/strong&gt; browser. Please &lt;a rel="nofollow" href="http://browsehappy.com"&gt;upgrade your browser&lt;/a&gt; or &lt;a rel="nofollow" href="http://www.google.com/chromeframe/?redirect=true"&gt;activate Google Chrome Frame&lt;/a&gt; to improve your experience.&lt;/p&gt;
              &lt;![endif]--&gt;
  
            &lt;div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 affix text-center" style="z-index: 1;"&gt;
                  &lt;h1 class="templatemo-site-title"&gt;&amp;nbsp;&lt;/h1&gt;
                  &lt;h1 class="templatemo-site-title"&gt;&lt;img src="images/btn-menu.png" alt="main menu" id="m-btn" class="pull-right visible-xs visible-sm" &gt;
                  &lt;/h1&gt;
  
                  &lt;ul id="responsive" style="display:none" class="hidden-lg hidden-md"&gt;&lt;/ul&gt;&lt;!-- /.responsive --&gt;&lt;/div&gt;
            &lt;div class="menu visible-md visible-lg"&gt;
                &lt;ul id="menu-list"&gt;
                      &lt;li class="active home-menu"&gt;&lt;a href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
                                          &lt;li class="services-menu"&gt;&lt;a href="#services"&gt;Our Services&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="services-menu1"&gt;&lt;a href="#services1"&gt;- Integrated&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="services-menu2"&gt;&lt;a href="#services2"&gt;- Soul-Fit-Trition&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="services-menu3"&gt;&lt;a href="#services3"&gt;- Boot-camp&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="about-menu"&gt;&lt;a href="#about"&gt;About Us&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="store-menu"&gt;&lt;a href="#store"&gt;Store&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="testimonial-menu"&gt;&lt;a href="#testimonial"&gt;Testimonials&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="contact-menu"&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
                      &lt;li class="blog-menu"&gt;&lt;a href="http://blog.7daygrind.com" target="_parent"&gt; &lt;img src="images/blogbutton.jpg" width="100" height="50"&gt;&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
      &lt;/div&gt;
      &lt;!-- /.menu --&gt;
      &lt;div class="image-section"&gt;
                  &lt;div class="image-container"&gt;
                      &lt;img src="images/nature1.jpg" id="home-img" class="main-img inactive" alt="Home"&gt;
                      &lt;img src="images/kettlebells.jpg" id="about-img" class="inactive" alt="About"&gt;
                      &lt;img src="images/nature2.jpg" id="services-img"  class="inactive" alt="Services"&gt;
                       &lt;img src="images/nature2.jpg" id="services1-img"  class="inactive" alt="Services1"&gt;
                        &lt;img src="images/nature2.jpg" id="services2-img"  class="inactive" alt="Services2"&gt;
                         &lt;img src="images/boot-camp2.jpg" id="services3-img"  class="inactive" alt="Services3"&gt;
                         &lt;img src="images/nature1.jpg" id="store-img" class="inactive" alt="Store"&gt;
                      &lt;img src="images/nature5bbb.jpg" id="testimonial-img" class="inactive" alt="Testimonial"&gt;
                      &lt;img src="images/stretch.jpg" id="contact-img" class="inactive" alt="Contact"&gt;
                      
                    &lt;img src="images/nature1.jpg" id="blog-img" class="inactive" alt="Blog"&gt;
        &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>