class="header" padding: 10px 0; text-align: center;

class="nav" padding: 0 20px 0 20px;

This page shows the CSS Box Model Layout with background colors to illustrate the simple design of this Website.

class="body-content" padding: 10px 20px 0 20px;

TWO COLUMNS

class="halfs" padding: 10px 0 20px 0; width: 100%;
HTML
class="one-half"
width: 47%;
float: left;
margin-right: 5%;
CSS
class="one-half"
width: 47%;
float: left;
margin-right: 5%;

THREE COLUMNS

class="thirds" padding: 10px 0 20px 0; width: 100%;
PHP
class="one-third"
width: 30%;
float: left;
margin-right: 5%;
JavaScript
class="one-third"
width: 30%;
float: left;
margin-right: 5%;
python
class="one-third"
width: 30%;
float: left;
margin-right: 5%;

FOUR COLUMNS

class="fourths" padding: 10px 0 20px 0; width: 100%;
MySQL
class="one-fourth"
width: 21%;
float: left;
margin-right: 5%;
XML
class="one-fourth"
width: 21%;
float: left;
margin-right: 5%;
AJAX
class="one-fourth"
width: 21%;
float: left;
margin-right: 5%;
PERL
class="one-fourth"
width: 21%;
float: left;
margin-right: 5%;
class="footer" padding: 15px; text-align: center;