-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
121 lines (118 loc) · 4.4 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!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" />
<meta
name="description"
content="This website was created by Galih Permana. An freshman, intuitive, creative, and hard worker person. Frontend enthusiast, networking enthusiast, and many more. This project will be submit as submission on Dicoding Progressive Web Apps course.
Todo list is application that can you used to listing what will you do, today, tomorrow, next week or next month. The purposes of this app is that user can notice her activity or something that can he/she going to do with reducing the forget behavior."
/>
<title>Todo-APP</title>
<link rel="stylesheet" href="./css/materialize.min.css" />
<link
href="https://fonts.googleapis.com/icon?family=Material+Icons"
rel="stylesheet"
/>
<link rel="stylesheet" href="./css/home.css" />
<!-- MANIFEST -->
<link rel="manifest" href="/manifest.json" />
<!-- ios support -->
<link rel="apple-touch-icon" href="/img/icons/96.png" />
<meta name="apple-mobile-web-app-status-bar" content="#42a5f5" />
<meta name="theme-color" content="#42a5f5" />
</head>
<body class="grey lighten-4">
<!-- NAVBAR -->
<nav class="blue lighten-1">
<div class="nav-wrapper container">
<a href="./index.html" class="brand-logo left">Todo's</a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="./index.html">Home</a></li>
<li><a href="./pages/profile.html">Profile</a></li>
<li><a href="./pages/addtask.html">Add Task</a></li>
<li><a href="./pages/about.html">About</a></li>
</ul>
<a href="#" data-target="mobile-nav" class="sidenav-trigger right">
<i class="large material-icons">dehaze</i>
</a>
<ul class="sidenav" id="mobile-nav">
<li><a href="./index.html">Home</a></li>
<li><a href="./pages/profile.html">Profile</a></li>
<li><a href="./pages/addtask.html">Add Task</a></li>
<li><a href="./pages/about.html">About</a></li>
</ul>
</div>
</nav>
<!-- END OF NAVBAR -->
<!-- BODY -->
<div class="container" id="body-content">
<div class="mytask-wrapper">
<div class="mytask-text">
<h5 class="mytask-title" style="font-weight: 600">My Tasks</h5>
<p>October, 9 2020</p>
</div>
<a
href="./pages/addtask.html"
class="waves-effect waves-light btn-small blue lighten-1 mytask-button"
>+ Add Task
</a>
</div>
<div class="mytask-list-card-wrapper">
<div class="card-stacked white mytask-card">
<div class="card-content">
<div class="mytask-card-header-wrapper">
<p class="mytask-task-status red-text">Urgent</p>
<i class="tiny material-icons check-icon">check</i>
</div>
<div class="mytask-card-text-wrapper urgent">
<p class="mytask-task-title">Basic Programming HW</p>
<p class="mytask-task-description">
Doing my homework at eling.ub.ac.id
</p>
</div>
<div class="mytask-card-icon-wrapper">
<div class="clock-task">
<i class="tiny material-icons">access_time</i>
<p class="mytask-task-clock">10.45-11.30 PM</p>
</div>
<div class="date-task">
<i class="tiny material-icons">event</i>
<p class="mytask-task-cal">10-08-2020</p>
</div>
</div>
</div>
</div>
<div class="card-stacked white mytask-card">
<div class="card-content">
<div class="mytask-card-header-wrapper">
<p class="mytask-task-status green-text">Ongoing</p>
<i class="tiny material-icons check-icon">check</i>
</div>
<div class="mytask-card-text-wrapper ongoing">
<p class="mytask-task-title">Submission Dicoding</p>
<p class="mytask-task-description">
Send submisson to dicoding PWA
</p>
</div>
<div class="mytask-card-icon-wrapper">
<div class="clock-task">
<i class="tiny material-icons">access_time</i>
<p class="mytask-task-clock">10.45-11.30 PM</p>
</div>
<div class="date-task">
<i class="tiny material-icons">event</i>
<p class="mytask-task-cal">10-10-2020</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END OF BODY -->
<script src="./js/app.js"></script>
<script src="./js/materialize.min.js"></script>
<script src="./js/script.js"></script>
</body>
</html>