Add bootstrap font awesome script, use icon trash

Daniel Kim · Daniel Kim · commit 7cbe3102d38f · 2016-02-16T11:36:26.000-08:00
diff --git a/index.html b/index.html
@@ -3,15 +3,14 @@
 <head>
   <title>TodoKid</title>
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
   <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
   <script type="text/javascript" src="app.js"></script>
-  <script type="text/javascript" src="todo.js"></script>
-
-  
+  <script type="text/javascript" src="todo.js"></script>  
   <link rel="stylesheet" type="text/css" href="/css/style.css">
   <link href='https://fonts.googleapis.com/css?family=Roboto:400,300' rel='stylesheet' type='text/css'>
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
   
 </head>
 
@@ -95,13 +94,13 @@
   </ul>
 </div>
 
-<div class="box group">
-  <h1>Todo list</h1>
+<div class="box">
+  <h1>Todo list <i class="fa fa-plus"></i></h1>
   <input type="text" placeholder="Add new todo">
   <ul>
-    <li><span>X </span>Buy A Potion</li>
-    <li><span>X </span>Buy New Roboe</li>
-    <li><span>X </span>Fight Dragon</li>
+    <li><span><i class="fa fa-trash"></i></span> Buy A Potion</li>
+    <li><span><i class="fa fa-trash"></i></span> Buy New Roboe</li>
+    <li><span><i class="fa fa-trash"></i></span> Fight Dragon</li>
   </ul>
 </div>
 
