Skip to content

Instantly share code, notes, and snippets.

@joeydsmith
Created July 9, 2015 23:34
Show Gist options
  • Save joeydsmith/9f589671654b1dbf7638 to your computer and use it in GitHub Desktop.
Save joeydsmith/9f589671654b1dbf7638 to your computer and use it in GitHub Desktop.
<!doctype html>
<html>
<head>
<title>To-Do App</title>
<link href='http://fonts.googleapis.com/css?family=Architects+Daughter' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!-- START #to-do-app -->
<div id="to-do-app">
<!-- START #list-of-items -->
<ol id="list-of-items">
<li class="item">
<div class="item-left">
<input type="checkbox" />
</div>
<div class="item-right">
Title
</div>
<div class="clearfix"></div>
</li>
</ol>
<!-- END #list-of-items -->
<!-- START #controls -->
<div id="controls">
<!-- START #control-left -->
<div id="control-left">
<!-- START #new-item -->
<input name="new-item" id="new-item" placeholder="What do you have to do?" />
<!-- STATY #new-item -->
</div>
<!-- END #control-left -->
<!-- START #control-right -->
<div id="control-right">
<!-- START #add-item -->
<a href="#to-do-app" id="add-item">Add To List</a>
<!-- END #add-item -->
</div>
<!-- END #control-right -->
<div class="clearfix"></div>
</div>
<!-- START #controls -->
</div>
<!-- END #to-do-app -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment