FazBrowse GitHub Viewer | Trending | | Home

Tools: [Download Repo ZIP] [View Raw Code] [Original HTTPS Page]

todo-list-javascript/index.html at main · astrocoding/todo-list-javascript · GitHub

40 lines (37 loc) · 1.47 KB

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 name="viewport" content="width=device-width, initial-scale=1.0" />

<link href="https://fonts.googleapis.com/css?family=Poppins:300,400&display=swap" rel="stylesheet"/>

<script src="https://kit.fontawesome.com/e7ebc2fc39.js" crossorigin="anonymous"></script>

<link rel="stylesheet" href="./style.css" />

<title>AstroCoding | Todo-list</title>

</head>

<body>

<header>

<h1>AstroCoding Todo List</h1>

</header>

<form>

<input type="text" class="todo-input" maxlength="40" />

<button class="todo-button" type="submit">

<i class="fas fa-plus-square"></i>

</button>

<div class="select">

<select name="todos" class="filter-todo">

<option value="all">All</option>

<option value="completed">Completed</option>

<option value="uncompleted">Uncompleted</option>

<option value="daily">Daily</option>

<option value="Weekly">Weekly</option>

<option value="Monthly">Monthly</option>

</select>

</div>

</form>

<div class="todo-container">

<ul class="todo-list"></ul>

</div>

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

</body>

</html>

Back | FazBrowse Home | New Git URL