Three Column Template

Author:

This is the template for having a three column site using Webvanta.

<!DOCTYPE html  PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <w:snippet name='html_head'  />
  <w:content region='page-css' editable='false' />  <!-- page-specific CSS -->
  <w:snippet name='javascript'  />
  <w:content region='page-js' editable='false' />  <!-- page-specific javascript -->
</head>
<body>
 <div id="outer_wrapper">
  <div id='wrapper'>
    <div class='container'>
      <w:snippet name='header' />    <!-- header snippet provides  visual header and top navigation -->
      <div id='content_area'  class='clearfix'>
         <div class="span-5  append-1 prepend-1">
           <w:content region='left' />     <!--  content for left column goes here -->        
        </div>
        <div class="span-10  append-1">
           <w:content region='body' />     <!--  content for main column goes here -->        
        </div>
        <div class="span-5  append-1 last">
          <w:content region='right' />     <!--  content for right column goes here -->
        </div>
      </div>
    </div>
  </div>
  <w:snippet name='footer' />  <!--  footer snippet provides visual footer -->
 </div>
 <w:snippet name='analytics'  /> <!-- google analytics -->
</body>
</html>

Three Column Template

Learn More

Get Started

Company Info

Follow Webvanta