WebTaskManager/index.html at master · EugeniyBykov/WebTaskManager · 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>
<head>
	<title>Document</title>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
	integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS"
	crossorigin="anonymous">
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
</head>
<body>

	<div class="container">
		<div class="top-div d-flex">
			<input type="text" id="inpField" class="input-field" maxlength="34" >
			<div id="acceptDiv" class="circle aqua d-flex justify-content-center align-items-center">
					<i class="fas fa-check"></i>
			</div>
			<div class="info d-flex flex-column justify-content-between">
				<p id = "taskCount" class="m-0 ml-1">Задачи: 0</p>
				<p id = "doneCount" class="m-0 ml-1">Выполнено: 0</p>
				<p id = "failedCount" class="m-0 ml-1">Не Выполнено: 0</p>
			</div>
		</div>

		<!-- code for js -->

		<!-- <div class="task d-flex justify-content-between align-items-center">
				<div class="circle red d-flex justify-content-center align-items-center">
					<i class="fas fa-check"></i>
				</div>
				<p class="mb-0 text-center">20017.7.1<br>20:52</p>
				<p class="task-input mb-0" contenteditable="true">Task</p>
				//можем ограничить ввод длинной строки в js
				<div class="circle red ml-0 d-flex justify-content-center align-items-center">
						<i class="fas fa-pencil-alt"></i>
				</div>
				<div class="circle red d-flex ml-0 justify-content-center align-items-center">
						<i class="fas fa-shopping-basket"></i>
				</div>
		</div> -->

		<!-- end js code -->


	</div>


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


<!-- для p - innerHTML  -->
<!-- для инпутов - value  -->