title: unexpected closing tag angular error
body: <p>Writing an angular app in bulma, copied the template directly from the template site for testing and I get this error. I have checked and checked and everything is closed properly, yet somehow I keep getting an unclosed nav error. Oddly enough when I delete the closing nav tag, the site compiles correctly, but is broken. I have no idea what to do.</p>
  
  <p>Code</p>
  
  <pre><code>&lt;section class="hero is-info is-fullheight"&gt;
  &lt;div class="hero-head"&gt;
    &lt;nav class="navbar"&gt;
      &lt;div class="container"&gt;
        &lt;div class="navbar-brand"&gt;
          &lt;a class="navbar-item" href="../"&gt;
            &lt;img src="http://bulma.io/images/bulma-type-white.png" alt="Logo"&gt;
          &lt;/a&gt;
          &lt;span class="navbar-burger burger" data-target="navbarMenu"&gt;
            &lt;span&gt;&lt;/span&gt;
            &lt;span&gt;&lt;/span&gt;
            &lt;span&gt;&lt;/span&gt;
          &lt;/span&gt;
        &lt;/div&gt;
        &lt;div id="navbarMenu" class="navbar-menu"&gt;
            &lt;div class="navbar-end"&gt;
                         &lt;span class="navbar-item"&gt;
              &lt;a class="button is-white is-outlined" href="#"&gt;
                &lt;span class="icon"&gt;
                  &lt;i class="fa fa-home"&gt;&lt;/i&gt;
                &lt;/span&gt;
                &lt;span&gt;Home&lt;/span&gt;
              &lt;/a&gt;
            &lt;/span&gt;
                         &lt;span class="navbar-item"&gt;
              &lt;a class="button is-white is-outlined" href="#"&gt;
                &lt;span class="icon"&gt;
                  &lt;i class="fa fa-superpowers"&gt;&lt;/i&gt;
                &lt;/span&gt;
                &lt;span&gt;Examples&lt;/span&gt;
              &lt;/a&gt;
            &lt;/span&gt;
            &lt;span class="navbar-item"&gt;
              &lt;a class="button is-white is-outlined" href="#"&gt;
                &lt;span class="icon"&gt;
                  &lt;i class="fa fa-book"&gt;&lt;/i&gt;
                &lt;/span&gt;
                &lt;span&gt;Documentation&lt;/span&gt;
              &lt;/a&gt;
            &lt;/span&gt;
            &lt;span class="navbar-item"&gt;
              &lt;a class="button is-white is-outlined" href="https://github.com/dansup/bulma-templates/blob/master/templates/landing.html"&gt;
                &lt;span class="icon"&gt;
                  &lt;i class="fa fa-github"&gt;&lt;/i&gt;
                &lt;/span&gt;
                &lt;span&gt;View Source&lt;/span&gt;
              &lt;/a&gt;
            &lt;/span&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/nav&gt;
  &lt;/div&gt;
  
  &lt;div class="hero-body"&gt;
    &lt;div class="container has-text-centered"&gt;
      &lt;div class="column is-6 is-offset-3"&gt;
        &lt;h1 class="title"&gt;
          Coming Soon
        &lt;/h1&gt;
        &lt;h2 class="subtitle"&gt;
           $this is the best software platform for running an internet business. We handle billions of dollars every year for forward-thinking businesses around the world.
        &lt;/h2&gt;
        &lt;div class="box"&gt;
  
          &lt;div class="field is-grouped"&gt;
            &lt;p class="control is-expanded"&gt;
              &lt;input class="input" type="text" placeholder="Enter your email"&gt;
            &lt;/p&gt;
            &lt;p class="control"&gt;
              &lt;a class="button is-info"&gt;
                Notify Me
              &lt;/a&gt;
            &lt;/p&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Error</p>
  
  <pre><code>`compiler.js:486 Uncaught Error: Template parse errors:
     Unexpected closing tag "nav". It may happen when the tag has already 
     been closed by another tag. For more info see 
     https://www.w3.org/TR/html5/syntax.html#closing-elements-that-have- 
     implied-end-tags ("
            &lt;/div&gt;
          &lt;/div&gt;
        [ERROR -&gt;]&lt;/nav&gt;
      &lt;/div&gt;`
  </code></pre>