func Shell(title,pages,body)
{
    var shell= 
    <html lang={"en"} data-bs-theme="dark">
    <head>
        <meta charset={"UTF-8"}>
        <meta name={"viewport"} content={"width=device-width, initial-scale=1.0"}>
        
        <link rel={"stylesheet"} href={"./css/bootstrap.min.css"}>
        <title>CPKG - {title}</title>
        <noscript>
            <style>
                .navbar-toggler {"{"}
                    display:none;
                }
            </style>
        </noscript>
    </head>
    <body>
        <header>
    <nav class={"navbar navbar-expand-lg"} data-bs-theme="light" style={"background-color: orange;"}>
        <div class={"container-fluid"}>
            <a class={"navbar-brand"} href={"./"}>CPKG</a>
            <button class={"navbar-toggler"} type={"button"} data-bs-toggle={"collapse"} data-bs-target={"#navbarNav"} aria-controls={"navbarNav"} aria-expanded={"false"} aria-label={"Toggle navigation"}>
              <span class={"navbar-toggler-icon"}></span>
            </button>
            <div class={"collapse navbar-collapse"} id={"navbarNav"}>
                <ul class={"navbar-nav"}>
                    <each(var item : pages)>
                        <li class={"nav-item"}>
                            <if(item.active)>
                            <true>
                            <a class={"nav-link active"} aria-current={"page"} href={item.route}>{item.text}</a>
                            </true>
                            <false>
                            <a class={"nav-link"} href={item.route}>{item.text}</a>
                            </false>
                            </if>
                        </li>
                    </each>
                </ul>
            </div>
          </div>
          <noscript>
                <ul class={"d-none d-xs-block d-sm-block d-md-block d-lg-none navbar-nav"}>
                    <each(var item : pages)>
                        <li class={"nav-item"}>
                            <if(item.active)>
                            <true>
                            <a class={"nav-link active"} aria-current={"page"} href={item.route}>{item.text}</a>
                            </true>
                            <false>
                            <a class={"nav-link"} href={item.route}>{item.text}</a>
                            </false>
                            </if>
                        </li>
                    </each>
                </ul>
          </noscript>
    </nav>
  
    </header>
    <br>

    <raw(body)>
    <script src={"./js/bootstrap.min.js"}></script>
    </body>
    </html>;

    return shell;
}