<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
        <meta http-equiv="Pragma" content="no-cache" />
        <meta http-equiv="Expires" content="0" />
		<link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Zilla+Slab:300,400,500&display=swap" rel="stylesheet">
		<link rel="icon" href="<%= files.favicon %>" type="image/x-icon">
		<title><%= title %></title>
		<% files.js.forEach(function (src) { %>
			<% if (src.indexOf('head') !== -1) { %>
				<script src="<%= src %>"></script>
			<% } %>
		<% }) %>
	</head>

	<body>
	<% files.css.forEach(function (src) { %>
		<link rel="stylesheet" href="<%= src %>">
	<% }) %>
  <!--  styled-components injection point-->
  <div id="css-root"></div>
	<div id="root"></div>
	<div id="app_datepicker"></div>
	<div id="app_dropdowns"></div>
	<div id="app_toasts"></div>
	<div id="app_notifications"></div>
	<% files.js.forEach(function (src) { %>
		<% if (src.indexOf('head') === -1) { %>
			<script src="<%= src %>"></script>
		<% } %>
	<% }) %>
	</body>

</html>
