html - icon updates

<!--sidebar updates-->
<div id="structure">
<div id="container">

<!---begin tab 1 code--->
<div id="tab01">
<stormy id="box1" class="square1"><i class="fa fa-heart"></i></stormy>
<div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">u p d a t e s</div>
<div style="padding-top:1px;  padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><div class="updatesinfo"><br>



text here

<br><br>

<div style="color:{color:box3}; padding: 1px;"><b>use this style for additional titles in each tab!</b></div>
<!-- if you want your titles to match a different color box, just change the box3 to the box color you like best! like, if you prefer box 5's color, just put {color:box5} in where it says {color:box3} -->

</div>
</div>
</div>
<!---end tab 1 code--->

 <!---begin tab 2 code--->
<div id="tab02">
<stormy id="box2" class="square2"><i class="fa fa-star"></i></stormy>
<div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">c u r r e n t l y</div> <div style="padding-top:1px;  padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>

text here


<br><br>
</div></div>
<!---end tab 2 code--->

<!---begin tab 3 code--->
<div id="tab03">
<stormy id="box3" class="square3"><i class="fa fa-envelope"></i></stormy>
<div style="font-size:10px; padding-left:5px; padding-top: 5px; color:{color:box1}; margin-top: -17px; margin-left:15px; ">s o c i a l</div> <div style="padding-top:1px;  padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>

text here


</div>
</div>
<!---end tab 3 code--->


 <!---begin tab 4 code--->
<div id="tab04">
<stormy id="box4" class="square4"><i class="fa fa-cog"></i></stormy>
<div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">a w a r d s</div> <div style="padding-top:1px;  padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>

text here


<br/><br/>

</div>
</div>
<!---end tab 4 code--->


 <!---begin tab 5 code--->
<div id="tab05">
<stormy id="box5" class="square5"><i class="fa fa-pencil"></i></stormy>
<div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">o t h e r</div> <div style="padding-top:1px;  padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>

text here


<br/><br/>

</div>
</div>
<!---end tab 5 code--->


 <!---begin tab 6 code--->
<div id="tab06">
<stormy id="box6" class="square6"><i class="fa fa-music"></i></stormy>
<div style="font-size:10px; padding-left:5px; padding-top: 5px; margin-top: -17px; margin-left:15px; color:{color:box1};">m u s i c</div> <div style="padding-top:1px;  padding-left:5px;text-transform:uppercase; opacity:.9; font-family: calibri; font-size:9px; line-height:10px; text-align:left; color:{color:text};"><br>

text here


<br/><br/>

</div>
</div>
<!---end tab 6 code--->




</div></div></div></div>


<!--sidebar updates end-->