Day 49 - Todo List/index.html

<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet"
		href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,300;1,400;1,900&display=swap">
	<script src="https://kit.fontawesome.com/df8d6121fb.js" crossorigin="anonymous"></script>
	<link rel="stylesheet" href="/css/style.main.css">
	<title>Todo List</title>
</head>

<body>
	<div class="container">
		<h1>Todo List</h1>
		<form id="form" class="form">
			<input type="text" class="input" id="input" placeholder="Enter your todo..." autocomplete="off">
			<button type="submit" class="add-button"><i class="fas fa-plus"></i></button>
		</form>

		<ul class="todos" id="todos">
			<!-- / will be added by the users -->

		</ul>

		<small>Left click to toggle completed <br> <br>
			Right click to delete todos
		</small>

	</div>

	<script src="./script.js"></script>
</body>

</html>