diff --git a/index.html b/index.html
index 90c0676..79b63d8 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
 		<title>React • TodoMVC</title>
 		<link rel="stylesheet" href="base.css">
 		<link rel="stylesheet" href="index.css">
+		<link rel="stylesheet" href="style.css">
 	</head>
 	<body>
 		<section class="todoapp"></section>
diff --git a/js/todoItem.jsx b/js/todoItem.jsx
index a14493f..bcb07be 100644
--- a/js/todoItem.jsx
+++ b/js/todoItem.jsx
@@ -76,9 +76,18 @@ var app = app || {};
 		},
 
 		render: function () {
+			var prefix = this.props.todo.title.split(':');
+			var check = function (prefix) {
+				if (prefix.length > 1 && prefix[0] === 'work') {
+					return true
+				} else {
+					return false
+				}
+			}
 			return (
 				<li className={classNames({
-					completed: this.props.todo.completed,
+					workItem: check(prefix),
+					ompleted: this.props.todo.completed,
 					editing: this.props.editing
 				})}>
 					<div className="view">
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..1133406
--- /dev/null
+++ b/style.css
@@ -0,0 +1,3 @@
+.workItem {
+	border-left: 3px solid blue;
+} 
\ No newline at end of file
