Seventh-Day Adventist Church

International Website Framework

Menu

Layout

There are several layout options that you can use to create your own templates. Below is the code for each of the different options.

Full Width

<div class="container">
  <div id="content">
    Full width content goes here.
  </div> <!-- End #content -->
</div> <!-- End .container -->

Two Thirds Left

<div class="container">
  <div id="content">
    <div class="two-thirds-left">
	Main content goes here.
    </div>
   <div class="third-left">
	Secondary content goes here.
   </div>
  </div> <!-- End #content -->
</div> <!-- End .container -->

Two Thirds Right

<div class="container">
  <div id="content">
    <div class="two-thirds-right">
	Main content goes here.
    </div>
    <div class="third-right">
	Secondary content goes here.
    </div>
  </div> <!-- End #content -->
</div> <!-- End .container -->