<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>The Semantic Grid System | Fluid Example</title> <!-- Stylesheets --> <link rel="stylesheet" href="fluid.less" type="text/less" media="screen" /> <!--link rel="stylesheet" href="fluid.css" type="text/css" media="screen" /--> <!-- Scripts --> <script src="../../js/less-1.1.3.min.js" type="text/javascript"></script> <!--[if lt IE 9]><script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> </head> <body> <!-- Header --> <header id="top"> <h1><a href="http://semantic.gs/">The Semantic Grid System</a></h1> </header> <!-- Main Body --> <article id="maincolumn"> <h2>Main</h2> </article> <!-- Sidebar --> <section id="sidebar"> <h2>Sidebar</h2> </section> </body> </html>