<div class="gear">

    <div class="left-items">
        <div class="gear-item head-icon">

        </div>

        <div class="gear-item chest-icon">

        </div>

        <div class="gear-item legs-icon">

        </div>

        <div class="gear-item boots-icon">

        </div>

        <div class="gear-item hands-icon">

        </div>
    </div>

    <div class="right-items">

        <div class="gear-item main-weapon-icon">

        </div>

        <div class="gear-item offhand-icon">

        </div>

        <div class="gear-item pouch-icon">

        </div>

    </div>


</div>

<div class="inventory">
    <h2>Thay Inventory</h2>
    <div class="inventory-list">

        <ul>
            <li><a href="#inventory-bag-1">bag 1</a></li>
            <li><a href="#inventory-bag-2">bag 2</a></li>
            <li><a href="#inventory-bag-3">bag 3</a></li>
        </ul>


        <div class="inventory-bag" id="inventory-bag-1">

            <div class="inventory-bag-position">
                <div id="id1" class="inventory-item">
                    item 1
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id2" class="inventory-item">
                    item 2
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id3" class="inventory-item">
                    item 3
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id4" class="inventory-item">
                    item 4
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id5" class="inventory-item">
                    item 5
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id6" class="inventory-item">
                    item 6
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id7" class="inventory-item">
                    item 7
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id8" class="inventory-item">
                    item 8
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id9" class="inventory-item">
                    item 9
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id10" class="inventory-item">
                    item 10
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id11" class="inventory-item">
                    item 11
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id12" class="inventory-item">
                    item 12
                </div>
            </div>


        </div>

        <div class="inventory-bag" id="inventory-bag-2">
            <div class="inventory-bag-position">
                <div id="id10" class="inventory-item">
                    item 10
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id11" class="inventory-item">
                    item 11
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id12" class="inventory-item">
                    item 12
                </div>
            </div>
        </div>

        <div class="inventory-bag" id="inventory-bag-3">
            <div class="inventory-bag-position">
                <div id="id10" class="inventory-item">
                    item 10
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id11" class="inventory-item">
                    item 11
                </div>
            </div>
            <div class="inventory-bag-position">
                <div id="id12" class="inventory-item">
                    item 12
                </div>
            </div>
        </div>


        <!--<table>
            <tr>
                <td id="1">item 1</td>
                <td id="2">item 2</td>
                <td id="3">item 3</td>
                <td id="4">item 4</td>
                <td id="5">item 5</td>
            </tr>
            <tr>
                <td id="6">item 6</td>
                <td id="7">item 7</td>
                <td id="8">item 8</td>
                <td id="9">item 9</td>
                <td id="10">item 10</td>
            </tr>
            <tr>
                <td id="11">item 11</td>
                <td id="12">item 12</td>
                <td id="13">item 13</td>
                <td id="14">item 14</td>
                <td id="15">item 15</td>
            </tr>
            <tr>
                <td id="16">item 16</td>
                <td id="17">item 17</td>
                <td id="18">item 18</td>
                <td id="19">item 19</td>
                <td id="20">item 20</td>
            </tr>
            <tr>
                <td id="21">item 21</td>
                <td id="22">item 22</td>
                <td id="23">item 23</td>
                <td id="24">item 24</td>
                <td id="25">item 25</td>
            </tr>
        </table>-->
    </div>
</div>