dashboard/dashboard.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" />
		<title>Final Project - dashboard</title>
		<link rel="stylesheet" href="../style.css" />
		<link rel="stylesheet" href="./dashboard.css" />
		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
		<script defer>
			$(function () {
				$("#includedContent").load("/footer/footer.html");
			});
		</script>
		<script defer src="./dashboard.js"></script>
	</head>
	<body>
		<button class="buttons logOut" id="goHome">LogOut</button>
		<h1>TODO LIST</h1>

		<div class="input_container">
			<input
				class="input_list"
				type="text"
				id="task"
				maxlength="17"
				placeholder="Nombre tarea"
				autofocus
			/>
			<input
				class="input_list"
				type="text"
				id="lenguage"
				maxlength="6"
				placeholder="Lenguaje"
			/>
			<textarea
				oninput="auto_grow(this)"
				id="textarea"
				cols="30"
				rows="1"
				placeholder="description"
			></textarea>
			<button class="add_button" id="add">ADD</button>
		</div>
		<div class="table_container">
			<table class="table">
				<thead>
					<tr>
						<th class="input_task">Tarea</th>
						<th class="width_table">Lenguaje</th>
						<th>Descripcion</th>
						<!-- <th class="width_table">Modificar</th>
						<th class="width_table">Eliminar</th> -->
					</tr>
				</thead>
				<tbody id="tbody"></tbody>
			</table>
		</div>
		<footer id="includedContent"></footer>
	</body>
</html>