diff --git a/css/history.css b/css/history.css index c86015ed7bf34d68e3db1a438c853a5cb38245ff..0154a7f0a6c9193f49132000bc3a762cd0b9aac6 100755 --- a/css/history.css +++ b/css/history.css @@ -105,4 +105,5 @@ img.history_pict { border-radius: 50%; display: inline; margin: 0; + } \ No newline at end of file diff --git a/history/driver_history.php b/history/driver_history.php index 5d2fe7d1029a520d6a5594ea19e4869addb7e066..a2812c70929ff1e27940b82dbd1452fd2af83cd3 100644 --- a/history/driver_history.php +++ b/history/driver_history.php @@ -44,6 +44,63 @@ </a> </li> </ul> + + <div id="history_table_container"> + <table class="history_table"> + <colgroup> + <col style="width: 20%;"> + <col style="width: 80%;"> + </colgroup> + + <tbody> + <tr> + <td> + <img class="history_pict" src="../img/default_profile.jpeg"> + </td> + <td class="history_column"> + <p class="history_date">tanggal</p> + <p class="history_username">Username</p> + <p class="history_loc">asal - tujuan</p> + <p class="history_rating">rating</p> + <p class="history_comment">You commented:</p> + <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + </p> + </td> + </tr> + <tr> + <td> + <img class="history_pict" src="../img/default_profile.jpeg"> + </td> + <td class="history_column"> + <p class="history_date">tanggal</p> + <p class="history_username">Username</p> + <p class="history_loc">asal - tujuan</p> + <p class="history_rating">rating</p> + <p class="history_comment">You commented:</p> + <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + </p> + </td> + </tr> + <tr> + <td> + <img class="history_pict" src="../img/default_profile.jpeg"> + </td> + <td class="history_column"> + <p class="history_date">tanggal</p> + <p class="history_username">Username</p> + <p class="history_loc">asal - tujuan</p> + <p class="history_rating">rating</p> + <p class="history_comment">You commented:</p> + <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + </p> + </td> + </tr> + </tbody> + </table> + </div> </div> </div> </body> diff --git a/history/transaction_history.php b/history/transaction_history.php index 73ca6f40e9da7dd59a61bb2c9e2aab33dd7f5cb2..ad3cd1f30492885e2e2e0db37bc660c3b7ff68da 100644 --- a/history/transaction_history.php +++ b/history/transaction_history.php @@ -44,6 +44,63 @@ </a> </li> </ul> + + <div id="history_table_container"> + <table class="history_table"> + <colgroup> + <col style="width: 20%;"> + <col style="width: 80%;"> + </colgroup> + + <tbody> + <tr> + <td> + <img class="history_pict" src="../img/default_profile.jpeg"> + </td> + <td class="history_column"> + <p class="history_date">tanggal</p> + <p class="history_username">Username</p> + <p class="history_loc">asal - tujuan</p> + <p class="history_rating">rating</p> + <p class="history_comment">You commented:</p> + <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + </p> + </td> + </tr> + <tr> + <td> + <img class="history_pict" src="../img/default_profile.jpeg"> + </td> + <td class="history_column"> + <p class="history_date">tanggal</p> + <p class="history_username">Username</p> + <p class="history_loc">asal - tujuan</p> + <p class="history_rating">rating</p> + <p class="history_comment">You commented:</p> + <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + </p> + </td> + </tr> + <tr> + <td> + <img class="history_pict" src="../img/default_profile.jpeg"> + </td> + <td class="history_column"> + <p class="history_date">tanggal</p> + <p class="history_username">Username</p> + <p class="history_loc">asal - tujuan</p> + <p class="history_rating">rating</p> + <p class="history_comment">You commented:</p> + <p class="history_comment" style="margin-left: 30px;">ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, + </p> + </td> + </tr> + </tbody> + </table> + </div> </div> </div> </body>