-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
64 lines (64 loc) · 2.69 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap"
rel="stylesheet">
<title>Check Yo Self</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>
<h1>CHECK<span> YO' </span>SELF</h1>
<div class="header-search-box">
<button class="header-search-button"><img class="header-search-icon"
src="assets/search.svg" alt="Search icon for button"></button>
<input class="header-search-input" type="text" placeholder="Search" id="header-search">
</div>
</header>
<div class="main-box">
<aside>
<form class="aside-task-form" id="aside-task-form-js">
<label class="aside-task-form-labels" for="task-title">Task Title
</label>
<input class="aside-task-title-input" id="aside-task-title-input-js"
type="text" name="task-title">
<section id="aside-section-task-items-js">
</section>
<label class="aside-task-form-labels" for="task-item">Task Item
</label>
<div class="aside-task-item-and-button-container">
<input class="aside-task-item-input" id="aside-task-item-input-js"
type="text" name="task-item">
<button class="aside-plus-button disabled-button"
id="aside-plus-button-js" disabled>+</button>
</div>
<button disabled class="aside-blue-button disabled-button"
id="make-task-button">Make Task List</button>
<button disabled class="aside-blue-button disabled-button"
id="clear-all-button-js" type="button">Clear All</button>
</form>
<section class="aside-bottom-section">
<button disabled class="aside-blue-button disabled-button">Filter by Urgency</button>
</section>
</aside>
<main id="main-taskcard-parent">
<section id="default-todo-card" class="main-default-taskcard">
<h3 class="default-card-header">WHAT ARE YOU WAITING FOR!?</h3>
<h2 class="default-card-header"> GET TO WORK! </h2>
<section>
<img class="giphy"
src="https://media.giphy.com/media/fVeAI9dyD5ssIFyOyM/giphy.gif"
alt="video of octopus laying brick" />
</section>
</section>
<section class="main-taskcard-parent-section" id="taskcard-parent">
</section>
</main>
</div>
<script src="todo-list.js"></script>
<script src="task.js"></script>
<script src="main.js"></script>
</body>
</html>