frontend styling

Author: Chris Sevilleja

public/css/style.css

@@ -0,0 +1 @@
+#todo-list 				{ margin-bottom:30px; }

public/views/index.html

@@ -24,14 +24,47 @@
 			<div class="navbar-header">
 				<a class="navbar-brand" href="/">Todo-aholic</a>
 			</div>
-
-			<ul class="nav navbar-nav navbar-right">
-				<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
-				<li><a href="#about"><i class="fa fa-shield"></i> About</a></li>
-				<li><a href="#contact"><i class="fa fa-comment"></i> Contact</a></li>
-			</ul>
 		</div>
 	</nav>
 
+	<div class="container">
+		<div class="jumbotron text-center">
+			<h1>I'm a Todo-aholic</h1>
+			<p>9 things to do</p>
+		</div>
+
+		<div id="todo-list" class="row">
+			<div class="col-sm-4 col-sm-offset-4">
+				<div class="checkbox">
+					<label>
+						<input type="checkbox"> Check me out
+					</label>
+				</div>
+				<div class="checkbox">
+					<label>
+						<input type="checkbox"> Check me out
+					</label>
+				</div>
+				<div class="checkbox">
+					<label>
+						<input type="checkbox"> Check me out
+					</label>
+				</div>
+			</div>
+		</div>
+
+		<div id="todo-form" class="row">
+			<div class="col-sm-8 col-sm-offset-2 text-center">
+				<form>
+					<div class="form-group">
+						<input type="text" class="form-control input-lg text-center" placeholder="I want to buy a puppy that will love me forever">
+					</div>
+					<button type="submit" class="btn btn-primary btn-lg">Add</button>
+				</form>
+			</div>
+		</div>
+
+	</div>
+
 </body>
 </html>