shortcake: Updates Tab HTML

 <!-- installation tutorial: http://felinum.tumblr.com/post/147202359116/ -->

<div id="updates_navicon"><i class="fa fa-navicon" aria-hidden="true"></i></div>
<div id="updates">


    <!---------------

   1. To install a new icon, visit http://fontawesome.io/icons/ and paste the name of your chosen icon over an existing one in the code, e.g. 'bookmark', 'clock-o', etc. I highly suggest choosing icons that have approximately the same width and height, otherwise they will have different background shapes = not pretty.

   2. To create a new section, copy everything between "<!-- section 1 -- >" and "<!-- end section 1 -- >" and paste it right after "<!-- end section 6 -- >"

   --------------->


    <!-- section 1 -->
    <div class="ui"><div class="updates_icon iconwrap">
        <i class="fa fa-bookmark fa-fw iconspin" aria-hidden="true"></i>
    </div></div>
    <div class="updates_title">
        title 1 <!-- your title here -->
    </div>
    <div class="container_content"><div class="updates_content">
        Hello. <!-- your text here -->
    </div></div>
    <!-- end section 1 -->


    <!--section 2-->
    <div class="ui"><div class="updates_icon iconwrap">
        <i class="fa fa-clock-o fa-fw iconspin" aria-hidden="true"></i>
    </div></div>
    <div class="updates_title">
        title 2 <!-- your title here -->
    </div>
    <div class="container_content"><div class="updates_content">
        <!-- you can create lists like so: -->
        <ul>
            <li>update 1</li>
            <li>update 2</li>
            <li>update 3</li>
        </ul>
        <!-- end list -->
    </div></div>


    <!--section 3-->
    <div class="ui"><div class="updates_icon iconwrap">
        <i class="fa fa-book fa-fw iconspin" aria-hidden="true"></i>
    </div></div>
    <div class="updates_title">
        title 3 <!-- your title here -->
    </div>
    <div class="container_content"><div class="updates_content">
        <!-- you can insert links like so: -->
        <a href="http://{name}.tumblr.com">link example</a>
        <!-- end link -->
    </div></div>


    <!--section 4-->
    <div class="ui"><div class="updates_icon iconwrap">
        <i class="fa fa-umbrella fa-fw iconspin" aria-hidden="true"></i>
    </div></div>
    <div class="updates_title">
        title 4 <!-- your title here -->
    </div>
    <div class="container_content"><div class="updates_content">
        content 4 <!-- your text here -->
    </div></div>


    <!--section 5-->
    <div class="ui"><div class="updates_icon iconwrap">
        <i class="fa fa-leaf fa-fw iconspin" aria-hidden="true"></i>
    </div></div>
    <div class="updates_title">
        title 5 <!-- your title here -->
    </div>
    <div class="container_content"><div class="updates_content">
        content 5 <!-- your text here -->
    </div></div>


    <!-- section 6 -->
    <div class="ui"><div class="updates_icon iconwrap">
        <i class="fa fa-key fa-fw iconspin" aria-hidden="true"></i>
    </div></div>
    <div class="updates_title">
        title 6 <!-- your title here -->
    </div>
    <div class="container_content"><div class="updates_content">
        content 6 <!-- your text here -->
    </div></div>
    <!-- end section 6 -->


</div>