ToDo_on_JS/index.html at Main · maxbmaapc/ToDo_on_JS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!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 href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="style.css">
		<title>Todo</title>
 </head>
 <body >
	<header class="header">
		 <h1>todos</h1>
	</header>
	<section class="todo">
		<div class="todo__container">
			<div class="todo__menu">
				<div>
					<label>All</label>
					<input type="checkbox" id="main">
				</div>
				<input type="text" class="todo__input" placeholder=" What needs to be done?">
				<button class="btn btn-outline-secondary btn-sm" id="btn">Add</button>
				<button type="button" class="btn btn-outline-danger btn-sm">DELETE ALL</button>
			</div>
			<ul class="todo__wrapper"></ul>
			<div class="todo__counter"></div>
			<ul class="todo__pagination"></ul>
		</div>
	</section>
	<footer class="footer">
		<p>Double-click to edit a todo</p>
		<p>Created by Maksim Lukianenko</p>
	</footer>
	<script src="https://cdn.jsdelivr.net/lodash/4.10.0/lodash.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	<script src="./main.js"></script>
 </body>
</html>