add card button and reskin search button

static_html/css/style.css

@@ -49,6 +49,7 @@ h1.logo a {
 	bottom: 13px;
 	right: 10px;
 	box-shadow: 4px 4px 4px #666;
+	border-radius: 5px;
 }
 
 .block-user-action ul,.block-user-action li {
@@ -67,6 +68,14 @@ h1.logo a {
 	padding-bottom: 10px;
 }
 
+.block-search .btn span {
+	margin-right: 7px;
+}
+
+.block-search .btn:hover {
+	color: #FFFF00;
+}
+
 .block-search .btn-default {
 	font-weight: bold;
 	text-transform: uppercase;

static_html/index.html

@@ -30,8 +30,10 @@
 				<div class="btn-group">
 					<a data-toggle="modal" href="#map-modal" class="btn btn-primary">
 						<span class="glyphicon glyphicon-user"></span> Login
-					</a> <a href="" class="btn btn-default last"> <span
+					</a> <a href="" class="btn btn-default"> <span
 						class="glyphicon glyphicon-hand-right"></span> Register
+					</a> <a href="" class="btn btn-danger last"> <span
+						class="glyphicon glyphicon-shopping-cart"></span> 0 item(s)
 					</a>
 				</div>
 			</div>
@@ -42,7 +44,8 @@
 			<input id="txt-keyword" type="text" class="form-control"
 				placeholder="Enter keywords" value=""> <span
 				class="input-group-btn"> <a id="btn-search"
-				class="btn btn-default" href="javascript:void(0)">Search</a>
+				class="btn btn-default" href="javascript:void(0)"><span
+					class="glyphicon glyphicon-search"></span>Search</a>
 			</span>
 		</div>
 	</div>