Merapikan layout secara umum

css/default_style.css

@@ -7,6 +7,7 @@ body {
     width: 360px;
     height: 550px;
 	margin: 50px auto;
+    padding: 5px 20px;
     padding-right: 20px;
     padding-left: 20px;
     border-top: 0.5px solid black;
@@ -80,14 +81,13 @@ a:hover {
 }
 
 .menu_container {
-    background-color: red; 
     width: 360px;
-    margin-left: auto;
-    margin-right: auto;
+    margin: 15px auto 5px auto;
 }
 
 .subheader {
     height: 15%;
+    margin-bottom: 10px;
 }
 .title {
     float: left;
@@ -112,3 +112,19 @@ a:hover {
     height: 100%;
     width: 100%;
 }
+
+ul.nav_bar {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    display: table;
+    width: inherit;
+}
+
+ul.nav_bar > li {
+    display: table-cell;
+}
+
+#main_nav_bar.nav_bar > li {
+}
\ No newline at end of file

css/header.css

@@ -23,3 +23,8 @@
     margin: 0 ;
     margin-top: 10px;
 }
+
+div.greeting a, div.greeting a:link, div.greeting a:visited {
+    color: blue;
+    text-decoration: underline;
+}

css/profile.css

 .profile_container {
-    margin-top: 10%;
     height: 50%;
 }
 

template/header.php

 <?php
     echo '<div class="logo">
-            <h1>OneHundred</h1>
+            <h1><span style="color: red;">One</span><span style="color: green;">Hundred</span></h1>
             <p>"An ojek for anything you need"</p></br>
             </div>
             <div class="greeting">

template/menu.php

 <?php
-    echo '
-    <a href="../order/select_location.php?id='. $user_id .'" name="order_link">
-	<div class="menu" id="order_link">
-		<h3>ORDER</h3>
-	</div>
-	</a>
-	<a href="../history/transaction_history.php?id='. $user_id .'" name="history_link">
-	<div class="menu" id="history_link">
-		<h3>HISTORY</h3>
-	</div>
-	</a>
-	<a href="../profile/profile.php?id='. $user_id .'" name="profile_link">
-	<div class="menu" id="profile_link">
-		<h3>MY PROFILE</h3>
-	</div>
-	</a>
-    ';
-?>
+	echo '
+	<ul id="main_nav_bar" class="nav_bar">
+		<li>
+			<a class="menu" id="order_link" href="../order/select_location.php?id='. $user_id .'" name="order_link">
+				<h3>ORDER</h3>
+			</a>
+		</li>
+		<li>
+			<a class="menu" id="history_link" href="../history/transaction_history.php?id='. $user_id .'" name="history_link">
+				<h3>HISTORY</h3>
+			</a>
+		</li>
+		<li>
+			<a class="menu" id = "profile_link" href="../profile/profile.php?id='. $user_id .'" name="profile_link">
+				<h3>MY PROFILE</h3>
+			</a>
+		</li>
+	</ul>';
+?>
\ No newline at end of file