title: Divide HTML page into 5 parts
body: <p>I am developing mobile application using jQuery Mobile and Phonegap. I want to divide a page into 5 parts and responsive depend on the height of the screen.
  I tried this:</p>
  
  <pre><code>&lt;div data-role="content" style="width:100%; height:100%"&gt;   
      &lt;img src="www/image/1.png" style="width:100%; height:20%"&gt;
      &lt;img src="www/image/2.png" style="width:100%; height:20%"&gt;
      &lt;img src="www/image/3.png" style="width:100%; height:20%"&gt;
      &lt;img src="www/image/4.png" style="width:100%; height:20%"&gt;
      &lt;img src="www/image/5.png" style="width:100%; height:20%"&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>What I want is:
  <a href="http://maxcdn.thedesigninspiration.com/wp-content/uploads/2014/03/GIF-UI-Design-001.gif" rel="nofollow">emaple</a></p>
  
  <p>Thanks!</p>