diff --git a/css/default_style.css b/css/default_style.css
index 8dca10a5cba5a0520c232dbb8957cbd31e158380..cf87617f912bb24e25a6f874aeb37ab44e45e115 100755
--- a/css/default_style.css
+++ b/css/default_style.css
@@ -73,3 +73,14 @@ a:hover {
     margin-right: auto;
 }
 
+.subheader {
+    height: 15%;
+}
+.title {
+    float: left;
+}
+.title h1 {
+    text-align: left;
+    margin: 0;
+}
+
diff --git a/css/history.css b/css/history.css
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..c106793ff9d8a7f9749bab573337177e35162558 100755
--- a/css/history.css
+++ b/css/history.css
@@ -0,0 +1,9 @@
+.history_container {
+    margin-top: 10%;
+    height: 50%;
+    border: 1px solid red;
+}
+
+.history_container > * {
+	border: 1px solid red;
+}
\ No newline at end of file
diff --git a/css/profile.css b/css/profile.css
index 313eeceeaf64a3efb7dff46bef0347ea469f297f..7f8bf4f16d9505f526ec87acf8a3333dbd0f9e3e 100755
--- a/css/profile.css
+++ b/css/profile.css
@@ -2,16 +2,7 @@
     margin-top: 10%;
     height: 50%;
 }
-.subheader {
-    height: 15%;
-}
-.title {
-    float: left;
-}
-.title h1 {
-    text-align: left;
-    margin: 0;
-}
+
 .edit_profile_button {
     float: right;
     margin-top: 10px;
diff --git a/history/transaction_history.php b/history/transaction_history.php
new file mode 100644
index 0000000000000000000000000000000000000000..382bb296140efd35fbb4594c2649c3fd9e2e005b
--- /dev/null
+++ b/history/transaction_history.php
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<title>transaction history</title>
+	<link rel="stylesheet" type="text/css" href="../css/default_style.css">
+    <link rel="stylesheet" type="text/css" href="../css/history.css">
+    <link rel="stylesheet" type="text/css" href="../css/header.css">
+</head>
+<body>
+	<div class="frame">
+		<div class="header">
+			<?php
+                $user_id = $_GET['id'];
+                include '../database/dbconnect.php';
+                
+                $query=mysqli_query($con,"SELECT * FROM user WHERE user_id='".$user_id."'") or die(mysqli_error());
+                
+                if(mysqli_num_rows($query)!=0)
+                {
+                    $row=mysqli_fetch_assoc($query);
+                    $username = $row['username'];
+                    include("../template/header.php");
+                }
+                mysqli_close($con);
+            ?>
+		</div>
+		<div class="menu_container">
+            <?php include'../template/menu.php';?>
+        </div>
+        <div class="history_container">
+        	<div class="subheader">
+        		<div class="title"><h1>Transaction History</h1></div>
+        	</div>
+        </div>
+	</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/template/menu.php b/template/menu.php
index 076fde02b49f75e85f0d84a574dc7b7e673b0bcc..35d738d480e3156c2368ecea5b657d3f9b5c4ca6 100644
--- a/template/menu.php
+++ b/template/menu.php
@@ -5,7 +5,7 @@
 		<h3>ORDER</h3>
 	</div>
 	</a>
-	<a href="../history/history.php?id='. $user_id .'" name="history_link">
+	<a href="../history/transaction_history.php?id='. $user_id .'" name="history_link">
 	<div class="menu" id="history_link">
 		<h3>HISTORY</h3>
 	</div>