<!-- Tab links -->
        <div class="ss-c-tab">
            <button
                class="ss-c-tablinks"
                onclick="openCity(event, 'London')"
                id="defaultOpen"
            >
                London
            </button>
            <button class="ss-c-tablinks" onclick="openCity(event, 'Paris')">
                Paris
            </button>
            <button class="ss-c-tablinks" onclick="openCity(event, 'Tokyo')">
                Tokyo
            </button>
        </div>

        <!-- Tab content -->
        <div id="London" class="ss-c-tabcontent">
            <h3>London</h3>
            <p>London is the capital city of England.</p>
        </div>

        <div id="Paris" class="ss-c-tabcontent">
            <h3>Paris</h3>
            <p>Paris is the capital of France.</p>
        </div>

        <div id="Tokyo" class="ss-c-tabcontent">
            <h3>Tokyo</h3>
            <p>Tokyo is the capital of Japan.</p>
        </div>