Wolvden Free CSS Hover Boxes

/* One Small Box */
<div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div></div>

/* Two Small Boxes */
<div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div>

/* Three Small Boxes */
<div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div>

/* Two Small Boxes and One Medium Box */
<div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box2"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div>

/* One Medium Box */
<div class="boxcontainer"><div class="Box2"><h3>HEADER</h3>text</div></div>

/* Two Medium Boxes */
<div class="boxcontainer"><div class="Box2"><h3>HEADER</h3>text</div><div class="Box2"><h3>HEADER</h3>text</div></div>

/* One Large Box */
<div class="boxcontainer"><div class="Box1"><h3>HEADER</h3>text</div></div>

/* Three Small Boxes, One Large Box underneath */
<div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div><div class="boxcontainer"><div class="Box1"><h3>HEADER</h3>text</div></div>

/* Two Medium Boxes, One Large Box underneath */
<div class="boxcontainer"><div class="Box2"><h3>HEADER</h3>text</div><div class="Box2"><h3>HEADER</h3>text</div></div>
<div class="boxcontainer"><div class="Box1"><h3>HEADER</h3>text</div></div>

/* Two Small Boxes and One Medium Box, One Large Box underneath */
<div class="boxcontainer"><div class="Box3"><h3>HEADER</h3>text</div><div class="Box2"><h3>HEADER</h3>text</div><div class="Box3"><h3>HEADER</h3>text</div></div><div class="boxcontainer"><div class="Box1"><h3>HEADER</h3>text</div></div>