template_6zones.html

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Visualization Studio HTML template</title>
  <link  rel="stylesheet" type="text/css" href="css/vizstudio.css"/>
</head>

<body>

  <main class="vizstudio">

    <div id="zone-1" class="zone zone-1 span-2"></div>

    <div id="zone-3" class="zone zone-3 span-2"></div>

    <div id="zone-5" class="zone zone-5 span-2"></div>

    <div id="zone-7" class="zone zone-7 span-2"></div>

    <div id="zone-9" class="zone zone-9 span-2"></div>

    <div id="zone-11" class="zone zone-11 span-2"></div>

  </main>


  <!-- use this javascript to test changes to this template (adds content to make zones visible) -->
  <script type="text/javascript" src="js/template_demo.js"></script>
  <!-- this Javascript will scale the display down to fit your browser window, very useful for development -->
  <script type="text/javascript" src="js/transform_scale.js"></script>

</body>

</html>