<div sb-background-image value-id="'homepage'" close-on-click="close_on_click" ng-class="{background_image: style_background_image, close_on_click: close_on_click}" ng-style="style_background_image">

    <sb-connection has-connection="has_connection"></sb-connection>

    <div class="tabbar_items border-color l7" ng-class="{'rotate-in': animate_tabbar}" ng-show="tabbar_is_visible">
        <div class="tabbar background"></div>
        <div class="border-color items">
            <div id="tabbar_items" class="tabbar no-background">

                <ul class="tabbar_l7">

                    <li ng-repeat="option in limited_options" ng-if="option.is_active" class="border-color">
                        <a href="{{ option.url }}" class="item" ng-class="{ is_link: option.is_link }">
                            <img ng-src="{{ option.icon_url }}" ng-class="{ colorable: option.icon_is_colorable }" width="30" height="30" />
                            <span class="block">{{ option.name }}</span>
                        </a>
                    </li>
                    <li ng-if="customer_account.is_visible" class="border-color">
                        <a href="{{ customer_account.url }}" class="item">
                            <img ng-src="{{ customer_account.icon_url }}" width="30" height="30" />
                            <span class="block">{{ customer_account.name }}</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>