index.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset='utf-8'>
        <meta name='viewport' content='width=device-width,initial-scale=1'>

        <link rel='icon' type='image/png' href='./favicon.png'>

        <style>

            div {
                width: 400px;
                display: inline-block;
                /* float: left; */
                padding: 5px;
            }

            iframe {
                width: 100%;
                border: none;
                height: 500px;
            }
            
        </style>

    </head>

    <body>
        <script>
            let nStart = 10;
            let n = 150;

            window.onload = function() {
                let container = document.body;

                for (let i = nStart; i <= n; i++) {
                    let link = "https://nsmg-projects-public.s3.eu-west-2.amazonaws.com/live/nsmg-" + (""+i).padStart(3, '0') + "/index.html";
                    let divTag = document.createElement("div");

                    let aTag = document.createElement("a");
                    aTag.innerHTML = "nsmg-" + i;
                    aTag.href = link;
                    divTag.appendChild(aTag);

                    let iframe = document.createElement("iframe");
                    iframe.src = link;
                    divTag.appendChild(iframe);

                    container.appendChild(divTag);
                }

            }
        </script>


    </body>

</html>