<!DOCTYPE HTML>
<html>
<head>
<title>Y2T</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div id="root">
<main class="homepage">
<h1>Y2TPrompt</h1>
<form method="post" action="handler.php">
<input type="text" placeholder="YouTube URL" id="url" name="url"><br>
<select id="lang" name="lang">
<option value="en">EN</option>
<option value="fr">FR</option>
</select>
<input type="submit" value="Generate ChatGPT prompt">
</form>
</main>
<footer>
<a href=""><span>PH1</span></a>
<a href=""><span>PH2</span></a>
<a href=""><span>PH3</span></a>
</footer>
</div>
<script src="assets/js/vue.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>