HTML-CSS/task.html at Javascript_project · Ali-148/HTML-CSS · GitHub

30 lines (23 loc) · 852 Bytes

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

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>To DO List</title>

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css">

<link href="task.css" rel="stylesheet" type="text/css"/>

</head>

<body>

<div class="container mt-5">

<div class="app">

<h1 class="bg-danger text-white p-2 text-center">TO DO LIST</h1>

<form class="form-inline mt-3 justify-content-center">

<input type="text" class="form-control mr-2" placeholder="Add new task...">

<button type="submit" class="btn btn-success">+</button>

</form>

<ul class="list-unstyled mt-4"></ul>

</div>

</div>

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

</body>

</html>