Template Boxes

[ REGULAR BOXES ]

1 small box:
<div class="boxcontainer"><div class="smallbox"><h2>header</h2>text</div></div>

2 small boxes:
<div class="boxcontainer"><div class="smallbox"><h2>header</h2>text</div><div class="smallbox"><h2>header</h2>text</div></div>

3 small boxes:
<div class="boxcontainer"><div class="smallbox"><h2>header</h2>text</div><div class="smallbox"><h2>header</h2>text</div><div class="smallbox"><h2>header</h2>text</div></div>

1 medium box:
<div class="boxcontainer"><div class="mediumbox"><h2>header</h2>text</div>

2 medium boxes:
<div class="boxcontainer"><div class="mediumbox"><h2>header</h2>text</div><div class="mediumbox"><h2>header</h2>text</div></div>

1 large box:
<div class="boxcontainer"><div class="largebox"><h2>header</h2>text</div></div>

3 small boxes & 1 large box:
<div class="boxcontainer"><div class="smallbox"><h2>header</h2>text</div><div class="smallbox"><h2>header</h2>text</div><div class="smallbox"><h2>header</h2>text</div></div><div class="boxcontainer"><div class="largebox"><h2>header</h2>text</div></div>

2 medium boxes & 1 large box:
<div class="boxcontainer"><div class="mediumbox"><h2>header</h2>text</div><div class="mediumbox"><h2>header</h2>text</div></div><div class="boxcontainer"><div class="largebox"><h2>header</h2>text</div></div>

1 small box & 1 medium box:
<div class="boxcontainer"><div class="smallbox"><h2>header</h2>text</div><div class="mediumbox"><h2>header</h2>text</div></div>

[ HOVER BOXES ]

1 small box:
<div class="boxcontainer"><div class="smallhoverbox"><h2>header</h2>text</div></div>

2 small boxes:
<div class="boxcontainer"><div class="smallhoverbox"><h2>header</h2>text</div><div class="smallhoverbox"><h2>header</h2>text</div></div>

3 small boxes:
<div class="boxcontainer"><div class="smallhoverbox"><h2>header</h2>text</div><div class="smallhoverbox"><h2>header</h2>text</div><div class="smallhoverbox"><h2>header</h2>text</div></div>

1 medium box:
<div class="boxcontainer"><div class="mediumhoverbox"><h2>header</h2>text</div>

2 medium boxes:
<div class="boxcontainer"><div class="mediumhoverbox"><h2>header</h2>text</div><div class="mediumhoverbox"><h2>header</h2>text</div></div>

1 large box:
<div class="boxcontainer"><div class="largehoverbox"><h2>header</h2>text</div></div>

3 small boxes & 1 large box:
<div class="boxcontainer"><div class="smallhoverbox"><h2>header</h2>text</div><div class="smallhoverbox"><h2>header</h2>text</div><div class="smallhoverbox"><h2>header</h2>text</div></div><div class="boxcontainer"><div class="largehoverbox"><h2>header</h2>text</div></div>

2 medium boxes & 1 large box:
<div class="boxcontainer"><div class="mediumhoverbox"><h2>header</h2>text</div><div class="mediumhoverbox"><h2>header</h2>text</div></div><div class="boxcontainer"><div class="largehoverbox"><h2>header</h2>text</div></div>

1 small box & 1 medium box:
<div class="boxcontainer"><div class="smallhoverbox"><h2>header</h2>text</div><div class="mediumhoverbox"><h2>header</h2>text</div></div>