to-do-app/index.html at master · yojieun/to-do-app · 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
<!DOCTYPE html>
 <html>
   <head>
     <title>To-Do App</title>

     <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Material Design Lite -->
    <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css"/>
    <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
   <!-- Custom Styles -->
   <link rel="stylesheet" href="styles/main.css">

   </head>
   <body>

    <header>
        <h1>To-Do App</h1>
    </header>

   <main>
    <!-- Simple Textfield -->
<form id="addToDoForm" action="#">
  <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <label class="mdl-textfield__label" for="newToDoText">New To-Do:</label>
    <input class="mdl-textfield__input" type="text" id="newToDoText">
  </div>
  <button class="mdl-button mdl-js-button mdl-button--raised mdl-js-ripple-effect mdl-button--accent" type="submit">Add To-Do!</button>
</form>
        </main>

    <ul id="toDoList">
    </ul>

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

   </body>
 </html>