title: semantic HTML5 CSS3 responsive design
body: <p>After reading a number of books on responsive web design with <code>HTML5</code> and <code>CCS3</code> I started to search for example templates to play around with.</p>
  
  <p>However, everything I come across seems to use a <code>CSS</code> grid which I am unfamiliar with. There are many frameworks available which all seem to use a grid system.  When I look at the source code it seems to go against everything I have read about.  They are still using <code>divs</code> and not using any HTML5 tags like  and  and therefore are non-semantic.  I want to build responsive website without a <code>CSS</code> grid so that it is semantic.  Can anyone help on where I start with this? I would love to see an example a responsive web page that does not use a grid system.</p>
  
  <p>I would rather build from scratch than use a framework.</p>