title: bootstrap links to subpage not working
body: <p>So, I downloaded some bootstrap free theme and try to modify it the way I want to.
  <a href="https://shapebootstrap.net/item/1524939-heera-responsive-html5-multipurpose-template" rel="nofollow">https://shapebootstrap.net/item/1524939-heera-responsive-html5-multipurpose-template</a></p>
  
  <p>When clicking on links to subpages (About us, Procedures &amp; Prices, Contact &amp; Location) nothing happens. What is stopping them from opening? 
  I'm a beginner, any advice is greatly appreciated!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.main-menu {
    background-color: #5D4E61;
    opacity: 0.8;
  }
  .navbar-collapse {
    padding: 0px;
  }
  .menu-logo {
    display: none;
    max-width: 125%;
  }
  .navbar-toggle:focus {
    border: none;
    outline: 0;
  }
  .nav&gt;li&gt;a:hover,
  .nav&gt;li&gt;a:focus {
    background-color: transparent;
    color: #dddada;
  }
  .menu-list {
    text-align: center;
    float: none;
  }
  .navbar-nav&gt;li {
    display: inline-block;
    float: none;
  }
  .navbar-nav&gt;li&gt;a {
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    float: none;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
  }
  .menu-list .active a {
    color: #dddada;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;header id="main-menu" class="main-menu"&gt;
    &lt;div class="container"&gt;
      &lt;div class="row"&gt;
        &lt;div class="navbar-header"&gt;
          &lt;button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu"&gt;
            &lt;i class="fa fa-bars"&gt;&lt;/i&gt;
          &lt;/button&gt;
          &lt;div class="menu-logo"&gt;
            &lt;a href="index.html"&gt;
              &lt;img src="images/logo.png" alt="menu Logo"&gt;
            &lt;/a&gt;
          &lt;/div&gt;
          &lt;!-- /.menu-logo --&gt;
        &lt;/div&gt;
        &lt;nav id="menu" class="menu collapse navbar-collapse"&gt;
          &lt;ul id="headernavigation" class="menu-list nav navbar-nav wow fadeInUp animated"&gt;
            &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;
            &lt;/li&gt;
            &lt;li class="active"&gt;&lt;a href="about.html"&gt;About us&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="index.html"&gt;Procedures &amp; Prices&lt;/a&gt;
            &lt;/li&gt;
            &lt;li&gt;&lt;a href="index.html"&gt;Contact &amp; Location&lt;/a&gt;
            &lt;/li&gt;
          &lt;/ul&gt;
          &lt;!-- /.menu-list --&gt;
        &lt;/nav&gt;
        &lt;!-- /.menu-list --&gt;
      &lt;/div&gt;
      &lt;!-- /.row --&gt;
    &lt;/div&gt;
    &lt;!-- /.container --&gt;
  &lt;/header&gt;
  &lt;!-- /#main-menu --&gt;</code></pre>
  </div>
  </div>
  </p>