todo/index.html at main · sabovyan/todo · 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
<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:wght@300;400&display=swap" rel="stylesheet">
   <link href="https://fonts.googleapis.com/css2?family=Gloria+Hallelujah&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="./src/css/all.min.css">
   <link rel="stylesheet" href="./src/style/style.css">
   <title>To do list</title>
</head>

<body>
   <main class="main__container flex--centered">
      <div class="heading">
         <h1 class="main__header">To do List</h1>
         <button id="plus">&#43;</button>
      </div>

      <div id="to-do__container" class="to-do__container">
         <ul id="to-do__List" class="to-do__List">

         </ul>

      </div>
      <div id="form-container" class="form-container">

         <form id="toDoForm" class="form-container__form" action="#">
            <i class="form-container__close fas fa-times"></i>
            <div id="goal" class="form-container__goal">
               <label class="form-container__goal-label" for="note">type your next goal</label>
               <input type="text" name="note" id="note" class="form-container__note" autocomplete="off" maxlength="28">
            </div>
            <div class="form-container__last-row">
               <p id="notify" class="form-container__notify">please fill in the line</p>
               <button id="add" class="form-container__submit"><i
                     class="form-container__rocket fas fa-rocket"></i></button>
            </div>

         </form>
         <div id="rocket">
            <i class="fas fa-rocket"></i>
         </div>
      </div>

   </main>

   <script src="./src/source/index.js"></script>
</body>

</html>