<!DOCTYPE html>
<html>
<head>
<title>History</title>
<link rel="stylesheet" href="css/history.css">
</head>
<body>
<div class="contentBox">
<div class="mainHeader">
<div class="header1">
<div class="title"><span class="title green">PR</span>-<span class=" title red">OJEK</span></div>
<div class="subtitle">wush... wush... ngeeeeeenggg...</div>
</div>
<div class="header2">
<div class="username">Hi, <span class="username bold">pikachu!</span></div>
<div class="logout">Logout</div>
</div>
</div>
<div>
<div class="menu">ORDER</div>
<div class="menu active">HISTORY</div>
<div class="menu">MY PROFILE</div>
</div>
<h1>TRANSACTION HISTORY</h1>
<div>
<div class="submenu active">MY PREVIOUS ORDERS</div>
<div class="submenu">DRIVER HISTORY</div>
</div>
<div class="listBox" id="lisbox1">
<img src="img/profile-placeholder.png" alt="profile image" class="thumbnail">
<button class="buttonHide" onclick="removeElement('lisbox1')">HIDE</button>
<div class="date">5 October 2017</div>
<div class="name">Elmo</div>
<div class="route">Magetan-Maospati</div>
<div class="rating">You rated: </div>
<div class="comment">
<div>You commented:
tralalalala senang sekali</div>
</div>
</div>
<div class="listBox" id="lisbox2">
<img src="img/profile-placeholder.png" alt="profile image" class="thumbnail">
<button class="buttonHide" onclick="removeElement('lisbox2')">HIDE</button>
<div class="date">3 October 2017</div>
<div class="name">Bert</div>
<div class="route">Magetan-Madiun</div>
<div class="rating">You rated:</div>
<div class="comment">You commented:</div>
</div>
</div>
<script src="js/history.js" type="text/javascript"></script>
</body>
</html>