title: HTML5 Footer Navigation
body: <p>Recently I'm in charge of a CMS project from my client.</p>
  
  <p><img src="https://i.stack.imgur.com/CPFGc.jpg" alt="enter image description here"></p>
  
  <p>But I have no idea how to approach this layout.</p>
  
  <p>I use the code below to generate footer navigation bar.</p>
  
  <pre><code>position: absolute;
  bottom: 0;
  left: 0;
  height: 150px;
  width: 100%;
  </code></pre>
  
  <p>I'm also using Master Slider to generator the slider.
  And now I'm having a problem how to make the website become responsive.</p>
  
  <p>I try to apply 80% height for carousel; and 20% height for footer.
  But I don't think it can work.</p>
  
  <p>And this is the layout so far I created without any responsive function.</p>
  
  <p>Is there an efficient way to create this kind of responsive layout?</p>
  
  <p><img src="https://i.stack.imgur.com/T1T4R.jpg" alt="enter image description here"></p>