<!doctype html>
<html lang="en">
  <head>
    <title>{title} Admin UI</title>

    <meta charset="utf-8">
    <meta name="description" content="">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Reset browser styles -->
    <style type="text/css">
        html {{ box-sizing: border-box; font-size: 16px; }}
        *, *:before, *:after {{ box-sizing: inherit; }}
        body, h1, h2, h3, h4, h5, h6, p, ol, ul {{ margin: 0; padding: 0; font-weight: normal; }}
        ol, ul {{ list-style: none; }}
        img {{ max-width: 100%; height: auto; }} 
    </style>
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" />


    <!-- Custom CSS -->
    {custom_css}
  </head>
  <body>
    <div id="root"></div>
    <script src="{main_js_url}"></script>

    <!-- Custom JS -->
    {custom_js}

    <!-- Initialize the admin -->
    <script> initAdmin('{prefix}') </script>
  </body>
</html>
