Skip to content

Instantly share code, notes, and snippets.

@jonleung

jonleung/index.html

Last active August 29, 2015 14:25
Show Gist options
  • Save jonleung/53d28a675640be927b1e to your computer and use it in GitHub Desktop.
Save jonleung/53d28a675640be927b1e to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Todo List</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<div class="container">
<div class="todo">
<!-- Controls -->
<ul class="todo-controls">
<li>
<span class="icon-add">Add</span>
</li>
<li class="right">
<span class="icon-settings">Settings</span>
</li>
</ul>
<!-- Task List -->
<ul id="todo-list">
<li>
<input class="toggle" type="checkbox">
<span>See no evil</span>
<img class="delete" src="http://i.imgur.com/BtLxCD6.png">
</li>
<li>
<input class="toggle" type="checkbox">
<span>Hear no evil</span>
<img class="delete" src="http://i.imgur.com/BtLxCD6.png">
</li>
<li>
<input class="toggle" type="checkbox">
<span>Speak no evil</span>
<img class="delete" src="http://i.imgur.com/BtLxCD6.png">
</li>
<li>
<input class="toggle" type="checkbox">
<span>Task 1</span>
<img class="delete" src="http://i.imgur.com/BtLxCD6.png">
</li>
<li>
<input class="toggle" type="checkbox">
<span>Task 2</span>
<img class="delete" src="http://i.imgur.com/BtLxCD6.png">
</li>
</ul>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment