<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Time Converter</title>
<link rel="icon" href="/assets/img/favicon.png" type="image/png">
<link rel="stylesheet" href="/assets/css/index.css">
</head>
<body>
<div class="spacer"></div>
<div class="centre">
<h1>Time Converter</h1>
<form id="time-converter-form">
<label for="from-tz">From Timezone:</label>
<input type="text" id="from-tz" name="from-tz" required>
<br>
<label for="time">Time:</label>
<input type="datetime-local" id="time" name="time" required>
<br>
<label for="to-tzs">To Timezones (comma separated):</label>
<input type="text" id="to-tzs" name="to-tzs" required>
<br>
<button type="submit">Convert</button>
</form>
<div id="results" class="results-container"></div>
</div>
<script src="/assets/js/index.js"></script>
</body>
</html>