Menu

<div class="menu slim-version with-tooltip">
    <ul>
        <li>
            <div class="menu--item">
                <a href="#" aria-label="home link" title="Home">
                    <div class="menu-holder">
                        <span class="blueprint-icon icon-person icon-2x"></span>
                        <div class="tooltip position--relative">
                            <div class="tooltip--content para--two m-l-20 border-radius-md">
                                <div class="tooltip--content--item icon-left text-light">Lorem Ipsum
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </li>
        <li>
            <div class="menu--item">
                <a href="#" aria-label="home link" title="Home">
                    <div class="menu-holder">
                        <span class="blueprint-icon icon-attach icon-2x"></span>
                        <div class="tooltip position--relative">
                            <div class="tooltip--content para--two m-l-20 border-radius-md">
                                <div class="tooltip--content--item icon-left text-light">Lorem Ipsum
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </li>
        <li>
            <div class="menu--item">
                <a href="#" aria-label="home link" title="Home" class="active">
                    <div class="menu-holder">
                        <span class="blueprint-icon icon-email icon-2x"></span>
                        <div class="tooltip position--relative">
                            <div class="tooltip--content para--two m-l-20 border-radius-md">
                                <div class="tooltip--content--item icon-left text-light">Lorem Ipsum
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </li>
        <li>
            <div class="menu--item">
                <a href="#" aria-label="home link" title="Home">
                    <div class="menu-holder">
                        <span class="blueprint-icon icon-duration icon-2x"></span>
                        <div class="tooltip position--relative">
                            <div class="tooltip--content para--two m-l-20 border-radius-md">
                                <div class="tooltip--content--item icon-left text-light">Lorem Ipsum
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </li>
        <li>
            <div class="menu--item">
                <a href="#" aria-label="home link" title="Home">
                    <div class="menu-holder">
                        <span class="blueprint-icon icon-duration icon-2x"></span>
                        <div class="tooltip position--relative">
                            <div class="tooltip--content para--two m-l-20 border-radius-md">
                                <div class="tooltip--content--item icon-left text-light">Lorem Ipsum
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </li>
        <li>
            <div class="menu--item">
                <a href="#" aria-label="home link" title="Home">
                    <div class="menu-holder">
                        <span class="blueprint-icon icon-duration icon-2x"></span>
                        <div class="tooltip position--relative">
                            <div class="tooltip--content para--two m-l-20 border-radius-md">
                                <div class="tooltip--content--item icon-left text-light">Lorem Ipsum
                                </div>
                            </div>
                        </div>
                    </div>
                </a>
            </div>
        </li>
    </ul>
</div>