title: multiple pages in one html file without fixed nav on each page
body: <p>Main page would only have several buttons that will show the user designated content.</p>
  
  <p>Those buttons in <code>#home</code> is not in header, so buttons will be only shown on <code>#home</code> only.</p>
  
  <pre><code>&lt;section id="home"&gt;
    &lt;a href="#content"&gt;content&lt;/a&gt;
    &lt;a href="#something"&gt;something&lt;/a&gt;
    &lt;a href="#someelse"&gt;someelse&lt;/a&gt;
  &lt;/section&gt;
  &lt;section id="content"&gt;
  &lt;section id="something"&gt;
  &lt;section id="someelse"&gt;
  </code></pre>
  
  <p>I found <code>:target</code> method on css which seems very easy to use and works ok, but <code>#home</code> is not displaying.
  It seems like it would only work when I have a fixed header outside <code>section</code></p>
  
  <pre><code>section {
    display: none;
  }
  section:target {
    display: block;
  }
  </code></pre>
  
  <p>Each section other than <code>#home</code> will have back button which will send user to <code>#home</code> as well. This was fairly easy on <code>:target</code> method because I just used <code>a href="#"</code>, and it worked.</p>
  
  <p>What other method would I be able to use ?</p>