<div class="tabs-wrapper">
    <div class="tabs-container">
        <div data-current="Activity Log Detail Modal" data-easing="ease" data-duration-in="300" data-duration-out="100" class="tabs w-tabs">
            <div class="tabs-menu w-tab-menu">
                <a data-w-tab="All Users" class="tab w-inline-block w-tab-link w--current"  role="tab" aria-selected="true" aria-controls="tab-all-users">
                    <div class="tab-icon w-embed"><svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 32 32">
                        <path d="M26,14H24v2h2a3.0033,3.0033,0,0,1,3,3v4h2V19A5.0058,5.0058,0,0,0,26,14Z" transform="translate(0 0)"></path>
                        <path d="M24,4a3,3,0,1,1-3,3,3,3,0,0,1,3-3m0-2a5,5,0,1,0,5,5A5,5,0,0,0,24,2Z" transform="translate(0 0)"></path>
                        <path d="M23,30H21V28a3.0033,3.0033,0,0,0-3-3H14a3.0033,3.0033,0,0,0-3,3v2H9V28a5.0059,5.0059,0,0,1,5-5h4a5.0059,5.0059,0,0,1,5,5Z" transform="translate(0 0)"></path>
                        <path d="M16,13a3,3,0,1,1-3,3,3,3,0,0,1,3-3m0-2a5,5,0,1,0,5,5A5,5,0,0,0,16,11Z" transform="translate(0 0)"></path>
                        <path d="M8,14H6a5.0059,5.0059,0,0,0-5,5v4H3V19a3.0033,3.0033,0,0,1,3-3H8Z" transform="translate(0 0)"></path>
                        <path d="M8,4A3,3,0,1,1,5,7,3,3,0,0,1,8,4M8,2a5,5,0,1,0,5,5A5,5,0,0,0,8,2Z" transform="translate(0 0)"></path>
                        </svg></div>
                    <div class="tab-name">All Users</div>
                </a>
                <a data-w-tab="Invitations" class="tab w-inline-block w-tab-link"  role="tab" aria-selected="false" aria-controls="tab-invitations">
                    <div class="tab-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 -960 960 960" fill="currentColor" height="32" width="32">
                        <path d="M480-462 140-685v465h390v60H140q-24 0-42-18t-18-42v-520q0-24 18-42t42-18h680q24 0 42 18t18 42v310h-60v-255L480-462Zm0-60 340-218H140l340 218ZM774-44l-42-42 73-74H590v-60h215l-74-74 43-42 146 146L774-44ZM140-685v499-244 4-314 55Z"></path>
                        </svg></div>
                    <div class="tab-name">Invitations</div>
                    <div class="counter">
                        <div class="counter-text">2<br></div>
                    </div>
                </a>
                <a data-w-tab="Activity Log" class="tab w-inline-block w-tab-link"  role="tab" aria-selected="false" aria-controls="tab-activity-log">
                    <div class="tab-icon w-embed"><svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 32 32">
                        <path d="M20,18h-6c-1.6569,0-3,1.3431-3,3v2h2v-2c0-.5523,.4477-1,1-1h6c.5523,0,1,.4477,1,1v2h2v-2c0-1.6569-1.3431-3-3-3Z"></path>
                        <path d="M17,17c2.2091,0,4-1.7909,4-4s-1.7909-4-4-4-4,1.7909-4,4,1.7909,4,4,4Zm0-6c1.1046,0,2,.8954,2,2s-.8954,2-2,2-2-.8954-2-2,.8954-2,2-2Z"></path>
                        <path d="M17,30c-7.7197,0-14-6.2804-14-14h2c0,6.6168,5.3831,12,12,12,5.2263,0,9.8162-3.3385,11.4214-8.3074l1.9033,.6147c-1.873,5.7975-7.2278,9.6926-13.3247,9.6926Z"></path>
                        <path d="M31,16h-2c0-6.6168-5.3833-12-12-12V2c7.7197,0,14,6.2804,14,14Z"></path>
                        <path d="M6,14l-2.1387-1.0127c-1.7383-.8223-2.8613-2.5967-2.8613-4.5195V2H11v6.4678c0,1.9229-1.123,3.6973-2.8613,4.5195l-2.1387,1.0127ZM3,4v4.4678c0,1.1533,.6738,2.2178,1.7168,2.7109l1.2832,.6074,1.2832-.6074c1.043-.4932,1.7168-1.5576,1.7168-2.7109V4H3Z"></path>
                        </svg></div>
                    <div class="tab-name">Activity Log</div>
                </a>
                <a data-w-tab="Activity Log Detail Modal" class="tab w-inline-block w-tab-link"  role="tab" aria-selected="false" aria-controls="tab-settings">
                    <div class="tab-icon w-embed"><svg width="32" height="32" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewbox="0 0 32 32">
                        <path d="M20,18h-6c-1.6569,0-3,1.3431-3,3v2h2v-2c0-.5523,.4477-1,1-1h6c.5523,0,1,.4477,1,1v2h2v-2c0-1.6569-1.3431-3-3-3Z"></path>
                        <path d="M17,17c2.2091,0,4-1.7909,4-4s-1.7909-4-4-4-4,1.7909-4,4,1.7909,4,4,4Zm0-6c1.1046,0,2,.8954,2,2s-.8954,2-2,2-2-.8954-2-2,.8954-2,2-2Z"></path>
                        <path d="M17,30c-7.7197,0-14-6.2804-14-14h2c0,6.6168,5.3831,12,12,12,5.2263,0,9.8162-3.3385,11.4214-8.3074l1.9033,.6147c-1.873,5.7975-7.2278,9.6926-13.3247,9.6926Z"></path>
                        <path d="M31,16h-2c0-6.6168-5.3833-12-12-12V2c7.7197,0,14,6.2804,14,14Z"></path>
                        <path d="M6,14l-2.1387-1.0127c-1.7383-.8223-2.8613-2.5967-2.8613-4.5195V2H11v6.4678c0,1.9229-1.123,3.6973-2.8613,4.5195l-2.1387,1.0127ZM3,4v4.4678c0,1.1533,.6738,2.2178,1.7168,2.7109l1.2832,.6074,1.2832-.6074c1.043-.4932,1.7168-1.5576,1.7168-2.7109V4H3Z"></path>
                        </svg></div>
                    <div class="tab-name">Activity Log Detail Modal</div>
                </a>
            </div>
            <div class="tabs-content w-tab-content">
                <div id="tab-all-users" data-w-tab="All Users" class="tab-pane w-tab-pane w--tab-active" role="tabpanel" tabindex="0">{Subscriptions page}</div>
                <div id="tab-invitations" data-w-tab="Invitations" class="tab-pane w-tab-pane" role="tabpanel" tabindex="0">{Invitations page}</div>
                <div id="tab-activity-log" data-w-tab="Activity Log" class="tab-pane w-tab-pane" role="tabpanel" tabindex="0">{Activity Log page}</div>
            </div>
        </div>
    </div>
    <div class="tab-scroll-indicator">
        <div class="code-embed-12 w-embed">
            <svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewbox="0 0 27.46 10.49"><defs><style>.b{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;}</style></defs><polyline class="b" points="22.21 1 26.46 5.24 22.21 9.49"></polyline><polyline class="b" points="5.24 9.49 1 5.24 5.24 1"></polyline><line class="b" x1="26.46" y1="5.24" x2="16.56" y2="5.24"></line><line class="b" x1="1" y1="5.24" x2="10.9" y2="5.24"></line></svg>
        </div>
    </div>
</div>