test_modern.html

<html>
    <head>
        <meta charset="utf-8">
        <link type="text/css" rel="stylesheet" href="test_modern.css" />
    </head>
    <body>
        <details>
            <summary> Collapsible Title </summary>
            <ol>
                <li> <a href="#Kannada" > Kannada </a>  </li>
                <li> <a href="#Telugu" > Telugu </a>  </li>
                <li> <a href="#Tamizh" > Tamizh </a>  </li>
            </ol>
        </details>
        <div id="sections">
            <section id="Kannada">
                Kannada content
            </section>
            <section id="Telugu">
                Telugu content
            </section>
            <section id="Tamizh">
                Tamizh content
            </section>
        </div>
    </body>
</html>