-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
51 lines (51 loc) · 1.75 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>Todo List App</title>
<link rel='stylesheet' type='text/css' href='assets/css/style.css' />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
<meta charset="ISO-8859-1">
<!--
I know there's supposed to be more in the head, but I'm working on getting this functional right now
-->
</head>
<body>
<div id='container'>
<div id="column">
<div id='title-and-input'>
<div id="name-and-menu">
<h1 class="inline-block">Nick's Simple JavaScript Todo List</h1>
<div id="menu" class="inline-block">
<div id="dropdown" class="cursor">
<button id = "options"><i class="fa fa-bars" aria-hidden="true"></i></button>
<div id="dropdown-content">
<p id="dark-mode-toggle">Dark Mode Toggle</p>
<hr>
<select id = 'font'>
<option selected>Helvetica</option>
<option>Times</option>
<option>Courier</option>
</select>
</div>
</div>
</div>
</div>
<div id='input'>
<span>Enter items here:</span>
<input id='inputfield' type='text' placeholder='Enter item here'>
<button id='inputbutton' class='blue-button'><span>Enter </span></button>
</div>
</div>
<div id="todo" style="display: none">
<fieldset>
<legend>
<h2> Todo List </h2>
</legend>
<ul id='todo-list'></ul>
</fieldset>
</div>
</div>
</div>
<script src='assets/js/script.js'></script>
</body>
</html>