<div>
    <ul class="nav nav-tabs">
        <li class="nav-item"><a class="nav-link active" role="tab" data-toggle="tab" href="#tab-3">9</a></li>
        <li class="nav-item"><a class="nav-link" role="tab" data-toggle="tab" href="#tab-4">8</a></li>
    </ul>
    <div class="tab-content">

        <!-- tab 1 -->
        <div class="tab-pane" role="tabpanel" id="tab-3">
            <div class="table-responsive table-borderless">
                <table class="table table-striped table-bordered table-sm">
                    <thead>
                        <tr>
                            <th>ISO</th>
                            <th>Packages</th>
                            <th>Others</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="https://mirrors.centos.org/mirrorlist?path=/9-stream/BaseOS/x86_64/iso/CentOS-Stream-9-latest-x86_64-dvd1.iso&redirect=1&protocol=https">x86_64</a></td>
                            <td><a href="http://mirror.stream.centos.org/9-stream/">RPMs</a></td>
                            <td><a href="https://cloud.centos.org/centos/9-stream/">Cloud</a> | <a href="https://quay.io/centos/centos:stream9">Containers</a></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="table-responsive table-borderless">
                <table class="table table-striped table-bordered table-sm">
                    <thead>
                        <tr>
                            <th>End-of-life</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>End of RHEL9 <a href="https://access.redhat.com/support/policy/updates/errata#Full_Support_Phase">"full support"</a> phase<br></td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <!-- tab 2 -->
        <div class="tab-pane active" role="tabpanel" id="tab-4">
            <div class="table-responsive table-borderless">
                <table class="table table-striped table-bordered table-sm">
                    <thead>
                        <tr>
                            <th>ISO</th>
                            <th>Packages</th>
                            <th>Others</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><a href="http://isoredirect.centos.org/centos/8-stream/isos/x86_64/">x86_64</a></td>
                            <td><a href="http://mirror.centos.org/centos/8-stream/">RPMs</a></td>
                            <td>Cloud | <a href="https://quay.io/centos/centos:stream8">Containers</a> | Vagrant</td>
                        </tr>
                        <tr>
                            <td><a href="http://isoredirect.centos.org/centos/8-stream/isos/aarch64/">ARM64 (aarch64)</a></td>
                            <td><a href="http://mirror.centos.org/centos/8-stream/">RPMs</a></td>
                            <td>Cloud | <a href="https://quay.io/centos/centos:stream8">Containers</a> | Vagrant</td>
                        </tr>
                        <tr>
                            <td><a href="http://isoredirect.centos.org/centos/8-stream/isos/ppc64le/">IBM Power (ppc64le)</a></td>
                            <td><a href="http://mirror.centos.org/centos/8-stream/">RPMs</a></td>
                            <td>Cloud | <a href="https://quay.io/centos/centos:stream8">Containers</a> | Vagrant</td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="table-responsive table-borderless">
                <table class="table table-striped table-bordered table-sm">
                    <thead>
                        <tr>
                            <th>End-of-life</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>2024-05-31<br></td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="table-responsive table-borderless">
                <table class="table table-striped table-bordered table-sm">
                    <thead>
                        <tr>
                            <th>Converting from CentOS Linux 8 to CentOS Stream 8</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td>
                                <pre><code>dnf swap centos-linux-repos centos-stream-repos<br>dnf distro-sync</code></pre>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

    </div>
</div>