{"Mustache":"<header>\r\n  <div class=\"collapse bg-dark\" id=\"navbarHeader\">\r\n    <div class=\"container\">\r\n      <div class=\"row\">\r\n        <div class=\"col-sm-8 col-md-7 py-4\">\r\n          <h4 class=\"text-white\">About</h4>\r\n          <p class=\"text-muted\">A table featuring traditional information for each team.</p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  <div class=\"navbar navbar-dark bg-dark shadow-sm\">\r\n    <div class=\"container\">\r\n      <a href=\"#\" class=\"navbar-brand d-flex align-items-center\">\r\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" aria-hidden=\"true\" class=\"me-2\" viewBox=\"0 0 24 24\"><path d=\"M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z\"/><circle cx=\"12\" cy=\"13\" r=\"4\"/></svg>\r\n        <strong>Team Infos</strong>\r\n      </a>\r\n      <button class=\"navbar-toggler\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#navbarHeader\" aria-controls=\"navbarHeader\" aria-expanded=\"false\" aria-label=\"Toggle navigation\">\r\n        <span class=\"navbar-toggler-icon\"></span>\r\n      </button>\r\n    </div>\r\n  </div>\r\n</header>\r\n\r\n<main>\r\n  <div class=\"album py-5 bg-light\">\r\n    <div class=\"container\">\r\n      <div class=\"row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3\">\r\n      \r\n        <!-- JSON array is traversed from first to last entry -->\r\n        {{#NBATeams}}\r\n        <div class=\"col\">\r\n          <div class=\"card shadow-sm\">\r\n            <div class=\"card-body\">\r\n              <p class=\"card-text\">\r\n                Team: {{name}}<br>\r\n                Location: {{location}}\r\n              </p>\r\n              <div class=\"d-flex justify-content-between align-items-center\">\r\n                <!-- #if breaks \"logic-less\", you should better not use it in most cases -->\r\n                <small class=\"text-muted\">Score: {{#if score>0}}{{score}}{{/if}}</small>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {{/NBATeams}}\r\n        \r\n      </div>\r\n    </div>\r\n  </div>\r\n</main>\r\n\r\n<footer class=\"text-muted py-2\">\r\n  <div class=\"container\">\r\n    <p class=\"float-end mb-1\">\r\n      <a href=\"#\">Back to top</a>\r\n    </p>\r\n    <p class=\"mb-3\">This demo is derived from Bootstrap example Album.</p>\r\n    <p class=\"mb-0\">With best regards</p>\r\n    <p class=\"mb-0\">Thomas</p>\r\n  </div>\r\n</footer>","InlineJavaScript":"","MustacheDataFiles":["NBATeams.json"],"ExternalCssJsFiles":[]}