first commit
This commit is contained in:
dev-chiefworks
Binary file not shown.
|
After Width: | Height: | Size: 673 B |
Binary file not shown.
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,6 @@
|
||||
/var/log/httpd/svrlayer_error_log:61075:[Wed Oct 23 06:41:57.911104 2019] [php7:notice] [pid 25825] [client 10.142.0.8:43436] Report::weeklySpending($db, $data) , referer: http://localhost/
|
||||
/var/log/httpd/svrlayer_error_log:67326:[Wed Oct 23 09:46:41.611104 2019] [php7:notice] [pid 1315] [client 10.142.0.8:44760] SELECT extract(dow from time) AS dow, round(0.01*sum(amount)/count(amount),2) AS spent, round(0.01*sum(amount),2) AS total FROM members_bankimport WHERE member_id=143 AND date_trunc('day', time) > (current_date - 8) AND date_trunc('day', time) < current_date GROUP BY dow ORDER BY dow, referer: http://localhost:8100/
|
||||
/var/log/httpd/error_log:71373:[Tue Oct 22 15:10:52.111045 2019] [core:notice] [pid 28555] AH00052: child pid 3905 exit signal Segmentation fault (11)
|
||||
/var/log/httpd/error_log:78061:[Tue Oct 22 15:23:22.671665 2019] [core:notice] [pid 28555] AH00052: child pid 11104 exit signal Segmentation fault (11)
|
||||
/var/log/httpd/error_log:89199:[Tue Oct 22 15:40:24.111048 2019] [core:notice] [pid 28555] AH00052: child pid 23053 exit signal Segmentation fault (11)
|
||||
/var/log/httpd/error_log:105396:[Tue Oct 22 16:05:24.111040 2019] [core:notice] [pid 28555] AH00052: child pid 8144 exit signal Segmentation fault (11)
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
# use /bin/bash to run commands, no matter what /etc/passwd says
|
||||
SHELL=/bin/bash
|
||||
# mail any output to `paul', no matter whose crontab this is
|
||||
MAILTO=olu@float.sg
|
||||
# run five minutes after midnight, every day
|
||||
5 0 * * * /home/savvy/backup.sh
|
||||
*/1 * * * * (cd /home/savvy/savvy/adminsavvy/CRONS/ && php -f account_record_import.php)
|
||||
*/2 * * * * (cd /home/savvy/savvy/adminsavvy/CRONS/ && php -f decision_generator.php)
|
||||
*/60 * * * * (cd /home/savvy/savvy/adminsavvy/CRONS/ && php -f member_tracking_duration.php)
|
||||
*/2 * * * * (cd /home/savvy/savvy/adminsavvy/CRONS/ && php -f account_audit.php)
|
||||
*/2 * * * * (cd /home/savvy/savvy/adminsavvy/CRONS/ && php -f points_audit.php)
|
||||
*/5 * * * * (cd /home/savvy/savvy/adminsavvy/CRONS/ && php -f gps_parsedemail_item_sync.php)
|
||||
*/60 * * * * (cd /home/savvy/savvy/adminsavvy/CRONS/ && php -f gps_parsedemail_item_sync_skipped.php)
|
||||
@@ -0,0 +1 @@
|
||||
<?php phpinfo();
|
||||
+107
@@ -0,0 +1,107 @@
|
||||
<?php
|
||||
|
||||
echo "[".date("Y-m-d H:i:s")."] GPS member_tracking_duration job is starting.\n";
|
||||
|
||||
require('../backend.php');
|
||||
|
||||
// We will not limit the SQL we will exhaust the allowed memory
|
||||
// we will process data in ${hard_limit} batches and hopefully catch up
|
||||
$hard_limit = 500000;
|
||||
// GPS coordinate precision to assume the same location
|
||||
$precision = 3;
|
||||
$id = 0;
|
||||
|
||||
$db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$connstr = "host=${db_host} port=${db_port} dbname=${db_name} user=${db_user} password=${db_pass}";
|
||||
$conn = pg_connect($connstr);
|
||||
|
||||
$q = 'select max(last_id) from members_tracking_duration';
|
||||
$r = pg_query($q);
|
||||
if ($r && pg_num_rows($r) && $f=pg_fetch_row($r)) {
|
||||
//$id = (int)$f[0];
|
||||
}
|
||||
echo "[".date("Y-m-d H:i:s")."] Last processed ID is ${id}\n";
|
||||
|
||||
/*
|
||||
0 - id
|
||||
1 - lat
|
||||
2 - lng
|
||||
3 - ttime
|
||||
4 - member_id
|
||||
5 - device_id
|
||||
6 - gps
|
||||
*/
|
||||
$q = "select id,round(lat,${precision}) as lat,round(lng,${precision}) as lng,ttime,member_id,device_id,gps ";
|
||||
$q.= " from members_tracking where id>${id} ";
|
||||
$q.= " and member_id=22"; // DEBUG!
|
||||
$q.= " order by member_id,device_id,ttime limit ${hard_limit}";
|
||||
echo "\n$q\n";
|
||||
$r = pg_query($q);
|
||||
|
||||
if ($r && pg_num_rows($r)) {
|
||||
echo "[".date("Y-m-d H:i:s")."] Records to process: ".pg_num_rows($r)."\n";
|
||||
} else {
|
||||
echo "[".date("Y-m-d H:i:s")."] No new records to process. Stop.\n";
|
||||
pg_close($conn);
|
||||
exit();
|
||||
}
|
||||
|
||||
echo "[".date("Y-m-d H:i:s")."] Processing";
|
||||
$first_data = NULL;
|
||||
$last_data = NULL;
|
||||
$pool_data = [];
|
||||
while ($f=pg_fetch_row($r)) {
|
||||
echo ".";
|
||||
if ($last_data!=NULL) {
|
||||
// member id
|
||||
if ($last_data[4]!=$f[4] || $last_data[5]!=$f[5] || // device_id
|
||||
$last_data[1]!=$f[1] || $last_data[2]!=$f[2]) { // gps coordinates
|
||||
// Process
|
||||
$q = "INSERT INTO members_tracking_duration (member_id,lat,lng,gps,first_id,last_id,first_time,last_time,duration,device_id) VALUES(";
|
||||
$q.= $last_data[4].",".$last_data[1].",".$last_data[2].","; // member_id,lat,lng
|
||||
$q.= "ST_SetSRID(ST_MakePoint(".$last_data[1].",".$last_data[2]."), 4326)::geography"; // GPS
|
||||
$q.= ",".$first_data[0].",".$last_data[0].",'".$first_data[3]."','".$last_data[3]."',"; // fist_id,last_id,first_time,last_time,duration
|
||||
$q.= "'".$last_data[3]."'::timestamp - '".$first_data[3]."'::timestamp,".($f[5]>0?$f[5]:"NULL").")"; // duration, device_id
|
||||
pg_query($q);
|
||||
//echo pg_last_error()."\n";
|
||||
$clear_data = [];
|
||||
foreach ($pool_data as $id) {
|
||||
if ($id!=$first_data[0] && $id!=$last_data[0]) {
|
||||
$clear_data[] = $id;
|
||||
}
|
||||
}
|
||||
if (count($clear_data)>0) {
|
||||
$q1 = "DELETE FROM members_tracking WHERE id IN (".implode(",",$clear_data).")";
|
||||
$r1 = pg_query($q1);
|
||||
if ($r1 && pg_affected_rows($r1)) {
|
||||
$q2 = "UPDATE members_tracking SET previous_id=".$first_data[0].",";
|
||||
$q2.= "distance=ST_Distance(gps,'".$first_data[6]."'::geometry),";
|
||||
$q2.= "duration=EXTRACT(epoch FROM ttime-'".$first_data[3]."'::timestamp)";
|
||||
$q2.= " WHERE previous_id IN (".implode(",",$clear_data).",".$last_data[0].")";
|
||||
$r2 = pg_query($q2);
|
||||
echo "\n${q2}\n";
|
||||
//echo pg_last_error()."\n";
|
||||
} else {
|
||||
echo "\n";
|
||||
echo "[".date("Y-m-d H:i:s")."] Failed - ".pg_last_error()."\n";
|
||||
echo "${q1}\n";
|
||||
}
|
||||
}
|
||||
$first_data = NULL;
|
||||
}
|
||||
}
|
||||
if ($first_data==NULL) {
|
||||
$first_data = $f;
|
||||
$pool_data = [];
|
||||
}
|
||||
$pool_data[] = $f[0]; // id
|
||||
$last_data = $f;
|
||||
}
|
||||
echo "\n";
|
||||
|
||||
pg_close($conn);
|
||||
echo "[".date("Y-m-d H:i:s")."] GPS member_tracking_duration job complete.\n";
|
||||
+107
@@ -0,0 +1,107 @@
|
||||
<?php
|
||||
|
||||
echo "[".date("Y-m-d H:i:s")."] GPS member_tracking_duration job is starting.\n";
|
||||
|
||||
require('../backend.php');
|
||||
|
||||
// We will not limit the SQL we will exhaust the allowed memory
|
||||
// we will process data in ${hard_limit} batches and hopefully catch up
|
||||
$hard_limit = 500000;
|
||||
// GPS coordinate precision to assume the same location
|
||||
$precision = 3;
|
||||
$id = 0;
|
||||
|
||||
$db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$connstr = "host=${db_host} port=${db_port} dbname=${db_name} user=${db_user} password=${db_pass}";
|
||||
$conn = pg_connect($connstr);
|
||||
|
||||
$q = 'select max(last_id) from members_tracking_duration';
|
||||
$r = pg_query($q);
|
||||
if ($r && pg_num_rows($r) && $f=pg_fetch_row($r)) {
|
||||
//$id = (int)$f[0];
|
||||
}
|
||||
echo "[".date("Y-m-d H:i:s")."] Last processed ID is ${id}\n";
|
||||
|
||||
/*
|
||||
0 - id
|
||||
1 - lat
|
||||
2 - lng
|
||||
3 - ttime
|
||||
4 - member_id
|
||||
5 - device_id
|
||||
6 - gps
|
||||
*/
|
||||
$q = "select id,round(lat,${precision}) as lat,round(lng,${precision}) as lng,ttime,member_id,device_id,gps ";
|
||||
$q.= " from members_tracking where id>${id} ";
|
||||
$q.= " and member_id<>22"; // DEBUG!
|
||||
$q.= " order by member_id,device_id,ttime limit ${hard_limit}";
|
||||
echo "\n$q\n";
|
||||
$r = pg_query($q);
|
||||
|
||||
if ($r && pg_num_rows($r)) {
|
||||
echo "[".date("Y-m-d H:i:s")."] Records to process: ".pg_num_rows($r)."\n";
|
||||
} else {
|
||||
echo "[".date("Y-m-d H:i:s")."] No new records to process. Stop.\n";
|
||||
pg_close($conn);
|
||||
exit();
|
||||
}
|
||||
|
||||
echo "[".date("Y-m-d H:i:s")."] Processing";
|
||||
$first_data = NULL;
|
||||
$last_data = NULL;
|
||||
$pool_data = [];
|
||||
while ($f=pg_fetch_row($r)) {
|
||||
echo ".";
|
||||
if ($last_data!=NULL) {
|
||||
// member id
|
||||
if ($last_data[4]!=$f[4] || $last_data[5]!=$f[5] || // device_id
|
||||
$last_data[1]!=$f[1] || $last_data[2]!=$f[2]) { // gps coordinates
|
||||
// Process
|
||||
$q = "INSERT INTO members_tracking_duration (member_id,lat,lng,gps,first_id,last_id,first_time,last_time,duration,device_id) VALUES(";
|
||||
$q.= $last_data[4].",".$last_data[1].",".$last_data[2].","; // member_id,lat,lng
|
||||
$q.= "ST_SetSRID(ST_MakePoint(".$last_data[1].",".$last_data[2]."), 4326)::geography"; // GPS
|
||||
$q.= ",".$first_data[0].",".$last_data[0].",'".$first_data[3]."','".$last_data[3]."',"; // fist_id,last_id,first_time,last_time,duration
|
||||
$q.= "'".$last_data[3]."'::timestamp - '".$first_data[3]."'::timestamp,".($f[5]>0?$f[5]:"NULL").")"; // duration, device_id
|
||||
pg_query($q);
|
||||
//echo pg_last_error()."\n";
|
||||
$clear_data = [];
|
||||
foreach ($pool_data as $id) {
|
||||
if ($id!=$first_data[0] && $id!=$last_data[0]) {
|
||||
$clear_data[] = $id;
|
||||
}
|
||||
}
|
||||
if (count($clear_data)>0) {
|
||||
$q1 = "DELETE FROM members_tracking WHERE id IN (".implode(",",$clear_data).")";
|
||||
$r1 = pg_query($q1);
|
||||
if ($r1 && pg_affected_rows($r1)) {
|
||||
$q2 = "UPDATE members_tracking SET previous_id=".$first_data[0].",";
|
||||
$q2.= "distance=ST_Distance(gps,'".$first_data[6]."'::geometry),";
|
||||
$q2.= "duration=EXTRACT(epoch FROM ttime-'".$first_data[3]."'::timestamp)";
|
||||
$q2.= " WHERE previous_id IN (".implode(",",$clear_data).",".$last_data[0].")";
|
||||
$r2 = pg_query($q2);
|
||||
echo "\n${q2}\n";
|
||||
//echo pg_last_error()."\n";
|
||||
} else {
|
||||
echo "\n";
|
||||
echo "[".date("Y-m-d H:i:s")."] Failed - ".pg_last_error()."\n";
|
||||
echo "${q1}\n";
|
||||
}
|
||||
}
|
||||
$first_data = NULL;
|
||||
}
|
||||
}
|
||||
if ($first_data==NULL) {
|
||||
$first_data = $f;
|
||||
$pool_data = [];
|
||||
}
|
||||
$pool_data[] = $f[0]; // id
|
||||
$last_data = $f;
|
||||
}
|
||||
echo "\n";
|
||||
|
||||
pg_close($conn);
|
||||
echo "[".date("Y-m-d H:i:s")."] GPS member_tracking_duration job complete.\n";
|
||||
@@ -0,0 +1,451 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 0.01</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">11 Jan 20 01:58 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Standard Taxi</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Fleet name:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Comfort & Citycab</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Tan Wah</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">eldon</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">ADR-11156753-9-108</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">2A Bayfront Avenue, Singapore, 018958 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">3C River Valley Road, Singapore, 179022</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Personal</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">Cash </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 0.01 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 0.01</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2F/1/0100016f90a55fb0-1032f1d5-d8c8-4f31-8479-0bcd7cb96818-000000/MzkmhxM1sQlh8KYnqiMDfLki4SY=144" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2Fhc%2Fen-sg%2Farticles%2F115005446908/1/0100016f90a55fb0-1032f1d5-d8c8-4f31-8479-0bcd7cb96818-000000/hbb064dbcRurJA7RwLdniYT5IMw=144" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.facebook.com%2FGrab/1/0100016f90a55fb0-1032f1d5-d8c8-4f31-8479-0bcd7cb96818-000000/cCsSyGuX0ifT_1wGixhVpE-Ku1s=144"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Ftwitter.com%2FGrabSG/1/0100016f90a55fb0-1032f1d5-d8c8-4f31-8479-0bcd7cb96818-000000/hcEq6DqZLDvSQ73Ng5l6BTenINc=144"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Finstagram.com%2FGrab_SG/1/0100016f90a55fb0-1032f1d5-d8c8-4f31-8479-0bcd7cb96818-000000/4q_jKRXETtXNkzpti9_dkAf2HUk=144"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.linkedin.com%2Fcompany%2Fgrabapp/1/0100016f90a55fb0-1032f1d5-d8c8-4f31-8479-0bcd7cb96818-000000/BKXBUcF3v_0yWs4182-ov0sE8UM=144"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<img alt="" src="http://v2dc3pjr.r.us-east-1.awstrack.me/I0/0100016f90a55fb0-1032f1d5-d8c8-4f31-8479-0bcd7cb96818-000000/nN1XWUAv_RW5tQUeqDXYOJ_420s=144" style="display: none; width: 1px; height: 1px;">
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,465 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 0.50</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">15 Jan 20 11:14 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare (Wait)</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Gue Tee Miang</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-223</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">1 Vista Exchange Green, Singapore, 138617</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 5.50 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 0.50</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;"><p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.grab.com%2Fsg%2Finsurance%2F%3Fnabe=5367729208426496%253A0/1/0100016fa7468567-febc68d4-5d61-47d7-abcf-11a5c2679b19-000000/zgHIW23cnyZGOc8rf-QZfPVmCZY=144" target="_blank">Learn more</a>.</p></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2F/1/0100016fa7468567-febc68d4-5d61-47d7-abcf-11a5c2679b19-000000/AC5JmFIOmPnTHPe664oPDa16bzc=144" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2Fhc%2Fen-sg%2Farticles%2F115005446908/1/0100016fa7468567-febc68d4-5d61-47d7-abcf-11a5c2679b19-000000/Cq-wcn6xnE5tN0vOkVg6bS3wPbc=144" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.facebook.com%2FGrab/1/0100016fa7468567-febc68d4-5d61-47d7-abcf-11a5c2679b19-000000/9WTcQdOQTx5hO1G7XXFa0nTIGx0=144"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Ftwitter.com%2FGrabSG/1/0100016fa7468567-febc68d4-5d61-47d7-abcf-11a5c2679b19-000000/GjkATtE2NTd47t2M3lemPU2vog8=144"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Finstagram.com%2FGrab_SG/1/0100016fa7468567-febc68d4-5d61-47d7-abcf-11a5c2679b19-000000/gb2DnPNCByRQfPDrm5i-RdD4c2c=144"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.linkedin.com%2Fcompany%2Fgrabapp/1/0100016fa7468567-febc68d4-5d61-47d7-abcf-11a5c2679b19-000000/NQxpinnsFsbhFbeR6V3-KJC9DLM=144"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<img alt="" src="http://v2dc3pjr.r.us-east-1.awstrack.me/I0/0100016fa7468567-febc68d4-5d61-47d7-abcf-11a5c2679b19-000000/qjrp3IAU4d3xmI0yxfSmooHdK88=144" style="display: none; width: 1px; height: 1px;">
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,465 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 0.50</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">21 Jan 20 11:41 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare (Wait)</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Billy James Tan</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-235</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">31 Lower Kent Ridge Road, Singapore, 119078</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 5.50 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 0.50</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;"><p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.grab.com%2Fsg%2Finsurance%2F%3Fnabe=5367729208426496%253A0/1/0100016fc6406197-509062bc-ba16-47ad-a282-ee120649abcf-000000/0VrrnBM2uNiN3TPNTs9X9eLi1Dg=145" target="_blank">Learn more</a>.</p></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2F/1/0100016fc6406197-509062bc-ba16-47ad-a282-ee120649abcf-000000/7ZCDtTMS4DmWpLFvLhUHYms87cI=145" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2Fhc%2Fen-sg%2Farticles%2F115005446908/1/0100016fc6406197-509062bc-ba16-47ad-a282-ee120649abcf-000000/u01kTyTj4UTwXrkCAEUp61F54KE=145" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.facebook.com%2FGrab/1/0100016fc6406197-509062bc-ba16-47ad-a282-ee120649abcf-000000/-cljaT3ae3TDRRcx21wPvF6VXJ4=145"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Ftwitter.com%2FGrabSG/1/0100016fc6406197-509062bc-ba16-47ad-a282-ee120649abcf-000000/d739_N01xb2V1PIUwzQwgrMK9Mc=145"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Finstagram.com%2FGrab_SG/1/0100016fc6406197-509062bc-ba16-47ad-a282-ee120649abcf-000000/2tQ9op-rwDlDai6ZOHFxKSVVG0E=145"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.linkedin.com%2Fcompany%2Fgrabapp/1/0100016fc6406197-509062bc-ba16-47ad-a282-ee120649abcf-000000/wfz8BbM2o9WXe2ht2pgQJ31GTyQ=145"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<img alt="" src="http://v2dc3pjr.r.us-east-1.awstrack.me/I0/0100016fc6406197-509062bc-ba16-47ad-a282-ee120649abcf-000000/cd46Ksok2AKziXBgbh3HDCk3TWo=145" style="display: none; width: 1px; height: 1px;">
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,465 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 0.50</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">23 Jan 20 08:26 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare (Wait)</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Lim Wei Leong (Lin Weilong)</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-239</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">5A Engineering Drive 1, Singapore, 117411</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 5.50 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 0.50</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;"><p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.grab.com%2Fsg%2Finsurance%2F%3Fnabe=5367729208426496%253A0/1/0100016fcfe1d569-719dc8b4-8985-4946-a36e-793a98e36de4-000000/jUKKJtc5f0t8Qlmt-Xemm2SeSgQ=146" target="_blank">Learn more</a>.</p></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2F/1/0100016fcfe1d569-719dc8b4-8985-4946-a36e-793a98e36de4-000000/cLdLoBqsLXNZV-GjfIgQnyqXIqg=146" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2Fhc%2Fen-sg%2Farticles%2F115005446908/1/0100016fcfe1d569-719dc8b4-8985-4946-a36e-793a98e36de4-000000/cETG3SRV_Q79jufR9ssFNMysiMs=146" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.facebook.com%2FGrab/1/0100016fcfe1d569-719dc8b4-8985-4946-a36e-793a98e36de4-000000/_-9NRUaAyHCOAS5AJmm1kiwdNh8=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Ftwitter.com%2FGrabSG/1/0100016fcfe1d569-719dc8b4-8985-4946-a36e-793a98e36de4-000000/0J8nnwt1A57Ur4iTnigcnpsNL0s=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Finstagram.com%2FGrab_SG/1/0100016fcfe1d569-719dc8b4-8985-4946-a36e-793a98e36de4-000000/7qM7-9pxfmpgTaJjSvcfqR4Z0ks=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.linkedin.com%2Fcompany%2Fgrabapp/1/0100016fcfe1d569-719dc8b4-8985-4946-a36e-793a98e36de4-000000/SfPH6Grfqit7BZzFCoLJb9JZmrE=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<img alt="" src="http://v2dc3pjr.r.us-east-1.awstrack.me/I0/0100016fcfe1d569-719dc8b4-8985-4946-a36e-793a98e36de4-000000/kZqDY_KOxxHl9hDlBZ1_9A94KiE=146" style="display: none; width: 1px; height: 1px;">
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,454 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 1.00</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">23 Jan 20 10:55 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">JustGrab</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Royce Ow Wee Yang</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Michael Per</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-2389807-9-101</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">29 Tanglin Road, Singapore, 247911 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">1 Orchard Boulevard, Singapore, 248649</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 6.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 1.00</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2F/1/0100016fd0595671-eb70f964-0246-485b-8220-d75addd738dc-000000/pDB8RYiBfX03rzOFRIM4DXLWOmU=146" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2Fhc%2Fen-sg%2Farticles%2F115005446908/1/0100016fd0595671-eb70f964-0246-485b-8220-d75addd738dc-000000/ddcfFXO3pqXE8LoRWjN4oa1K8jM=146" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.facebook.com%2FGrab/1/0100016fd0595671-eb70f964-0246-485b-8220-d75addd738dc-000000/7QPp2PXhWTUBTaPvsOIiAR4DTgw=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Ftwitter.com%2FGrabSG/1/0100016fd0595671-eb70f964-0246-485b-8220-d75addd738dc-000000/G82i0URyU7e71qPV2D4ybX25jQg=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Finstagram.com%2FGrab_SG/1/0100016fd0595671-eb70f964-0246-485b-8220-d75addd738dc-000000/QgUoSGnNG94LHDhDUlfdYFcojiY=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.linkedin.com%2Fcompany%2Fgrabapp/1/0100016fd0595671-eb70f964-0246-485b-8220-d75addd738dc-000000/7BGE0l8JI43iNM3HYjzO_kRaePs=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<img alt="" src="http://v2dc3pjr.r.us-east-1.awstrack.me/I0/0100016fd0595671-eb70f964-0246-485b-8220-d75addd738dc-000000/MAouPArjDSrb7AX8icX13MFGcZM=146" style="display: none; width: 1px; height: 1px;">
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,453 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 1.00</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">24 Nov 19 10:53 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabPet (beta)</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Lin Wenjing</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Yu Sheng Teo</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-2262776-8-410</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">423 Yishun Avenue 11, Singapore, 760423 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">1378 Ang Mo Kio Ave 1, Singapore, 569981</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">Visa 7438</span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 26.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 25.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 1.00</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,450 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no" />
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;} p { margin: 1em 0;} #outlook a { padding: 0;} body { width: 100% !important;} .ReadMsgBody { width: 100%;} .ExternalClass { width: 100%;} body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;} body { margin: 0; padding: 0;} img { font-family: "Trebuchet MS", Helvetica, sans-serif;} .border-left-desk { border-left:1px solid #C5C5C5; height:45px} @media only screen and (max-width: 480px) { .border-left-desk { display:none;} table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;} table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;} table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;} td[class=tdp5] { padding: 0px 5px !important;} td[class=td_pad] { width: 10px !important;} td[class=colsplit
|
||||
] { width: 100% !important; float: left !important;} td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;} td[class=per50] { width: 50% !important; float: left !important;} img[class=imgPer50] { width: 50% !important;} td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;} td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;} td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;} td[class=texC] { text-align: center !important; clear: both !important; } td[class=email_box] { width: 100% !important; float: left !important; } td[class=produceTd
|
||||
] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; } td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; } td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align:center !important; } td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align:center !important; } img[class=tel] { width: 100% !important; height: auto !important; } img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; } img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; } table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; } table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMob
|
||||
ile], span[class=showMobile] { display: block !important; } td[class=vspacer15], img[class=vspacer15] { width: 15px !important; } td[class=vspacer10], img[class=vspacer10] { width: 10px !important; } td[class=vspacer5], img[class=vspacer5] { width: 5px !important; } img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; } td[class=colsplit] { width: 100% !important; float: left !important; } td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; } table[class=tabCenter] { width: 100% !important; } /*---*/ } </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff">
|
||||
<!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td> <img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;" /> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride! </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br /> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 1.00</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br /> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">06 Apr 19 12:35 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">JustGrab</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">Tan Tuang Woo</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">Yu Sheng Teo</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-2262776-8-171</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold;">423 Yishun Avenue 11, Singapore, 760423 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">88 Bright Hill Road, Singapore, 574117</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span> </td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br /> <span style="font-weight:bold; color:#000000;">Visa 7438</span> </td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span> </td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;"> SGD 21.00 </span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">- SGD 20.00 </span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 1.00</span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="500px" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" class="noneMobile" width="10px"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="3" height="10" border="0"></td>
|
||||
<td valign="top" width="1px" bgcolor="#ffffff" class="noneMobile"></td>
|
||||
<td valign="top" class="noneMobile" width="10px"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="3" height="10" border="0"></td>
|
||||
<td width="243px" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666">
|
||||
<a target="_blank" href="https://www.grab.com/business-blog/business-news/business-profile/" style="font-size:12px; line-height:18px; font-weight: bold; color:#009d3b;">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="18%" align="left" valign="top"><img height="60px" src="https://s3-ap-southeast-1.amazonaws.com/myteksi/gpns/2019/01January/GFB-Business.png"></td>
|
||||
<td width="82%" align="left" valign="top">Separate Work and Play<br /> <span style="font-size:10px; font-weight: normal; line-height:16px; color:#666666;">Claiming business rides? Set up a separate Business Profile, sync receipts to your work email and expense provider. Click for set-up guide.<br /> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;">
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br /> <span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br /><br /> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a><!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </span>
|
||||
</td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"> <span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br /><br /> <a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a> <a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a> <a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.c
|
||||
om/email/img/icon-linkedin.png" target="_blank"/></a> <br /><br /> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,465 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 0.50</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">29 Jan 20 14:28 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare (Wait)</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Mazlan Bin Haji Ali</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-244</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">5A Engineering Drive 1, Singapore, 117411</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 5.50 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 0.50</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;"><p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.grab.com%2Fsg%2Finsurance%2F%3Fnabe=5367729208426496%253A0/1/0100016ff0103ee7-020b9b57-eb73-4c91-9791-376e86cc266f-000000/mdD48CHNX7iG71oe5M17XiMQhM4=146" target="_blank">Learn more</a>.</p></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2F/1/0100016ff0103ee7-020b9b57-eb73-4c91-9791-376e86cc266f-000000/zBOt36Rwcociwz0MMcAl4-rl0JI=146" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2Fhc%2Fen-sg%2Farticles%2F115005446908/1/0100016ff0103ee7-020b9b57-eb73-4c91-9791-376e86cc266f-000000/lnfCvQQ2tf8z9JYSJ2NQq1gLR4U=146" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.facebook.com%2FGrab/1/0100016ff0103ee7-020b9b57-eb73-4c91-9791-376e86cc266f-000000/Pm2DYqYzP7ev8IsnYKdUctHmeCU=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Ftwitter.com%2FGrabSG/1/0100016ff0103ee7-020b9b57-eb73-4c91-9791-376e86cc266f-000000/oRkkcxsQTHMpjVug1ysjVCzLK04=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Finstagram.com%2FGrab_SG/1/0100016ff0103ee7-020b9b57-eb73-4c91-9791-376e86cc266f-000000/S4tJ1UxNxk5hXhB-CgsYeOxikzs=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.linkedin.com%2Fcompany%2Fgrabapp/1/0100016ff0103ee7-020b9b57-eb73-4c91-9791-376e86cc266f-000000/0fRD0fsmPc80v35G5gl1MC1bm-M=146"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<img alt="" src="http://v2dc3pjr.r.us-east-1.awstrack.me/I0/0100016ff0103ee7-020b9b57-eb73-4c91-9791-376e86cc266f-000000/GZU2WVXfl01g_GOTq6eQhL0JmIA=146" style="display: none; width: 1px; height: 1px;">
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,468 @@
|
||||
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no" />
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;} p { margin: 1em 0;} #outlook a { padding: 0;} body { width: 100% !important;} .ReadMsgBody { width: 100%;} .ExternalClass { width: 100%;} body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;} body { margin: 0; padding: 0;} img { font-family: "Trebuchet MS", Helvetica, sans-serif;} .border-left-desk { border-left:1px solid #C5C5C5; height:45px} @media only screen and (max-width: 480px) { .border-left-desk { display:none;} table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;} table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;} table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;} td[class=tdp5] { padding: 0px 5px !important;} td[class=td_pad] { width: 10px !important;} td[class=colsplit
|
||||
] { width: 100% !important; float: left !important;} td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;} td[class=per50] { width: 50% !important; float: left !important;} img[class=imgPer50] { width: 50% !important;} td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;} td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;} td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;} td[class=texC] { text-align: center !important; clear: both !important; } td[class=email_box] { width: 100% !important; float: left !important; } td[class=produceTd
|
||||
] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; } td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; } td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align:center !important; } td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align:center !important; } img[class=tel] { width: 100% !important; height: auto !important; } img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; } img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; } table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; } table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMob
|
||||
ile], span[class=showMobile] { display: block !important; } td[class=vspacer15], img[class=vspacer15] { width: 15px !important; } td[class=vspacer10], img[class=vspacer10] { width: 10px !important; } td[class=vspacer5], img[class=vspacer5] { width: 5px !important; } img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; } td[class=colsplit] { width: 100% !important; float: left !important; } td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; } table[class=tabCenter] { width: 100% !important; } /*---*/ } </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff">
|
||||
<!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td> <img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;" /> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride! </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br /> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 0.50</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br /> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">09 Jun 19 15:49 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">Mohamed Redzuan Bin Hussin</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">Yong Sheng</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-0668332-8-419</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold;">461B Bukit Batok West Avenue 8, Singapore, 652461 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">ION Orchard Mall, 2 Orchard Turn, Singapore 238801</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span> </td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span> </td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;"> SGD 10.50 </span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">- SGD 10.00 </span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 0.50</span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;">
|
||||
<p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://www.grab.com/sg/insurance/?nabe=5367729208426496%3A0" target="_blank">Learn more</a>.</p>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="500px" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" class="noneMobile" width="10px"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="3" height="10" border="0"></td>
|
||||
<td valign="top" width="1px" bgcolor="#ffffff" class="noneMobile"></td>
|
||||
<td valign="top" class="noneMobile" width="10px"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="3" height="10" border="0"></td>
|
||||
<td width="243px" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666">
|
||||
<a target="_blank" href="https://www.grab.com/business-blog/business-news/business-profile/" style="font-size:12px; line-height:18px; font-weight: bold; color:#009d3b;">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="18%" align="left" valign="top"><img height="60px" src="https://s3-ap-southeast-1.amazonaws.com/myteksi/gpns/2019/01January/GFB-Business.png"></td>
|
||||
<td width="82%" align="left" valign="top">Separate Work and Play<br /> <span style="font-size:10px; font-weight: normal; line-height:16px; color:#666666;">Claiming business rides? Set up a separate Business Profile, sync receipts to your work email and expense provider. Click for set-up guide.<br /> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;">
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br /> <span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br /><br /> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a><!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </span>
|
||||
</td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"> <span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br /><br /> <a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a> <a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a> <a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.c
|
||||
om/email/img/icon-linkedin.png" target="_blank"/></a> <br /><br /> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,450 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no" />
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;} p { margin: 1em 0;} #outlook a { padding: 0;} body { width: 100% !important;} .ReadMsgBody { width: 100%;} .ExternalClass { width: 100%;} body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;} body { margin: 0; padding: 0;} img { font-family: "Trebuchet MS", Helvetica, sans-serif;} .border-left-desk { border-left:1px solid #C5C5C5; height:45px} @media only screen and (max-width: 480px) { .border-left-desk { display:none;} table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;} table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;} table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;} td[class=tdp5] { padding: 0px 5px !important;} td[class=td_pad] { width: 10px !important;} td[class=colsplit
|
||||
] { width: 100% !important; float: left !important;} td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;} td[class=per50] { width: 50% !important; float: left !important;} img[class=imgPer50] { width: 50% !important;} td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;} td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;} td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;} td[class=texC] { text-align: center !important; clear: both !important; } td[class=email_box] { width: 100% !important; float: left !important; } td[class=produceTd
|
||||
] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; } td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; } td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align:center !important; } td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align:center !important; } img[class=tel] { width: 100% !important; height: auto !important; } img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; } img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; } table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; } table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMob
|
||||
ile], span[class=showMobile] { display: block !important; } td[class=vspacer15], img[class=vspacer15] { width: 15px !important; } td[class=vspacer10], img[class=vspacer10] { width: 10px !important; } td[class=vspacer5], img[class=vspacer5] { width: 5px !important; } img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; } td[class=colsplit] { width: 100% !important; float: left !important; } td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; } table[class=tabCenter] { width: 100% !important; } /*---*/ } </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff">
|
||||
<!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td> <img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;" /> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride! </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br /> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 1.00</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br /> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">24 Feb 19 12:41 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"> </td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">JustGrab</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">Sheith Yusof Bin Sheith Ibrahim</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">Yong Sheng</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-0668332-8-269</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold;">51 Upper Bukit Timah Road, Singapore, 588215 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">461B Bukit Batok West Avenue 8, Singapore, 652461</span> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br /> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span> </td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br /> <span style="font-weight:bold; color:#000000;">GrabPay Credits </span> </td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span> </td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;"> SGD 11.00 </span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:11px; color:#000000; line-height:18px;">- SGD 10.00 </span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span> </td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"> <span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 1.00</span> </td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="500px" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" class="noneMobile" width="10px"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="3" height="10" border="0"></td>
|
||||
<td valign="top" width="1px" bgcolor="#ffffff" class="noneMobile"></td>
|
||||
<td valign="top" class="noneMobile" width="10px"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="3" height="10" border="0"></td>
|
||||
<td width="243px" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666">
|
||||
<a target="_blank" href="https://www.grab.com/business-blog/business-news/business-profile/" style="font-size:12px; line-height:18px; font-weight: bold; color:#009d3b;">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="18%" align="left" valign="top"><img height="60px" src="https://s3-ap-southeast-1.amazonaws.com/myteksi/gpns/2019/01January/GFB-Business.png"></td>
|
||||
<td width="82%" align="left" valign="top">Separate Work and Play<br /> <span style="font-size:10px; font-weight: normal; line-height:16px; color:#666666;">Claiming business rides? Set up a separate Business Profile, sync receipts to your work email and expense provider. Click for set-up guide.<br /> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"> </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;">
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br /> <span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br /><br /> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a><!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </span>
|
||||
</td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"> <span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br /><br /> <a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a> <a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a> <a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.c
|
||||
om/email/img/icon-linkedin.png" target="_blank"/></a> <br /><br /> </td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,464 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 0.50</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">08 Nov 19 19:59 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ang Hoe Cheong</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Karim sumilo</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">ADR-1069501-9-031</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">3D Upper Boon Keng Road, Singapore, 384003 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">5 Bedok Reservoir View, Singapore, 478928</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Personal</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">Visa 6024</span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 8.50 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 8.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 0.50</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;"><p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://www.grab.com/sg/insurance/?nabe=5367729208426496%3A0" target="_blank">Learn more</a>.</p></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,487 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 2.50</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">04 Sep 19 09:23 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ong Gim Hua</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-125</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">5A Engineering Drive 1, Singapore, 117411</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 7.50 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 2.50</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;"><p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://www.grab.com/sg/insurance/?nabe=5367729208426496%3A0" target="_blank">Learn more</a>.</p></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="500px" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td width="243px" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666">
|
||||
<a target="_blank" href="https://grab.onelink.me/2695613898?pid=EDM&c=SG_Subscriptions&is_retargeting=true&af_dp=grab%3A%2F%2Fopen%3FscreenType%3DALLSUBSCRIPTIONS&af_web_dp=https%3A%2F%2Fwww.grab.com%2Fsg%2Fsubscriptions%2F" style="font-size:11px; line-height:18px; font-weight: bold; color:#009d3b; text-decoration:none;">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="18%" align="left" valign="top"><img height="60px" src="https://s3-ap-southeast-1.amazonaws.com/myteksi/gpns/2019/04April/x4.png"></td>
|
||||
<td width="82%" align="left" valign="top">
|
||||
Did you know?<br><i>You can save $21 a month on your rides with Grab Subscription Plans.</i><br/>
|
||||
<span style="font-size:10px; font-weight: normal; line-height:16px; color:#666666;">Subscribe to the Commute Plan (Lite) to enjoy guaranteed savings on your Grab rides. Click here for more information.<br/></span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </span> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,487 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 0.50</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">23 Aug 19 07:31 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Cheong Sow Fah</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-116</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Kent Ridge Drive, Singapore 119246</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 5.50 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 0.50</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;"><p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://www.grab.com/sg/insurance/?nabe=5367729208426496%3A0" target="_blank">Learn more</a>.</p></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="500px" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td width="243px" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666">
|
||||
<a target="_blank" href="https://grab.onelink.me/2695613898?pid=EDM&c=SG_Subscriptions&is_retargeting=true&af_dp=grab%3A%2F%2Fopen%3FscreenType%3DALLSUBSCRIPTIONS&af_web_dp=https%3A%2F%2Fwww.grab.com%2Fsg%2Fsubscriptions%2F" style="font-size:11px; line-height:18px; font-weight: bold; color:#009d3b; text-decoration:none;">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="18%" align="left" valign="top"><img height="60px" src="https://s3-ap-southeast-1.amazonaws.com/myteksi/gpns/2019/04April/x4.png"></td>
|
||||
<td width="82%" align="left" valign="top">
|
||||
Did you know?<br><i>You can save $21 a month on your rides with Grab Subscription Plans.</i><br/>
|
||||
<span style="font-size:10px; font-weight: normal; line-height:16px; color:#666666;">Subscribe to the Commute Plan (Lite) to enjoy guaranteed savings on your Grab rides. Click here for more information.<br/></span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </span> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,803 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/xhtml">
|
||||
<!-- FILE: html_start.html.mako -->
|
||||
<!-- FILE: head.html.mako -->
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
|
||||
<!-- See the README file for an explanation of this media hack -->
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
/* This is the ink framework media query section */
|
||||
@media only screen and (max-width: 655px) {
|
||||
|
||||
table[class="body"] center {
|
||||
min-width: 0 !important;
|
||||
}
|
||||
|
||||
table[class="body"] .container {
|
||||
width: 95% !important;
|
||||
}
|
||||
|
||||
table[class="body"] .row {
|
||||
width: 100% !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
table[class="body"] .wrapper {
|
||||
display: block !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
|
||||
table[class="body"] .columns,
|
||||
table[class="body"] .column {
|
||||
table-layout: fixed !important;
|
||||
float: none !important;
|
||||
width: 100% !important;
|
||||
padding-right: 0px !important;
|
||||
padding-left: 0px !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
table[class="body"] .wrapper.first .columns,
|
||||
table[class="body"] .wrapper.first .column {
|
||||
display: table !important;
|
||||
}
|
||||
|
||||
table[class="body"] table.columns td,
|
||||
table[class="body"] table.column td {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
table[class="body"] td.offset-by-one,
|
||||
table[class="body"] td.offset-by-two,
|
||||
table[class="body"] td.offset-by-three,
|
||||
table[class="body"] td.offset-by-four,
|
||||
table[class="body"] td.offset-by-five,
|
||||
table[class="body"] td.offset-by-six,
|
||||
table[class="body"] td.offset-by-seven,
|
||||
table[class="body"] td.offset-by-eight,
|
||||
table[class="body"] td.offset-by-nine,
|
||||
table[class="body"] td.offset-by-ten,
|
||||
table[class="body"] td.offset-by-eleven {
|
||||
padding-left: 0 !important;
|
||||
}
|
||||
|
||||
table[class="body"] .expander {
|
||||
width: 9999px !important;
|
||||
}
|
||||
|
||||
table[class="body"] .right-text-pad,
|
||||
table[class="body"] .text-pad-right {
|
||||
padding-left: 10px !important;
|
||||
}
|
||||
|
||||
table[class="body"] .left-text-pad,
|
||||
table[class="body"] .text-pad-left {
|
||||
padding-right: 10px !important;
|
||||
}
|
||||
|
||||
table[class="body"] .hide-for-small,
|
||||
table[class="body"] .show-for-desktop {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
table[class="body"] .show-for-small,
|
||||
table[class="body"] .hide-for-desktop {
|
||||
display: inherit !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media print
|
||||
{
|
||||
.no-print-background
|
||||
{
|
||||
background: initial !important;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
|
||||
<style>
|
||||
|
||||
@media only screen and (max-width: 665px) {
|
||||
.header.not-grid, .main{
|
||||
margin: 0 auto !important;
|
||||
width: 304px !important;
|
||||
}
|
||||
.header.not-grid{
|
||||
width: 100% !important;
|
||||
}
|
||||
.two-up td {
|
||||
width: 100% !important;
|
||||
}
|
||||
.address {
|
||||
display: block !important;
|
||||
}
|
||||
/* Scale each td to the full width below 600px */
|
||||
table[class="container"] .block-grid td {
|
||||
width: 100% !important;
|
||||
}
|
||||
/* When we actually want tabular data, don't scale it */
|
||||
table[class="container"] .block-grid td table.not-grid td {
|
||||
width: auto !important;
|
||||
}
|
||||
.header-greeting{
|
||||
text-align: center !important;
|
||||
}
|
||||
.header-price{
|
||||
text-align: center !important;
|
||||
padding: 20px 0 0 0 !important;
|
||||
}
|
||||
.header-greeting .header-text{
|
||||
padding-right: 0 !important;
|
||||
line-height: 21px !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
.header-greeting img{
|
||||
float: none !important;
|
||||
margin: 0 0 -7px 0 !important;
|
||||
}
|
||||
.block-grid td.header-greeting{
|
||||
padding: 5px 0 20px 0 !important;
|
||||
}
|
||||
.header-fare{
|
||||
padding-left: 0 !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
.block-grid td.trip-info{
|
||||
padding-left: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.route-map, .trip-box{
|
||||
width: 100% !important;
|
||||
height: auto !important;
|
||||
border-right: 0 !important;
|
||||
border-left: 0 !important;
|
||||
}
|
||||
.trip-info-table{
|
||||
width: 100% !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
table[class="container"] .block-grid td.stats-holder{
|
||||
width: 310px !important;
|
||||
}
|
||||
.block-grid td.trip-info{
|
||||
padding-top: 0 !important;
|
||||
}
|
||||
.block-grid td.fare-details{
|
||||
padding: 0 !important;
|
||||
}
|
||||
.breakdown{
|
||||
padding: 10px 22px 40px 22px !important;
|
||||
}
|
||||
table[class="container"] .block-grid table.not-grid td.driver-photo{
|
||||
width: 100% !important;
|
||||
display: inline-block !important;
|
||||
text-align: center !important;
|
||||
padding-bottom: 5px !important;
|
||||
}
|
||||
.driver-photo img{
|
||||
float: none !important;
|
||||
}
|
||||
table[class="container"] .block-grid td table.not-grid td.vertical-line {
|
||||
width: 12px !important;
|
||||
}
|
||||
.trip-box.bottom{
|
||||
-webkit-border-radius: 0 !important;
|
||||
-moz-border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
table.driver-info-table {
|
||||
display: inline-table !important;
|
||||
}
|
||||
table[class="container"] .block-grid table.not-grid td.driver-info{
|
||||
display: inline-block !important;
|
||||
width: 100% !important;
|
||||
padding: 0 !important;
|
||||
text-align: center !important;
|
||||
}
|
||||
.block-grid td.driver-area{
|
||||
padding: 0 0 15px !important;
|
||||
background: #fafafa !important;
|
||||
border-bottom: 1px solid #f0f0f0 !important;
|
||||
}
|
||||
.block-grid td.driver-area .not-grid {
|
||||
width: 100% !important;
|
||||
}
|
||||
.block-grid td.rating-area{
|
||||
text-align: center !important;
|
||||
background: #fafafa !important;
|
||||
padding: 25px 0 !important;
|
||||
line-height: 25px;
|
||||
-webkit-border-radius: 0 0 3px 3px;
|
||||
-moz-border-radius: 0 0 3px 3px;
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
.fare-details {
|
||||
width: 100% !important;
|
||||
}
|
||||
.etd-full-width {
|
||||
width: 302px !important;
|
||||
}
|
||||
.rating-area img{
|
||||
float: none !important;
|
||||
margin: 0 5px !important;
|
||||
}
|
||||
.rate-text{
|
||||
display: block !important;
|
||||
text-align: center !important;
|
||||
padding: 0 !important;
|
||||
}
|
||||
.rating-table{
|
||||
padding: 10px 0px 13px 0px !important;
|
||||
}
|
||||
table.rating-table tr.rating-note-section {
|
||||
text-align: center !important;
|
||||
}
|
||||
table.rating-table td.rating-note {
|
||||
padding: 0 !important;
|
||||
}
|
||||
.bottom-box, .bottom-box.first{
|
||||
padding-left: 0 !important;
|
||||
margin: 0 !important;
|
||||
padding-right: 0 !important;
|
||||
}
|
||||
.compliance-item{
|
||||
text-align: center !important;
|
||||
}
|
||||
.bottom-box.first{
|
||||
padding: 50px 0 25px !important;
|
||||
}
|
||||
.bottom-box .help-photo img, .bottom-box .share-photo img{
|
||||
margin: 0 10px 0 2px !important;
|
||||
}
|
||||
.block-grid, .header.not-grid {
|
||||
max-width: 304px !important;
|
||||
margin: 0 auto !important;
|
||||
}
|
||||
.driver-photo img.user-photo{
|
||||
margin: 0 !important;
|
||||
}
|
||||
.address{
|
||||
line-height: 12px !important;
|
||||
}
|
||||
.block-grid td.time-section {
|
||||
line-height: 16px !important;
|
||||
}
|
||||
.block-grid .bottom-box.first td.help-info {
|
||||
border: 0 !important;
|
||||
}
|
||||
tr.share-section td.med-width{
|
||||
width: 60% !important;
|
||||
padding-top: 5px !important;
|
||||
}
|
||||
img.share-icons{
|
||||
padding: 3px 3px 0 12px !important;
|
||||
}
|
||||
.bottom-box .not-grid td.share-photo {
|
||||
width: 25px !important;
|
||||
}
|
||||
.block-grid td.header-price {
|
||||
-webkit-border-radius: 3px 3px 0 0 !important;
|
||||
-moz-border-radius: 3px 3px 0 0 !important;
|
||||
border-radius: 3px 3px 0 0 !important;
|
||||
}
|
||||
.block-grid td.header-price, .block-grid td.header-greeting{
|
||||
background: #fff !important;
|
||||
}
|
||||
.block-grid table .not-grid.breakdown-title{
|
||||
width: 100% !important;
|
||||
}
|
||||
.bottom-box .not-grid td.help-photo{
|
||||
width: 50px !important;
|
||||
}
|
||||
table[class="container"] .block-grid td table.not-grid td.fare-header{
|
||||
width: 120px !important;
|
||||
}
|
||||
table.rating-table tr.rating-section {
|
||||
text-align: center !important;
|
||||
}
|
||||
.rating-wrap{
|
||||
width: 100% !important;
|
||||
}
|
||||
table.rating-table .star-td-section {
|
||||
text-align: center !important;
|
||||
}
|
||||
.banner-td{
|
||||
border-bottom: 0;
|
||||
border-top: 1px solid #F0F0F0;
|
||||
}
|
||||
.banner-td img.return-warning-icon {
|
||||
margin-top: 0 !important;
|
||||
}
|
||||
table[class="container"] .block-grid td table td.banner-left{
|
||||
width: inherit !important;
|
||||
padding: 10px !important;
|
||||
line-height: 16px !important;
|
||||
}
|
||||
table[class="container"] .block-grid td table td.banner-image{
|
||||
padding-right: 8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Non-media query hacks */
|
||||
|
||||
/* Override style for time/addresses in iOS */
|
||||
.time a{
|
||||
text-decoration: none !important;
|
||||
color: #000000 !important;
|
||||
}
|
||||
.address a, .issued a {
|
||||
color: #959595 !important;
|
||||
text-decoration: none;
|
||||
}
|
||||
/* Override banner arrears anchor tag color */
|
||||
.banner-arrears a, .banner-arrears a:visited{
|
||||
color: #FFFFFF !important;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
</head>
|
||||
<!-- FILE: body_start.html.mako -->
|
||||
<body class="background no-print-background" style="width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; color: #222222; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: normal; text-align: left; line-height: 19px; font-size: 14px; background-image: url(http://uber-static.s3.amazonaws.com/receipt-new/grid_dark.png); background-color: #111125; margin: 0; padding: 0;" bgcolor="#111125"><style type="text/css">
|
||||
a:hover { color: #2795b6 !important; }
|
||||
a:active { color: #2795b6 !important; }
|
||||
a:visited { color: #2ba6cb !important; }
|
||||
h1 a:active { color: #2ba6cb !important; }
|
||||
h2 a:active { color: #2ba6cb !important; }
|
||||
h3 a:active { color: #2ba6cb !important; }
|
||||
h4 a:active { color: #2ba6cb !important; }
|
||||
h5 a:active { color: #2ba6cb !important; }
|
||||
h6 a:active { color: #2ba6cb !important; }
|
||||
h1 a:visited { color: #2ba6cb !important; }
|
||||
h2 a:visited { color: #2ba6cb !important; }
|
||||
h3 a:visited { color: #2ba6cb !important; }
|
||||
h4 a:visited { color: #2ba6cb !important; }
|
||||
h5 a:visited { color: #2ba6cb !important; }
|
||||
h6 a:visited { color: #2ba6cb !important; }
|
||||
table.button:hover td { background: #2795b6 !important; }
|
||||
table.button:visited td { background: #2795b6 !important; }
|
||||
table.button:active td { background: #2795b6 !important; }
|
||||
table.button:hover td a { color: #fff !important; }
|
||||
table.button:visited td a { color: #fff !important; }
|
||||
table.button:active td a { color: #fff !important; }
|
||||
table.button:hover td { background: #2795b6 !important; }
|
||||
table.tiny-button:hover td { background: #2795b6 !important; }
|
||||
table.small-button:hover td { background: #2795b6 !important; }
|
||||
table.medium-button:hover td { background: #2795b6 !important; }
|
||||
table.large-button:hover td { background: #2795b6 !important; }
|
||||
table.button:hover td a { color: #ffffff !important; }
|
||||
table.button:active td a { color: #ffffff !important; }
|
||||
table.button td a:visited { color: #ffffff !important; }
|
||||
table.tiny-button:hover td a { color: #ffffff !important; }
|
||||
table.tiny-button:active td a { color: #ffffff !important; }
|
||||
table.tiny-button td a:visited { color: #ffffff !important; }
|
||||
table.small-button:hover td a { color: #ffffff !important; }
|
||||
table.small-button:active td a { color: #ffffff !important; }
|
||||
table.small-button td a:visited { color: #ffffff !important; }
|
||||
table.medium-button:hover td a { color: #ffffff !important; }
|
||||
table.medium-button:active td a { color: #ffffff !important; }
|
||||
table.medium-button td a:visited { color: #ffffff !important; }
|
||||
table.large-button:hover td a { color: #ffffff !important; }
|
||||
table.large-button:active td a { color: #ffffff !important; }
|
||||
table.large-button td a:visited { color: #ffffff !important; }
|
||||
table.secondary:hover td { background: #d0d0d0 !important; color: #555 !important; }
|
||||
table.secondary:hover td a { color: #555 !important; }
|
||||
table.secondary td a:visited { color: #555 !important; }
|
||||
table.secondary:active td a { color: #555 !important; }
|
||||
table.success:hover td { background: #457a1a !important; }
|
||||
table.alert:hover td { background: #970b0e !important; }
|
||||
.time a:visited { font-size: 15px !important; font-weight: 500 !important; color: #000000 !important; }
|
||||
.address a:visited { font-size: 11px !important; color: #999999 !important; line-height: 16px !important; text-decoration: none !important; }
|
||||
.block-grid td.help-info .issued a:visited { font-size: 11px !important; text-decoration: underline !important; color: #b2b2b2 !important; }
|
||||
.driver-header-text a:visited { text-decoration: underline !important; color: #1fbad6 !important; }
|
||||
.driver-signup-link:hover { cursor: pointer !important; }
|
||||
></style>
|
||||
<table class="body" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; height: 100%; width: 100%; color: #222222; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: normal; line-height: 19px; font-size: 14px; margin: 0; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="center" align="center" valign="top" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; padding: 0;">
|
||||
<center style="width: 100%; min-width: 580px;">
|
||||
|
||||
<!-- FILE: content_start.html.mako -->
|
||||
<table class="container" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 660px; margin: 0 auto; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; padding: 0;" align="left" valign="top">
|
||||
|
||||
<!-- FILE: banner.html.mako -->
|
||||
<table class="header not-grid" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 640px; margin: 0 10px; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="logo" width="127" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; padding: 28px 0;" align="left" valign="top">
|
||||
<img width="127" height="19" id="cid_uber_logo" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/logo-updated-white.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block;" align="left" />
|
||||
</td>
|
||||
<td class="date-section" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: table-cell; font-size: 11px; color: #999999; line-height: 15px; text-transform: uppercase; padding: 30px 0 26px;" align="right" valign="top">
|
||||
<span class="date">16 September 2016</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table class="block-grid main" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 640px; max-width: 640px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.20); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.20); background-color: #ffffff; margin: 0 10px; padding: 0;" bgcolor="#ffffff">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="no-padding full-width" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 100%; padding: 0;" align="left" valign="top">
|
||||
|
||||
<!-- Header and fare -->
|
||||
|
||||
<table class="block-grid two-up divider header-table" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; max-width: 640px; border-bottom-width: 1px; border-bottom-color: #E3E3E3; border-bottom-style: solid; padding: 0;">
|
||||
<tr class="grey" style="vertical-align: top; text-align: left; width: 100%; background-color: rgb(250,250,250); padding: 0;" align="left" bgcolor="rgb(250,250,250)">
|
||||
|
||||
<td class="header-price" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 299px; -webkit-border-radius: 3px 0 0 0; -moz-border-radius: 3px 0 0 0; border-radius: 3px 0 0 0; background-color: #FAFAFA; padding: 26px 10px 20px;" align="left" bgcolor="#FAFAFA" valign="top">
|
||||
<span class="header-fare text-pad" style="font-weight: bold; font-size: 32px; color: #000; line-height: 30px; padding-left: 15px;">
|
||||
SGD48.27
|
||||
</span>
|
||||
<span><img class="surge-image" width="13" height="17" id="cid_surge" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/surge.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: none; clear: none; display: inline;" align="none" /></span>
|
||||
<!-- There cannot be a new line between these tds or some clients (e.g gecko based) freak out-->
|
||||
</td><td class="pull-right header-greeting" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: inline-block; width: 299px; -webkit-border-radius: 0 3px 0 0; -moz-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; background-color: #FAFAFA; padding: 26px 10px 20px;" align="right" bgcolor="#FAFAFA" valign="top">
|
||||
|
||||
<span class="header-text" style="padding-right: 15px; line-height: 10px; font-size: 13px; font-weight: normal; color: #b2b2b2;">Thanks for choosing Uber, Usman</span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- Map and fare details -->
|
||||
<table class="block-grid two-up divider" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; max-width: 640px; border-bottom-width: 1px; border-bottom-color: #f0f0f0; border-bottom-style: solid; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
|
||||
<!-- Map + to/from -->
|
||||
<td class="trip-info" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 300px; padding: 25px 10px 25px 5px;" align="left" valign="top">
|
||||
<table class="trip-info-table" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; margin-left: 19px; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="no-padding" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 300px; padding: 0;" align="left" valign="top">
|
||||
<img class="route-map" width="279" height="217" id="map_62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27" src="cid:map_62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: none; clear: none; display: block; width: 279px; height: 217px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; border: 1px solid #d7d7d7;" align="none" />
|
||||
</td>
|
||||
</tr>
|
||||
<!-- etd -->
|
||||
|
||||
|
||||
|
||||
<tr class="trip-box trip-details" style="vertical-align: top; text-align: left; width: 279px; display: block; background-color: #FAFAFA; padding: 20px 0; border-color: #e3e3e3; border-style: solid; border-width: 1px 1px 0px;" align="left" bgcolor="#FAFAFA">
|
||||
<td class="no-padding" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 220px; padding: 0;" align="left" valign="top">
|
||||
<table class="not-grid" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: auto; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td rowspan="4" class="vertical-line" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 17px !important; padding: 3px 18px 10px 17px;" align="left" valign="top">
|
||||
<img width="13" id="route" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/route.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block;" align="left" />
|
||||
</td>
|
||||
<td class="time-section" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 220px; line-height: 16px; height: 57px; padding: 0 10px 10px 0;" align="left" valign="top">
|
||||
<span class="from time" style="font-size: 15px; font-weight: 500; color: #000000 !important;">9:11</span><br />
|
||||
<span class="address" style="font-size: 11px; color: #999999 !important; line-height: 16px; text-decoration: none;">5 Bedok Reservoir View, Singapore</span>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="time-section" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 220px; line-height: 16px; height: 57px; padding: 0 10px 10px 0;" align="left" valign="top">
|
||||
<span class="to time" style="font-size: 15px; font-weight: 500; color: #000000 !important;">10:24</span><br />
|
||||
<span class="address" style="font-size: 11px; color: #999999 !important; line-height: 16px; text-decoration: none;">Sorby Adams Dr, Singapore</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
|
||||
<tr class="trip-box bottom" style="vertical-align: top; text-align: left; width: 279px; display: block; background-color: #FAFAFA; padding: 0; border: 1px solid #e3e3e3;" align="left" bgcolor="#FAFAFA">
|
||||
<td class="no-padding stats-holder" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell !important; width: 279px !important; padding: 0;" align="left" valign="top">
|
||||
<table class="trip-stats not-grid" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; color: #959595; line-height: 14px; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="trip-box-data" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; display: table-cell !important; width: 33% !important; line-height: 16px; padding: 6px 10px 10px;" align="center" valign="top">
|
||||
<span class="label" style="font-size: 9px; text-transform: uppercase;">Car</span><br />
|
||||
<span class="data" style="font-size: 13px; color: #111125; font-weight: normal;">uberPOOL</span>
|
||||
</td>
|
||||
<td class="trip-box-data" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; display: table-cell !important; width: 33% !important; line-height: 16px; padding: 6px 10px 10px;" align="center" valign="top">
|
||||
<span class="label" style="font-size: 9px; text-transform: uppercase;">kilometers</span><br />
|
||||
<span class="data" style="font-size: 13px; color: #111125; font-weight: normal;">32.99</span>
|
||||
</td>
|
||||
<td class="trip-box-data" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; display: table-cell !important; width: 33% !important; line-height: 16px; padding: 6px 10px 10px;" align="center" valign="top">
|
||||
<span class="label" style="font-size: 9px; text-transform: uppercase;">Trip time</span><br />
|
||||
<span class="data" style="font-size: 13px; color: #111125; font-weight: normal;">01:12:07</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
|
||||
<!-- Fare details -->
|
||||
<td class="fare-details" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 300px; padding: 10px;" align="left" valign="top">
|
||||
<span class="breakdown" style="display: block; padding: 0px 8px 0 10px;">
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="breakdown-title not-grid" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100% !important; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="line left" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: middle; text-align: left; display: table-cell; width: auto !important; padding: 12px 0 5px;" align="left" valign="middle"><p style="color: #222222; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: normal; text-align: left; line-height: 0; font-size: 14px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #E3E3E3; display: block; margin: 0; padding: 0;" align="left"></p></td>
|
||||
<td class="fare-header" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: middle; text-align: center; display: table-cell; width: 120px !important; font-size: 11px; white-space: pre; padding: 12px 10px 5px;" align="center" valign="middle">FARE BREAKDOWN</td>
|
||||
<td class="line right" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: middle; text-align: left; display: table-cell; width: auto !important; padding: 12px 0 5px;" align="left" valign="middle"><p style="color: #222222; font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif; font-weight: normal; text-align: left; line-height: 0; font-size: 14px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #E3E3E3; display: block; margin: 0; padding: 0;" align="left"></p></td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="fare-details not-grid fare-breakdown" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; margin-top: 15px; width: auto; padding: 0;">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="line-item" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 300px; color: #808080; padding: 4px;" align="left" valign="top">
|
||||
Base Fare
|
||||
</td>
|
||||
<td class="price" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: table-cell; width: 90px; white-space: nowrap; padding: 4px;" align="right" valign="top">3.00</td>
|
||||
</tr>
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="line-item" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 300px; color: #808080; padding: 4px;" align="left" valign="top">
|
||||
Distance
|
||||
</td>
|
||||
<td class="price" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: table-cell; width: 90px; white-space: nowrap; padding: 4px;" align="right" valign="top">14.76</td>
|
||||
</tr>
|
||||
<tr class="divider" style="vertical-align: top; text-align: left; border-bottom-width: 1px; border-bottom-color: #f0f0f0; border-bottom-style: solid; width: 100%; padding: 0;" align="left">
|
||||
<td class="line-item" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 300px; color: #808080; padding: 4px 4px 15px;" align="left" valign="top">
|
||||
Time
|
||||
</td>
|
||||
<td class="price" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: table-cell; width: 90px; white-space: nowrap; padding: 4px 4px 15px;" align="right" valign="top">14.42</td>
|
||||
</tr>
|
||||
|
||||
<tr class="total" style="vertical-align: top; text-align: left; font-weight: bold; width: 100%; padding: 0;" align="left">
|
||||
<td class="line-item" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 300px; color: #111125; padding: 15px 4px 4px;" align="left" valign="top">Normal Fare</td>
|
||||
<td class="price" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: table-cell; width: 90px; white-space: nowrap; padding: 15px 4px 4px;" align="right" valign="top">SGD32.18</td>
|
||||
</tr>
|
||||
<tr class="divider" style="vertical-align: top; text-align: left; border-bottom-width: 1px; border-bottom-color: #f0f0f0; border-bottom-style: solid; width: 100%; padding: 0;" align="left">
|
||||
<td class="line-item" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 300px; color: #808080; padding: 4px 4px 15px;" align="left" valign="top">Surge x1.5</td>
|
||||
<td class="price" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: table-cell; width: 90px; white-space: nowrap; padding: 4px 4px 15px;" align="right" valign="top">16.09</td>
|
||||
</tr>
|
||||
|
||||
|
||||
|
||||
<tr class="total" style="vertical-align: top; text-align: left; font-weight: bold; width: 100%; padding: 0;" align="left">
|
||||
<td class="line-item" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 300px; color: #111125; padding: 15px 4px 4px;" align="left" valign="top">Subtotal</td>
|
||||
<td class="price" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: table-cell; width: 90px; white-space: nowrap; padding: 15px 4px 4px;" align="right" valign="top">SGD48.27</td>
|
||||
</tr>
|
||||
|
||||
<!-- Settled Trips -->
|
||||
<!-- End Settled Trips -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<tr class="divider final-total" style="vertical-align: top; text-align: left; border-bottom-width: 1px; border-bottom-color: #f0f0f0; border-bottom-style: solid; width: 100%; padding: 0;" align="left">
|
||||
<td class="line-item charged" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 300px; color: #808080; line-height: 18px; padding: 15px 4px;" align="left" valign="top">
|
||||
<span class="charge-label" style="font-size: 9px; line-height: 7px;">CHARGED</span>
|
||||
<br />
|
||||
<img id="visa_icon" src="http://d1a3f4spazzrp4.cloudfront.net/receipt/visa_24.png" class="card-image" width="17" height="12" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block; width: 17px !important; height: 12px; margin-right: 5px; margin-top: 3px;" align="left" />
|
||||
<span class="card-detail" style="font-size: 13px;">
|
||||
Personal •••• 7710
|
||||
</span>
|
||||
</td>
|
||||
<td class="price final-charge" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: table-cell; width: 90px; white-space: nowrap; font-size: 19px; font-weight: bold; line-height: 30px; padding: 26px 4px 15px;" align="right" valign="top">
|
||||
SGD48.27
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="not-grid" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: auto; padding: 0;">
|
||||
<tr class="" style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="client-savings" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; display: table-cell; width: 300px; font-size: 15px; padding: 16px 10px 0px;" align="center" valign="top">
|
||||
<span>You saved $10.02 by riding uberPOOL</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="" style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="client-savings" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; display: table-cell; width: 300px; font-size: 15px; padding: 16px 10px 0px;" align="center" valign="top">
|
||||
<span>
|
||||
<a href="https://twitter.com/intent/tweet?text=I+just+saved+%2410.02+by+riding+uberPOOL+in+Singapore.+Ride+uberPOOL+%E2%80%94+share+your+ride%2C+split+the+cost." target="_blank" style="color: #2ba6cb; text-decoration: none;">share your savings</a>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<table class="memo-table not-grid" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100% !important; padding: 0;">
|
||||
<tr class="memo divider" style="vertical-align: top; text-align: center; border-bottom-width: 1px; border-bottom-color: #f0f0f0; border-bottom-style: solid; width: 300px; color: #666666; font-size: 12px; padding: 0;" align="center">
|
||||
<td class="memo-note" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center; display: table-cell; width: 300px; padding: 10px 0px;" align="center" valign="top">
|
||||
<span class="center" style="display: block; width: 100%; text-align: center;">
|
||||
<span><a href="https://riders.uber.com/trips/62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27">Visit the trip page</a> for more information, including invoices (where available)</span>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<span class="trip_reference" style="line-height: 1px; font-size: 1px; color: #FFFFFF;">xid62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27</span>
|
||||
<br />
|
||||
<span class="zd_receipt_identifier" style="line-height: 1px; font-size: 1px; color: #FFFFFF;">pGvlI2ANUbXFfyEOgxta1RMV082993</span>
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table class="block-grid two-up divider" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; max-width: 640px; border-bottom-width: 1px; border-bottom-color: #f0f0f0; border-bottom-style: solid; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
|
||||
<td class="driver_block" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 50%; padding: 0px;" align="left" valign="top">
|
||||
|
||||
<!-- Driver and stats -->
|
||||
<table class="block-grid driver-info-table" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; max-width: 640px; display: inline-block; padding: 0;">
|
||||
<tr class="driver-section" style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="driver-area" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 100% !important; line-height: 15px; padding: 0px 0px 0px 10px;" align="left" valign="top">
|
||||
<table class="not-grid" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: auto; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="driver-photo" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 45px; padding: 22px 0px 20px;" align="left" valign="top"><img class="user-photo" width="45" height="45" id="driver_62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27" src="https://d1w2poirtb3as9.cloudfront.net/db1a443b1bc1599c08a4.jpeg" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: inline-block; width: 45px !important; height: 45px !important; -webkit-border-radius: 50em; -moz-border-radius: 50em; border-radius: 50em; margin-top: -1px; margin-left: 15px; max-width: 45px !important; min-width: 45px !important; border: 1px solid #d7d7d7;" align="left" /></td>
|
||||
<td class="driver-info" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: middle; text-align: left; display: table-cell; width: 300px; padding: 22px 10px 20px;" align="left" valign="middle">
|
||||
<span class="driver-header-text" style="padding-bottom: 5px; display: inline-block;">You rode with A</span>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
</td>
|
||||
|
||||
<td class="rating_block" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 50%; height: 100%; padding: 10px 0px 0px;" align="left" valign="top">
|
||||
|
||||
<!-- Rating section -->
|
||||
<table class="block-grid rating-table" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; width: 100%; max-width: 640px; display: block; padding: 0px;">
|
||||
<tbody class="rating-table-body" style="width: 100%; display: block;">
|
||||
<tr class="rating-note-section" style="vertical-align: top; text-align: right; width: 100%; display: inline-block; padding: 6px 0 0;" align="right">
|
||||
<td class="rating-note" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: inline; width: auto; font-size: 9px; color: #b2b2b2; text-transform: uppercase; padding: 0px 15px 0px 0px;" align="right" valign="top"><span>Rate Your Driver</span></td>
|
||||
</tr>
|
||||
<tr class="rating-section" style="vertical-align: top; text-align: right; width: 100%; display: block; padding: 0px;" align="right">
|
||||
<td class="star-td-section" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 136px; padding: 5px 10px 5px 0px;" align="left" valign="top">
|
||||
<span class="rating-star" style="font-size: 11px; width: 20px !important; height: 20px; display: inline-block !important; padding: 0px 2px;"><a href="https://riders.uber.com/fast-rating?trip_token=4e5e2931431d537d0432d03ac738aafa1029cb6faeb59ff03679050c82eaec5a&trip_uuid=62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27&rating=1" style="color: #2ba6cb; text-decoration: none;"><img class="star-icon" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/star@2x.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block; width: 20px; border: none;" align="left" /></a></span>
|
||||
<span class="rating-star" style="font-size: 11px; width: 20px !important; height: 20px; display: inline-block !important; padding: 0px 2px;"><a href="https://riders.uber.com/fast-rating?trip_token=4e5e2931431d537d0432d03ac738aafa1029cb6faeb59ff03679050c82eaec5a&trip_uuid=62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27&rating=2" style="color: #2ba6cb; text-decoration: none;"><img class="star-icon" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/star@2x.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block; width: 20px; border: none;" align="left" /></a></span>
|
||||
<span class="rating-star" style="font-size: 11px; width: 20px !important; height: 20px; display: inline-block !important; padding: 0px 2px;"><a href="https://riders.uber.com/fast-rating?trip_token=4e5e2931431d537d0432d03ac738aafa1029cb6faeb59ff03679050c82eaec5a&trip_uuid=62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27&rating=3" style="color: #2ba6cb; text-decoration: none;"><img class="star-icon" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/star@2x.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block; width: 20px; border: none;" align="left" /></a></span>
|
||||
<span class="rating-star" style="font-size: 11px; width: 20px !important; height: 20px; display: inline-block !important; padding: 0px 2px;"><a href="https://riders.uber.com/fast-rating?trip_token=4e5e2931431d537d0432d03ac738aafa1029cb6faeb59ff03679050c82eaec5a&trip_uuid=62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27&rating=4" style="color: #2ba6cb; text-decoration: none;"><img class="star-icon" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/star@2x.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block; width: 20px; border: none;" align="left" /></a></span>
|
||||
<span class="rating-star" style="font-size: 11px; width: 20px !important; height: 20px; display: inline-block !important; padding: 0px 2px;"><a href="https://riders.uber.com/fast-rating?trip_token=4e5e2931431d537d0432d03ac738aafa1029cb6faeb59ff03679050c82eaec5a&trip_uuid=62e7eacf-de3b-4f0c-bacc-a06fcfdfbf27&rating=5" style="color: #2ba6cb; text-decoration: none;"><img class="star-icon" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/star@2x.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block; width: 20px; border: none;" align="left" /></a></span>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<!-- FILE: content_end.html.mako -->
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<!-- FILE: boxes.html.mako -->
|
||||
<table class="container block-grid two-up footer" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 640px; max-width: 640px; margin: 0 auto; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="bottom-box first" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 319px !important; height: 35px; font-size: 12px; padding: 25px 0 40px;" align="left" valign="top">
|
||||
<table class="not-grid" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="help-photo" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 25px; padding: 7px 9px 7px 3px;" align="left" valign="top"><img id="cid_support" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/support@2x.png" width="45" height="41" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block; margin-right: 7px;" align="left" /></td>
|
||||
<td class="help-info" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 300px; line-height: 16px; color: #1fbad6; font-size: 14px; border-right-color: #414151; border-right-width: 1px; border-right-style: solid; padding: 4px 0 0;" align="left" valign="top">
|
||||
<span class="driver-header-text" style="padding-bottom: 5px; display: inline-block;">Need help?</span>
|
||||
<span class="issued" style="font-size: 11px; color: #b2b2b2; display: inline-block;">Tap Help in your app to <a href="https://help.uber.com/" style="color: #b2b2b2 !important; text-decoration: underline; font-size: 11px;">contact us</a> with questions about your trip.</span>
|
||||
<span class="issued" style="font-size: 11px; color: #b2b2b2; display: inline-block;">Leave something behind? <a href="https://riders.uber.com/lost" style="color: #b2b2b2 !important; text-decoration: underline; font-size: 11px;">Track it down.</a></span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- Line break between tds breaks things -->
|
||||
</td><td class="bottom-box" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: inline-block; width: 319px !important; height: 35px; font-size: 12px; padding: 25px 0 40px;" align="left" valign="top">
|
||||
<table class="not-grid" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="share-photo" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 53px; padding: 1px 9px 7px 3px;" align="left" valign="top"><img id="cid_share_logo" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/give@2x.png" width="34" height="36" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: left; clear: both; display: block; margin: 6px 8px 0 30px;" align="left" /></td>
|
||||
<td class="help-info" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 300px; line-height: 16px; color: #1fbad6; font-size: 14px; padding: 7px 0 0;" align="left" valign="top">
|
||||
<table style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: left; padding: 0;">
|
||||
<tr style="vertical-align: top; text-align: left; width: 100%; padding: 0;" align="left">
|
||||
<td class="large-width" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 500px !important; padding: 0;" align="left" valign="top">
|
||||
<span class="driver-header-text" style="padding-bottom: 5px; display: inline-block;">Get your first Uber ride free (up to SGD10)</span>
|
||||
</td>
|
||||
</tr>
|
||||
<tr class="share-section" style="vertical-align: top; text-align: left; width: 100%; display: block; padding: 0;" align="left">
|
||||
<td class="med-width" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: left; display: table-cell; width: 63%; padding: 5px 0 0;" align="left" valign="top">
|
||||
<span class="issued invite" style="font-size: 11px; color: #b2b2b2; display: inline-block;">
|
||||
<span class="invite-span" style="text-align: left;">
|
||||
Share code: usmans270ue
|
||||
</span>
|
||||
</span></td>
|
||||
<td class="sm-width" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: right; display: table-cell; width: 300px; padding: 0;" align="right" valign="top">
|
||||
<span class="issued share-icon-span" style="font-size: 11px; color: #b2b2b2; display: inline-block; text-align: right;">
|
||||
<a href="http://www.facebook.com/share.php?u=http://www.uber.com/invite/usmans270ue" target="_blank" style="color: #b2b2b2 !important; text-decoration: underline; font-size: 11px;">
|
||||
<img width="8" height="16" class="share-icons" id="cid_share_facebook" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/facebook@2x.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: none; clear: none; display: inline; padding: 3px 0 0 10px; border: none;" align="none" />
|
||||
</a>
|
||||
<a href="https://twitter.com/intent/tweet?text=Your+first+Uber+ride+is+FREE+%28up+to+SGD10%29+with+invite+code+%27usmans270ue%27.+Enjoy%21+Download+the+app%3A+https%3A%2F%2Fwww.uber.com%2Finvite%2Fusmans270ue" target="_blank" style="color: #b2b2b2 !important; text-decoration: underline; font-size: 11px;">
|
||||
<img width="17" height="14" class="share-icons" id="cid_share_twitter" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/twitter@2x.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: none; clear: none; display: inline; padding: 3px 0 0 10px; border: none;" align="none" />
|
||||
</a>
|
||||
<a href="mailto:?subject=Here's a free Uber ride (worth up to SGD10)&body=I'm giving you a free ride on the Uber app (up to SGD10). To accept, use code 'usmans270ue' to sign up. Enjoy! Details: https://www.uber.com/invite/usmans270ue" style="color: #b2b2b2 !important; text-decoration: underline; font-size: 11px;">
|
||||
<img width="20" height="12" class="share-icons" id="cid_share_email" src="http://d1a3f4spazzrp4.cloudfront.net/receipt-new/mail@2x.png" style="outline: none; text-decoration: none; -ms-interpolation-mode: bicubic; float: none; clear: none; display: inline; padding: 3px 0 0 10px; border: none;" align="none" />
|
||||
</a></span>
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<!-- FILE: driver_signup.html.mako -->
|
||||
|
||||
<!-- FILE: zero_tolerance.html.mako -->
|
||||
<!-- FILE: feedback_info.html.mako -->
|
||||
<!-- FILE: disclaimer.html.mako -->
|
||||
<table class="container block-grid footer disclaimer-table" style="border-spacing: 0; border-collapse: collapse; vertical-align: top; text-align: inherit; width: 640px; max-width: 640px; background-color: #1A1B2C; margin: 0 auto 20px; padding: 0; border: 2px solid #2f2f3f;" bgcolor="#1A1B2C">
|
||||
<tr class="disclaimer-tr" style="vertical-align: top; text-align: center !important; width: 100%; padding: 0;" align="center !important">
|
||||
<td class="disclaimer-td" style="word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; border-collapse: collapse !important; vertical-align: top; text-align: center !important; display: inline-block; padding: 10px;" align="center !important" valign="top">
|
||||
<span class="disclaimer-text" style="font-size: 11px; color: #b2b2b2;">Fare does not include fees that may be charged by your bank. Please contact your bank directly for inquiries.</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- FILE: body_end.html.mako -->
|
||||
</center>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
<!-- FILE: html_end.html.mako -->
|
||||
</html>
|
||||
@@ -0,0 +1,464 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 2.00</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">14 Nov 19 10:04 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare (Wait)</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Sim Kee Hock</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-181</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">3155 Commonwealth Ave West, Singapore, 129588</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 7.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 2.00</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;"><p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://www.grab.com/sg/insurance/?nabe=5367729208426496%3A0" target="_blank">Learn more</a>.</p></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,453 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 2.00</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">30 Nov 19 08:11 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">JustGrab</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ong Kok Soon Andrew</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-192</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">5A Engineering Drive 1, Singapore, 117411</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 7.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 2.00</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,453 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 3.00</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">12 Dec 19 13:11 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">JustGrab</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Keng Siong</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-199</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">3155 Commonwealth Ave West, Singapore, 129588</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 8.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 3.00</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://help.grab.com/" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://help.grab.com/hc/en-sg/articles/115005446908" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://www.facebook.com/Grab"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://twitter.com/GrabSG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://instagram.com/Grab_SG"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://www.linkedin.com/company/grabapp"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,465 @@
|
||||
<!DOCTYPE html> <!27 Jan 7:56pm Daniel>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no"/>
|
||||
<title></title>
|
||||
<style type="text/css"> a { color: #666666; text-decoration: none;}
|
||||
p { margin: 1em 0;}
|
||||
#outlook a { padding: 0;}
|
||||
body { width: 100% !important;}
|
||||
.ReadMsgBody { width: 100%;}
|
||||
.ExternalClass { width: 100%;}
|
||||
body { -webkit-text-size-adjust: none; -ms-text-size-adjust: none;}
|
||||
body { margin: 0; padding: 0;}
|
||||
img { font-family: "Trebuchet MS", Helvetica, sans-serif;}
|
||||
.border-left-desk { border-left: 1px solid #C5C5C5; height: 45px}
|
||||
@media only screen and (max-width: 480px) {
|
||||
.border-left-desk { display: none;}
|
||||
table[class=per100] { position: relative; top: 0; left: 0; right: 0; width: 100% !important; height: auto !important;}
|
||||
table[class=borderPerTab] { position: relative; top: 0; left: 0px; right: 0px; width: 98% !important; height: auto !important;}
|
||||
table[class=borderPerTab90] { position: relative; top: 0; left: 0px; right: 0px; width: 90% !important; height: auto !important;}
|
||||
td[class=tdp5] { padding: 0px 5px !important;}
|
||||
td[class=td_pad] { width: 10px !important;}
|
||||
td[class=colsplit] { width: 100% !important; float: left !important;}
|
||||
td[class=colsplitAL] { text-align: left; width: 100% !important; float: left !important;}
|
||||
td[class=per50] { width: 50% !important; float: left !important;}
|
||||
img[class=imgPer50] { width: 50% !important;}
|
||||
td[class=menuTd] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: 1px solid #ffffff !important;}
|
||||
td[class=menuTdlast] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=menuTdlast-nopadding] { width: 100% !important; float: left !important; font-size: 14px !important; height: 24px !important; line-height: 24px !important; border-bottom: noe !important;}
|
||||
td[class=texC] { text-align: center !important; clear: both !important; }
|
||||
td[class=email_box] { width: 100% !important; float: left !important; }
|
||||
td[class=produceTd] { width: 100% !important; float: left !important; text-align: center !important; padding: 0px; }
|
||||
td[class=produceTdW] { width: 100% !important; float: left !important; border-bottom: 1px solid #ffffff !important; }
|
||||
td[class=produceTdLast] { width: 100% !important; float: left !important; padding: 10px 0px !important; text-align: center !important; }
|
||||
td[class=produceTdLast_nopadding] { width: 100% !important; float: left !important; padding: 0px !important; text-align: center !important; }
|
||||
img[class=tel] { width: 100% !important; height: auto !important; }
|
||||
img[class=produceImg] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
img[class=footerMenu] { width: 100% !important; height: auto !important; display: block !important; }
|
||||
table[class=noneMobile], tr[class=noneMobile], td[class=noneMobile], img[class=noneMobile], span[class=noneMobile] { display: none !important; }
|
||||
table[class=showMobile], tr[class=showMobile], td[class=showMobile], img[class=showMobile], span[class=showMobile] { display: block !important; }
|
||||
td[class=vspacer15], img[class=vspacer15] { width: 15px !important; }
|
||||
td[class=vspacer10], img[class=vspacer10] { width: 10px !important; }
|
||||
td[class=vspacer5], img[class=vspacer5] { width: 5px !important; }
|
||||
img[class=imgReplaceBox01] { width: 100% !important; height: 7px !important; column-span: all !important; }
|
||||
td[class=colsplit] { width: 100% !important; float: left !important; }
|
||||
td[class=colsplitSpacer] { width: 100% !important; height: 10px !important; float: left !important; }
|
||||
table[class=tabCenter] { width: 100% !important; }
|
||||
/*---*/
|
||||
} </style>
|
||||
</head>
|
||||
<body style="-webkit-text-size-adjust:none; font-family: 'Helvetica', Arial, sans-serif">
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="center" valign="top">
|
||||
<table width="600" align="center" border="0" cellspacing="0" cellpadding="0" class="borderPerTab" style="border:1px solid #EDEDED">
|
||||
<tr>
|
||||
<td bgcolor="#ffffff"> <!--height 25--><!--height 20--> <!----Logo---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td><img class="produceImg" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_logo_ereceipt.png" width="600" height="137" alt="E-receipt Singapore" style="border:0;"/></td>
|
||||
</tr>
|
||||
</table> <!----Content---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
<td valign="top" style="font-family: Helvetica, 'Arial', sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none; color:#00af41; font-size:20px; line-height:24px; font-weight: bold; line-height:26px; text-align:left;"> Hope you had an enjoyable ride!</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="15"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="15" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="44%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">TOTAL<br/> <span style="font-size:28px; line-height:32px; font-weight:bold; color:#00af41">SGD 0.50</span></td>
|
||||
<td width="56%" align="left" valign="top" class="produceTdLast" style="font-size:12px; line-height:21px; font-weight:bold;">DATE | TIME<br/> Pick-up time: <span style="font-size:12px; font-weight:bold; color:#00af41">18 Dec 19 09:29 +0800</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="12"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="12" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="5"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="5" border="0"></td>
|
||||
</tr>
|
||||
</table> <!----Receipt---->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#f4f4f4">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
<td align="center" valign="top">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td width="55%" align="left" style="font-size:14px; font-weight:bold; color:#00af41"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td valign="top" width="207" style="max-width:207px; display: block" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Booking Details</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Vehicle type:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">GrabShare (Wait)</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:14px;">Issued by driver</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Chong Poh Seng</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal; font-size:12px; line-height:16px; color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Issued to</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">Ng Jia Cheng</span>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Booking code</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">IOS-8960535-9-205</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Pick up location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;">109A Depot Road, Singapore, 101109 </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Additional stop:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold;"> </span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Drop off location:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">5A Engineering Drive 1, Singapore, 117411</span></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="5" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style="font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:10px; color:#9E9E9E; line-height:16px;">Profile:</span><br/> <span style="font-size:12px; line-height:16px; font-weight:bold">PERSONAL</span></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="3" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="noneMobile" width="9"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="9" height="10" border="0"></td>
|
||||
<td valign="top" class="noneMobile" width="10" bgcolor="#f5f5f3"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="10" border="0"></td>
|
||||
<td valign="top" width="280" style="max-width:280px" class="produceTd">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 20px;">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5" style="font-size:14px; font-weight:bold; color:#00af41">Receipt Summary</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="center" valign="middle" height="10" class="img_1"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="170" height="10" border="0"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="border:1px solid #dddddd">
|
||||
<tr>
|
||||
<td align="left" valign="top" style="padding:0cm 0cm 0cm 0cm;">
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td class="t3_1" valign="top">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="font-size:11px; line-height:18px; font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; font-weight:normal; color:#9E9E9E"> Payment Method:<br />
|
||||
|
||||
<span style="font-weight:bold; color:#000000;">GrabPay Credits </span>
|
||||
|
||||
</td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td width="171" align="left" class="tdp5" style="font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:21px;">Description:</span></td>
|
||||
<td width="80" align="left" class="tdp5" style=" font-family:''Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#9E9E9E; line-height:28px;"> Amount:</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
<td height="3px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="3px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
<td height="5px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="5px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Ride Fare</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> SGD 5.50 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Insurance Fee*</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;"> FREE </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">Rewards</span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:11px; color:#000000; line-height:18px;">- SGD 5.00 </span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
<td height="10px" colspan="2" align="left" class="tdp5" style="border-top:1px dashed #9E9E9E"></td>
|
||||
<td height="10px" align="left" class="tdp5"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
<td align="right" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;">TOTAL </span></td>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><span style="font-size:12px; font-weight:bolder; color:#000000; line-height:28px;"> SGD 0.50</span></td>
|
||||
<td align="left" class="tdp5" width="15"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" valign="top" class="tdp5">
|
||||
<table border="0" cellspacing="0" cellpadding="0" width="100%">
|
||||
<tr>
|
||||
<td align="left" class="tdp5" style=" font-family:'Helvetica, 'Arial', sans-serif;-webkit-text-size-adjust:none;font-weight:normal;color:#000000;"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td align="left" valign="top" class="m_8264916597899643769tdp5" style="font-size:11px;font-weight:normal;color:#000000;"><p>*Did you know that this ride was covered by our Group Personal Accident Insurance, at no additional cost to you? <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.grab.com%2Fsg%2Finsurance%2F%3Fnabe=5367729208426496%253A0/1/0100016f16b23a6e-4a1b775a-9fe1-47eb-9f73-dd9fb3c61ae9-000000/fZOp50Rj6EreU3h7ib9QiNM7_cg=140" target="_blank">Learn more</a>.</p></td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<table border="0" cellpadding="0" cellspacing="0" width="100%">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="20" height="10" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" border="0" cellpadding="0" cellspacing="0">
|
||||
<tr>
|
||||
<td height="20"><img style="display:block;" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/_blank.gif" alt="" width="10" height="20" border="0"></td>
|
||||
</tr>
|
||||
</table>
|
||||
<!--Footer-->
|
||||
<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
|
||||
<tr>
|
||||
<td valign="top" class="vspacer15" width="55"></td>
|
||||
<td valign="top" style="font-family: 'Helvetica', Arial, sans-serif; color:#000000; font-size:11px;-webkit-text-size-adjust:none;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td align="left" style=" font-family: 'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; text-align:center;">
|
||||
<table width="100%" border="0" cellspacing="0" cellpadding="0">
|
||||
<tr>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666; padding-right:10%;"><span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2F/1/0100016f16b23a6e-4a1b775a-9fe1-47eb-9f73-dd9fb3c61ae9-000000/3GixKsJTpp-O97euVDDKx0Euqp8=140" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Help Centre</a></span><br/>
|
||||
<span style="color:#666666;"> <a href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fhelp.grab.com%2Fhc%2Fen-sg%2Farticles%2F115005446908/1/0100016f16b23a6e-4a1b775a-9fe1-47eb-9f73-dd9fb3c61ae9-000000/er24GBnsjoodapzjLmETV8nhYjk=140" style="font-size:10px; line-height:12px; font-weight: bold; color:#666666;">Lost an item on this ride?</a></span><br/><br/> <!View on> <a href="#" style="color:#666666; text-decoration:underline; font-style:italic; line-height:21px;"><!WEB></a>
|
||||
<!--Click here to <a href="http://grab.com/unsubscribe.html{{unsubscribe_link_params}}" target="_blank" style="color:#666666; text-decoration:underline; font-style:italic">UNSUBSCRIBE</a>.<br />--> </td>
|
||||
<td width="55%" align="left" valign="top" class="produceTdLast" style="font-family:'Helvetica', Arial, sans-serif;-webkit-text-size-adjust:none; color:#666666"><span style="font-size:10px; line-height:12px; font-weight:bold;">Stay connected with us.</span><br/><br/>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.facebook.com%2FGrab/1/0100016f16b23a6e-4a1b775a-9fe1-47eb-9f73-dd9fb3c61ae9-000000/cF_iJeBPoMQkOSbNC94D6TxDgcE=140"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-fb.png" target="_blank"/></a> <a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Ftwitter.com%2FGrabSG/1/0100016f16b23a6e-4a1b775a-9fe1-47eb-9f73-dd9fb3c61ae9-000000/WHPEfugvVVBWv583oVpClACG7gE=140"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-twitter.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Finstagram.com%2FGrab_SG/1/0100016f16b23a6e-4a1b775a-9fe1-47eb-9f73-dd9fb3c61ae9-000000/4xBceOc1OBsdyz7kK1ii9JrxPrI=140"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-instagram.png" target="_blank"/></a>
|
||||
<a target="_blank" href="https://v2dc3pjr.r.us-east-1.awstrack.me/L0/https:%2F%2Fwww.linkedin.com%2Fcompany%2Fgrabapp/1/0100016f16b23a6e-4a1b775a-9fe1-47eb-9f73-dd9fb3c61ae9-000000/qIdW_KFBJcbcMgSz4FVbePqz32E=140"><img width="30px" src="https://grabtaxi-marketing.s3.amazonaws.com/email/img/icon-linkedin.png" target="_blank"/></a> <br/><br/>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td height="20"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
<td valign="top" class="vspacer15" width="45"></td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<img alt="" src="http://v2dc3pjr.r.us-east-1.awstrack.me/I0/0100016f16b23a6e-4a1b775a-9fe1-47eb-9f73-dd9fb3c61ae9-000000/UMg2yjuhDnjCNbiyESoDkEILg1g=140" style="display: none; width: 1px; height: 1px;">
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,288 @@
|
||||
<?php
|
||||
|
||||
//echo "[".date("Y-m-d H:i:s")."] Daily Report job is starting.\n";
|
||||
include '../backend.php';
|
||||
|
||||
$db_host = $savvyext->cfgReadChar('database.host');
|
||||
$db_name = $savvyext->cfgReadChar('database.name');
|
||||
$db_user = $savvyext->cfgReadChar('database.user');
|
||||
$db_pass = $savvyext->cfgReadChar('database.pass');
|
||||
$db_port = $savvyext->cfgReadLong('database.port');
|
||||
$connstr = "host=${db_host} port=${db_port} dbname=${db_name} user=${db_user} password=${db_pass}";
|
||||
$conn = pg_connect($connstr);
|
||||
|
||||
|
||||
$member_id = 1;
|
||||
$screen_name = "activity-time-traveled";
|
||||
$screen_name = "activity-time-traveled";
|
||||
|
||||
$query = "SELECT 0 AS card_id, mn.msg, et.category AS action, et.icon ";
|
||||
$query .= " FROM members_notification mn ";
|
||||
$query .= " inner join email_trigger et on et.e_trigger = mn.trigger_key ";
|
||||
$query .= " inner join screen_cards sc on sc.trigger_id = mn.trigger_key ";
|
||||
$query .= " where sc.screen_name = '{$screen_name}' and mn.member_id = {$member_id} ";
|
||||
$query .= " and sc.status = 1 ";
|
||||
$query .= " and expire > now() ";
|
||||
$query .= " order by mn.added desc LIMIT 5; ";
|
||||
|
||||
//echo $query;
|
||||
|
||||
|
||||
echo "<table>";
|
||||
|
||||
|
||||
define('SCREEN_ACTIVITIES_DETAILS', 1);
|
||||
define('SCREEN_ACTIVITIES_CATEGORY', 2);
|
||||
define('SCREEN_ACTIVITIES_TIME_TRAVEL', 3);
|
||||
define('SCREEN_ACTIVITIES_EMISSION', 4);
|
||||
define('SCREEN_ACTIVITIES_PERSONALTY', 5);
|
||||
|
||||
|
||||
$re = pg_query($conn, $query);
|
||||
if ($re && pg_num_rows($re)) {
|
||||
$itm_e = 0;
|
||||
while ($fe = pg_fetch_assoc($re)) {
|
||||
$message = $fe["msg"];
|
||||
$icon = $fe["icon"];
|
||||
$action = $fe["action"];
|
||||
$card_id = 0;
|
||||
|
||||
echo "<tr> <td>$message</td> <td>$icon</td> <td>$action</td> <td>$card_id</td> </tr>";
|
||||
// $emiss_arr[$gas_date] = array("gas_date" => "$gas_date", "value" => $gas_emission_value, "gas" => $gas_amount);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
echo "</table><hr>";
|
||||
|
||||
switch ($screen_name) {
|
||||
case 'activity-emissions':
|
||||
$activity_screen = 4;
|
||||
break;
|
||||
case 'activity-time-traveled':
|
||||
$activity_screen = 3;
|
||||
break;
|
||||
case 'activity-monthly-spent':
|
||||
$activity_screen = 2;
|
||||
break;
|
||||
case 'activity-personality':
|
||||
$activity_screen = 5;
|
||||
break;
|
||||
default:
|
||||
$activity_screen = 0;
|
||||
break;
|
||||
}
|
||||
$query = "SELECT 0 AS card_id, mn.msg, et.category AS action, et.icon AS card_icon ";
|
||||
$query .= " FROM members_notification mn ";
|
||||
$query .= " inner join email_trigger et on et.e_trigger = mn.trigger_key ";
|
||||
$query .= " inner join screen_cards sc on sc.trigger_id = mn.trigger_key ";
|
||||
$query .= " where sc.screen_name = '{$screen_name}' and mn.member_id = {$member_id} ";
|
||||
$query .= " and sc.status = 1 ";
|
||||
$query .= " and expire > now() ";
|
||||
$query .= " UNION ";
|
||||
|
||||
|
||||
$query .= "SELECT ma.card_id,mc.description AS msg,mc.button1_action AS action,'' AS card_icon "
|
||||
. "FROM members_card_assign ma "
|
||||
. "LEFT JOIN main_cards mc ON mc.id=ma.card_id "
|
||||
. "WHERE mc.activity_screen= {$activity_screen} "
|
||||
. "AND ma.subscribe IS NULL "
|
||||
. "AND ma.status = 1 AND mc.show_area = 2 "
|
||||
. "AND ma.member_id= {$member_id} ";
|
||||
|
||||
|
||||
|
||||
|
||||
/* card_id | description | button1_action | card_icon
|
||||
---------+------------------------------------------------------------------------------------------------+----------------+-----------
|
||||
349 | Save money by subscribing to Float's exclusive deals that are targeted to suit your lifestyle. | GOOFFERS |
|
||||
(1 row)
|
||||
*/
|
||||
|
||||
|
||||
switch ($screen_name) {
|
||||
case 'activity-emissions':
|
||||
$activity_screen = 4;
|
||||
break;
|
||||
case 'activity-time-traveled':
|
||||
$activity_screen = 3;
|
||||
break;
|
||||
case 'activity-monthly-spent':
|
||||
$activity_screen = 2;
|
||||
break;
|
||||
case 'activity-personality':
|
||||
$activity_screen = 5;
|
||||
break;
|
||||
default:
|
||||
$activity_screen = 0;
|
||||
break;
|
||||
}
|
||||
|
||||
$cards = array();
|
||||
|
||||
//$screen_name = 'activity-emissions';
|
||||
/*
|
||||
$query = "SELECT mn.msg, mn.expire, mn.added, et.category, et.icon ";
|
||||
$query .= " FROM members_notification mn ";
|
||||
$query .= " inner join email_trigger et on et.e_trigger = mn.trigger_key ";
|
||||
$query .= " inner join screen_cards sc on sc.trigger_id = mn.trigger_key ";
|
||||
$query .= " where sc.screen_name = '{$screen_name}' and mn.member_id = {$member_id} ";
|
||||
$query .= " and sc.status = 1 ";
|
||||
$query .= " and expire > now() ";
|
||||
$query .= " order by mn.added desc LIMIT 1; ";
|
||||
|
||||
|
||||
$query = "SELECT 0 AS card_id, mn.msg, et.category AS action, et.icon AS card_icon ,0 AS blog_id, 0 AS assign_id";
|
||||
$query .= " FROM members_notification mn ";
|
||||
$query .= " inner join email_trigger et on et.e_trigger = mn.trigger_key ";
|
||||
$query .= " inner join screen_cards sc on sc.trigger_id = mn.trigger_key ";
|
||||
$query .= " where sc.screen_name = '{$screen_name}' and mn.member_id = {$member_id} ";
|
||||
$query .= " and sc.status = 1 ";
|
||||
$query .= " and expire > now() ";
|
||||
$query .= " UNION ";
|
||||
|
||||
|
||||
* TEST QUERY -------------------------------------------
|
||||
|
||||
$query .= "SELECT ma.card_id,mc.description AS msg,mc.button1_action AS action,'' AS card_icon,mc.blog_id, "
|
||||
. " ma.id AS assign_id, mc.*, ca.type AS card_action_type, ca.data AS card_action_data, ma.subscribe, ma.message "
|
||||
. " FROM members_card_assign ma "
|
||||
. " LEFT JOIN main_cards mc ON mc.id=ma.card_id "
|
||||
. " LEFT JOIN card_actions ca ON (ca.id=mc.card_action_id) "
|
||||
. "WHERE mc.activity_screen= {$activity_screen} " // AND mc.button1_action == 'GOOFFERS'
|
||||
. ""
|
||||
. "AND ma.status = 1 AND mc.show_area = 2 "
|
||||
. "AND mc.id=355;";
|
||||
$query = "";
|
||||
// END TEST QUERY ---------------------------------------------
|
||||
|
||||
|
||||
*/
|
||||
// do not need the union anymore
|
||||
|
||||
// Get user country
|
||||
$member_country = '';
|
||||
echo $mysq_member_country = "SELECT country FROM members WHERE id = {$member_id}";
|
||||
$rec = pg_query($conn, $mysq_member_country);
|
||||
if ($rec && pg_num_rows($rec)) {
|
||||
$rowc = pg_fetch_assoc($rec);
|
||||
print_r($rowc);
|
||||
$member_country= $rowc["country"];
|
||||
}
|
||||
|
||||
|
||||
$query = "";
|
||||
|
||||
$country_query = " AND mc.card_country = '' ";
|
||||
if ($member_country !=''){
|
||||
$country_query = " AND mc.card_country IN ('', '$member_country')";
|
||||
}
|
||||
|
||||
$query .= "SELECT ma.card_id,mc.description AS msg,mc.button1_action AS action,'' AS card_icon,mc.blog_id, "
|
||||
. " ma.id AS assign_id, mc.*, ca.type AS card_action_type, ca.data AS card_action_data, ma.subscribe, ma.message "
|
||||
. " FROM members_card_assign ma "
|
||||
. " LEFT JOIN main_cards mc ON mc.id=ma.card_id "
|
||||
. " LEFT JOIN card_actions ca ON (ca.id=mc.card_action_id) "
|
||||
. " WHERE mc.activity_screen= {$activity_screen} " // AND mc.button1_action == 'GOOFFERS'
|
||||
. " AND ma.subscribe IS NULL "
|
||||
. " AND ma.status = 1 AND mc.show_area = 2 $country_query "
|
||||
. " AND ma.member_id= {$member_id} ORDER BY random() LIMIT 1 ";
|
||||
|
||||
|
||||
echo $query;
|
||||
|
||||
echo "<hr>[[[[<table>";
|
||||
|
||||
|
||||
$re = pg_query($conn, $query);
|
||||
if ($re && pg_num_rows($re)) {
|
||||
$itm_e = 0;
|
||||
while ($fe = pg_fetch_assoc($re)) {
|
||||
$message = $fe["msg"];
|
||||
$icon = $fe["card_icon"];
|
||||
$action = $fe["action"];
|
||||
$card_id = $fe["card_id"];
|
||||
;
|
||||
|
||||
echo "<tr> <td>[$message</td> <td>$icon</td> <td>$action</td> <td>$card_id]</td> </tr>";
|
||||
// $emiss_arr[$gas_date] = array("gas_date" => "$gas_date", "value" => $gas_emission_value, "gas" => $gas_amount);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
echo "</table>]]]]]";
|
||||
|
||||
|
||||
//SELECT ma.card_id,mc.description,mc.button1_action,'' AS card_icon FROM members_card_assign ma LEFT JOIN main_cards mc ON mc.id=ma.card_id WHERE mc.activity_screen=1 AND ma.subscribe IS NULL AND ma.status = 1 AND ma.member_id=1;
|
||||
|
||||
|
||||
/*
|
||||
|
||||
SELECT short_title,description,button1_action FROM main_cards;
|
||||
*
|
||||
|
||||
|
||||
savvy=> \d main_cards;
|
||||
Table "public.main_cards"
|
||||
Column | Type | Collation | Nullable | Default
|
||||
--------------------+-----------------------------+-----------+----------+----------------------------------------
|
||||
id | integer | | not null | nextval('main_cards_id_seq'::regclass)
|
||||
name | character varying(100) | | not null |
|
||||
title | character varying(100) | | not null |
|
||||
short_title | character varying(35) | | not null |
|
||||
description | character varying(250) | | not null |
|
||||
background_picture | character varying(150) | | not null |
|
||||
button1 | character varying(35) | | not null |
|
||||
button1_text | character varying(35) | | not null |
|
||||
button1_action | character varying(15) | | not null |
|
||||
status | integer | | | 1
|
||||
added | timestamp without time zone | | | now()
|
||||
can_save | integer | | | 0
|
||||
template | integer | | | 0
|
||||
card_canexpire | integer | | | 0
|
||||
card_expiration | timestamp without time zone | | |
|
||||
notify | integer | | | 0
|
||||
card_country | character varying(2) | | |
|
||||
card_action_id | integer | | |
|
||||
titleshow | integer | | | 1
|
||||
multiple_answer | integer | | | 0
|
||||
use_short_title | integer | | | 1
|
||||
deleted | timestamp without time zone | | |
|
||||
list_order | integer | | | 0
|
||||
target_key | character varying(10) | | |
|
||||
target_text | character varying(250) | | |
|
||||
long_description | text | | |
|
||||
card_behavior | character varying(10) | | |
|
||||
card_type | character varying(2) | | | ''::character varying
|
||||
card_time | character varying(12) | | | ''::character varying
|
||||
card_location | integer | | | 0
|
||||
card_points | integer | | | 0
|
||||
card_reciept | character varying(15) | | |
|
||||
card_logic | character varying(15) | | | ''::character varying
|
||||
card_order | integer | | | 100
|
||||
background_color | character varying(8) | | |
|
||||
dynamic_key | character varying(25) | | |
|
||||
blog_id | integer | | |
|
||||
show_area | integer | | | 0
|
||||
activity_screen | integer | | | 0
|
||||
Indexes:
|
||||
"main_cards_dynamic_key_key" UNIQUE CONSTRAINT, btree (dynamic_key)
|
||||
"main_cards_id_key" UNIQUE CONSTRAINT, btree (id)
|
||||
Foreign-key constraints:
|
||||
"main_cards_blog_id_fkey" FOREIGN KEY (blog_id) REFERENCES blog_app_articles(blog_id)
|
||||
"main_cards_card_action_id_fkey" FOREIGN KEY (card_action_id) REFERENCES card_actions(id)
|
||||
"main_cards_card_behavior_fkey" FOREIGN KEY (card_behavior) REFERENCES card_behavior(key)
|
||||
"main_cards_card_country_fkey" FOREIGN KEY (card_country) REFERENCES country(code)
|
||||
Referenced by:
|
||||
TABLE "decision_cards" CONSTRAINT "decision_cards_card_id_fkey" FOREIGN KEY (card_id) REFERENCES main_cards(id)
|
||||
TABLE "member_saved_cards" CONSTRAINT "member_saved_cards_card_id_fkey" FOREIGN KEY (card_id) REFERENCES main_cards(id)
|
||||
TABLE "members_card_assign" CONSTRAINT "members_card_assign_card_id_fkey" FOREIGN KEY (card_id) REFERENCES main_cards(id)
|
||||
TABLE "members_cardclicktrack" CONSTRAINT "members_cardclicktrack_card_id_fkey" FOREIGN KEY (card_id) REFERENCES main_cards(id)
|
||||
TABLE "members_carpool" CONSTRAINT "members_carpool_card_id_fkey" FOREIGN KEY (card_id) REFERENCES main_cards(id)
|
||||
TABLE "members_survey" CONSTRAINT "members_survey_card_id_fkey" FOREIGN KEY (card_id) REFERENCES main_cards(id)
|
||||
TABLE "onboarding_survey_cards" CONSTRAINT "onboarding_survey_cards_card_id_fkey" FOREIGN KEY (card_id) REFERENCES main_cards(id)
|
||||
TABLE "subscription_summary" CONSTRAINT "subscription_summary_card_id_fkey" FOREIGN KEY (card_id) REFERENCES main_cards(id)
|
||||
TABLE "survey_card_country" CONSTRAINT "survey_card_country_card_id_fkey" FOREIGN KEY (card_id) REFERENCES main_cards(id)
|
||||
|
||||
savvy=>
|
||||
|
||||
@@ -0,0 +1,69 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>GPS speed test</title>
|
||||
<style>
|
||||
/* Always set the map height explicitly to define the size of the div
|
||||
* element that contains the map. */
|
||||
#map {
|
||||
height: 625px;
|
||||
}
|
||||
/* Optional: Makes the sample page fill the window. */
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container div {
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="line-chart" width="800" height="450"></canvas>
|
||||
<script>
|
||||
new Chart(document.getElementById("line-chart"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [1500,1600,1700,1750,1800,1850,1900,1950,1999,2050],
|
||||
datasets: [{
|
||||
data: [86,114,106,106,107,111,133,221,783,2478],
|
||||
label: "Africa",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}, {
|
||||
data: [282,350,411,502,635,809,947,1402,3700,5267],
|
||||
label: "Asia",
|
||||
borderColor: "#8e5ea2",
|
||||
fill: false
|
||||
}, {
|
||||
data: [168,170,178,190,203,276,408,547,675,734],
|
||||
label: "Europe",
|
||||
borderColor: "#3cba9f",
|
||||
fill: false
|
||||
}, {
|
||||
data: [40,20,10,16,24,38,74,167,508,784],
|
||||
label: "Latin America",
|
||||
borderColor: "#e8c3b9",
|
||||
fill: false
|
||||
}, {
|
||||
data: [6,3,2,2,7,26,82,172,312,433],
|
||||
label: "North America",
|
||||
borderColor: "#c45850",
|
||||
fill: false
|
||||
}
|
||||
]
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'World population per region (in millions)'
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,16 @@
|
||||
<?php
|
||||
//echo "[".date("Y-m-d H:i:s")."] Daily Report job is starting.\n";
|
||||
include '../backend.php';
|
||||
define('SAVVY_DEBUG', 999999999);
|
||||
|
||||
$in["member_id"] = 74;
|
||||
$in["logic_id"] = 'LG00012';
|
||||
$in["pid"] = '100';
|
||||
$in["action"] = SAVVY_DEBUG;
|
||||
|
||||
$out = $savvyext->savvyext_api($in);
|
||||
$ret = $out["retval"];
|
||||
|
||||
print_r( $out );
|
||||
|
||||
?>
|
||||
@@ -0,0 +1,37 @@
|
||||
<?php
|
||||
|
||||
require('../backend.php');
|
||||
|
||||
$httpAuthToken = "99dfe35fcb7de1ee";
|
||||
$encryptionAlg = "aes-256-ctr";
|
||||
$encryptionKey = "1234567890abcdef1234567890abcdef";
|
||||
$encryptionIV = "1234567890abcdef";
|
||||
|
||||
$db_host = $savvyext->cfgReadChar('database.host');
|
||||
$db_name = $savvyext->cfgReadChar('database.name');
|
||||
$db_user = $savvyext->cfgReadChar('database.user');
|
||||
$db_pass = $savvyext->cfgReadChar('database.pass');
|
||||
$db_port = $savvyext->cfgReadLong('database.port');
|
||||
$connstr = "host=${db_host} port=${db_port} dbname=${db_name} user=${db_user} password=${db_pass}";
|
||||
$conn = pg_connect($connstr);
|
||||
|
||||
$f = file_get_contents("../district.json");
|
||||
$d = json_decode($f,true);
|
||||
|
||||
foreach ($d["data"]["features"] as $i) {
|
||||
//echo $i["properties"]["id"]." => ".$i["properties"]["latitude"].",".$i["properties"]["longitude"]."\n";
|
||||
$q = "UPDATE geofence_area SET latitude=".$i["properties"]["latitude"].",longitude=".$i["properties"]["longitude"]." WHERE id=".$i["properties"]["id"];
|
||||
//$r = pg_query($conn,$q);
|
||||
echo $i["properties"]["id"]." => ".count($i["geometry"]["coordinates"][0][0])."\n";
|
||||
$q = "SELECT * FROM geofence_area WHERE id=".$i["properties"]["id"];
|
||||
$r = pg_query($conn, $q);
|
||||
if ($r && pg_num_rows($r) && $f=pg_fetch_assoc($r)) {
|
||||
$b = json_decode($f["boundaries"],true);
|
||||
$b["polygon"] = $i["geometry"]["coordinates"][0][0];
|
||||
$q = "UPDATE geofence_area SET boundaries='".json_encode($b)."' WHERE id=".$i["properties"]["id"];
|
||||
echo $q."\n";
|
||||
$r = pg_query($conn, $q);
|
||||
echo "ERROR: ".pg_last_error()."\n";
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,121 @@
|
||||
<?php
|
||||
//echo "[".date("Y-m-d H:i:s")."] Daily Report job is starting.\n";
|
||||
include '../backend.php';
|
||||
define("FLOAT_SYSTEM_TEST_EMAIL", 91077);
|
||||
|
||||
function Fextension_call($in, &$out) {
|
||||
// logToFl("Merchant_Name count->" . $in["merchant_name"]);
|
||||
global $savvyext;
|
||||
$out = $savvyext->savvyext_api($in);
|
||||
$ret = $out["retval"];
|
||||
return $ret;
|
||||
}
|
||||
|
||||
$inX["limit"] = 750;
|
||||
$inX["offset"] = 0;
|
||||
$outX=array();
|
||||
|
||||
|
||||
$extension_call = true;
|
||||
|
||||
if ($extension_call == true ) {
|
||||
// logToFl("merchant_name count->" . $res->merchant_name);
|
||||
Fextension_call($inX, $outX);
|
||||
}
|
||||
|
||||
$email_list = array(
|
||||
"1" => "ses66181@gmail.com",
|
||||
"3" => "olu@float.sg",
|
||||
"10" => "ameye+cde@chiefsoft.com"
|
||||
);
|
||||
|
||||
|
||||
$email_tyles = array(
|
||||
"100" => "Sign Up Email",
|
||||
"101" => "Deal Recieved Email",
|
||||
"102" => "Give us Data Em Email"
|
||||
);
|
||||
|
||||
?>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="Mark Otto, Jacob Thornton, and Bootstrap contributors">
|
||||
<meta name="generator" content="Jekyll v3.8.5">
|
||||
<title>Signin Template · Bootstrap</title>
|
||||
|
||||
<link rel="canonical" href="https://getbootstrap.com/docs/4.3/examples/sign-in/">
|
||||
|
||||
<!-- Bootstrap core CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
|
||||
|
||||
|
||||
<style>
|
||||
.bd-placeholder-img {
|
||||
font-size: 1.125rem;
|
||||
text-anchor: middle;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.bd-placeholder-img-lg {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<!-- Custom styles for this template -->
|
||||
<link href="signin.css" rel="stylesheet">
|
||||
</head>
|
||||
<body class="text-center">
|
||||
<form class="form-signin">
|
||||
<img class="mb-4" src="/docs/4.3/assets/brand/bootstrap-solid.svg" alt="" width="72" height="72">
|
||||
<h1 class="h3 mb-3 font-weight-normal">Please sign in</h1>
|
||||
<label for="inputEmail" class="sr-only">Email address</label>
|
||||
<input type="email" id="inputEmail" class="form-control" placeholder="Email address" required autofocus>
|
||||
<label for="inputPassword" class="sr-only">Password</label>
|
||||
<input type="password" id="inputPassword" class="form-control" placeholder="Password" required>
|
||||
<div class="checkbox mb-3">
|
||||
<label>
|
||||
<input type="checkbox" value="remember-me"> Remember me
|
||||
</label>
|
||||
</div>
|
||||
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
|
||||
<p class="mt-5 mb-3 text-muted">© 2017-2019</p>
|
||||
</form>
|
||||
|
||||
<!-- jQuery first, then Tether, then Bootstrap JS. -->
|
||||
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
|
||||
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Hello, world!</h1>
|
||||
|
||||
<!-- jQuery first, then Tether, then Bootstrap JS. -->
|
||||
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,338 @@
|
||||
<?php
|
||||
|
||||
//echo "[".date("Y-m-d H:i:s")."] Daily Report job is starting.\n";
|
||||
include '../backend.php';
|
||||
|
||||
$db_host = $savvyext->cfgReadChar('database.host');
|
||||
$db_name = $savvyext->cfgReadChar('database.name');
|
||||
$db_user = $savvyext->cfgReadChar('database.user');
|
||||
$db_pass = $savvyext->cfgReadChar('database.pass');
|
||||
$db_port = $savvyext->cfgReadLong('database.port');
|
||||
$connstr = "host=${db_host} port=${db_port} dbname=${db_name} user=${db_user} password=${db_pass}";
|
||||
$conn = pg_connect($connstr);
|
||||
|
||||
$result_data = emissionsByDaysData($conn, 1, 30);
|
||||
|
||||
//print_r(emissionsByDaysData($conn, 3, 30));
|
||||
// print_r($result_data);
|
||||
/*
|
||||
foreach ($result_data AS $drow){
|
||||
foreach ($drow AS $drow1){
|
||||
print_r($drow1);
|
||||
}
|
||||
|
||||
echo "------------------------------";
|
||||
}
|
||||
*/
|
||||
function emissionsByDaysData($db, $member_id, $days) {
|
||||
|
||||
|
||||
$gas_emission = [];
|
||||
$mysql_e = "SELECT sum(amount) AS amount,time::date FROM members_bankimport "
|
||||
. " WHERE member_id = $member_id AND LOWER(category) ='gas' "
|
||||
. " AND time between now()+'-$days days' "
|
||||
. " AND now() GROUP by time::date ORDER BY time DESC";
|
||||
|
||||
$re = pg_query($db, $mysql_e);
|
||||
if ($re && pg_num_rows($re)) {
|
||||
$itm_e = 0;
|
||||
while ($fe = pg_fetch_assoc($re)) {
|
||||
$gas_emission_value = 0;
|
||||
$gas_amount = $fe["amount"]*0.01;
|
||||
$gas_date = $fe["time"];
|
||||
|
||||
// $emiss_arr = array_fill_keys($gas_date, array("gas_date" => "$gas_date", "value" => $gas_emission_value, "gas" => $gas_amount));
|
||||
// $emiss_arr[$gas_date] = array_fill_keys($gas_date, array("gas_date" => "$gas_date", "value" => $gas_emission_value, "gas" => $gas_amount));
|
||||
$emiss_arr[$gas_date] = array("gas_date" => "$gas_date", "value" => $gas_emission_value, "gas" => $gas_amount);
|
||||
|
||||
// print_r( $emiss_arr );
|
||||
// array_push($gas_emission, array("gas_date" => "$gas_date", "value" => $gas_emission_value, "gas" => $gas_amount));
|
||||
// array_push($gas_emission, $emiss_arr);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
print_r($emiss_arr);
|
||||
|
||||
|
||||
$data = [];
|
||||
|
||||
$data_result = travelTimeByDaysData($db, $member_id, $days);
|
||||
|
||||
foreach ($data_result[0] as $drow) {
|
||||
// print_r($drow);
|
||||
// echo "<hr>";
|
||||
}
|
||||
//print_r($data_result[0]);
|
||||
|
||||
|
||||
for ($ic = 0; $ic < $days; $ic++) {
|
||||
$new_date = date('Y-m-d', strtotime("-$ic days"));
|
||||
$emission_value = 0;
|
||||
|
||||
if (array_key_exists($new_date, $data_result[0])) {
|
||||
$emission_value = $data_result[0][$new_date]["emission"];
|
||||
}
|
||||
|
||||
array_push($data, array("date" => "$new_date", "value" => $emission_value));
|
||||
}
|
||||
|
||||
// print_r($data);
|
||||
|
||||
return [$data, []];
|
||||
}
|
||||
|
||||
function travelTimeByDaysData($db, $member_id, $days) {
|
||||
|
||||
//PREPARE THE MODEL ARRAY
|
||||
$mysql = "SELECT mkey,substr(lower(transport_mode),0,5) AS transport_mode, grams_km,passengers FROM emission_model";
|
||||
$model_data = [];
|
||||
$r = pg_query($db, $mysql);
|
||||
if ($r && pg_num_rows($r)) {
|
||||
$itm_count = 0;
|
||||
while ($f = pg_fetch_assoc($r)) {
|
||||
|
||||
$model_line = array("mkey" => $f["mkey"], "transport_mode" => $f["transport_mode"], "grams_km" => $f["grams_km"], "passengers" => $f["passengers"]);
|
||||
$model_data[$f["transport_mode"]][] = $model_line;
|
||||
}
|
||||
}
|
||||
|
||||
$data_result = [];
|
||||
// note we don travel everyday - i am modifying this to last 30 or 60 days - not just date diiference
|
||||
$q = "SELECT b.travel_date::date, c.category,count(*) AS count, sum(b.cost) AS amount ,sum(b.duration) AS sum_duration , sum(b.distance) AS sum_distance
|
||||
FROM trackedemail_item a, parsedemail_item b, transport_providers c
|
||||
WHERE a.id=b.trackedemail_item_id AND a.member_id=${member_id} AND c.id=b.transport_provider_id AND b.dup_id IS NULL AND
|
||||
date_trunc('day', b.travel_date_end) > (current_date - ${days}) AND date_trunc('day', b.travel_date_end) < current_date AND
|
||||
b.transport_provider_id > 0
|
||||
GROUP BY b.travel_date::date, c.category ORDER BY b.travel_date::date DESC "; // ${days}
|
||||
//error_log($q);
|
||||
$r = pg_query($db, $q);
|
||||
if ($r && pg_num_rows($r)) {
|
||||
$itm_count = 0;
|
||||
while ($f = pg_fetch_assoc($r)) {
|
||||
// pick the category
|
||||
$category_substring = strtolower(substr($f["category"], 0, 4));
|
||||
$model_read = $model_data[$category_substring][0];
|
||||
|
||||
$grams_km = $model_read["grams_km"];
|
||||
$passengers = $model_read["passengers"];
|
||||
|
||||
//echo "<hr>";
|
||||
//print_r( $model_read );
|
||||
$emission = $f["sum_distance"] * $grams_km / $passengers;
|
||||
|
||||
$detail_line = array("category" => $f["category"], "amount" => $f["amount"], "duration" => $f["sum_duration"], "distance" => $f["sum_distance"], "emission" => $emission);
|
||||
$add_line = true;
|
||||
if ($itm_count > 0) {
|
||||
if (array_key_exists($f["travel_date"], $data_result)) {
|
||||
$add_line = false; // dont add new line - modify the current one
|
||||
$data_result[$f["travel_date"]]["value"] = $data_result[$f["travel_date"]]["value"] + $f["sum_duration"];
|
||||
$data_result[$f["travel_date"]]["amount"] = $data_result[$f["travel_date"]]["amount"] + $f["amount"];
|
||||
$data_result[$f["travel_date"]]["distance"] = $data_result[$f["travel_date"]]["distance"] + $f["sum_distance"];
|
||||
$data_result[$f["travel_date"]]["emission"] = $data_result[$f["travel_date"]]["emission"] + $emission;
|
||||
$data_result[$f["travel_date"]][$f["travel_date"]][] = $detail_line;
|
||||
}
|
||||
}
|
||||
|
||||
if (true == $add_line) {
|
||||
$data_line = array(
|
||||
"date" => $f["travel_date"],
|
||||
"value" => $f["sum_duration"],
|
||||
"amount" => $f["amount"],
|
||||
"distance" => $f["sum_distance"],
|
||||
"emission" => $emission,
|
||||
$f["travel_date"] => $detail_line
|
||||
);
|
||||
$data_result[$f["travel_date"]] = $data_line;
|
||||
}
|
||||
$itm_count++;
|
||||
}
|
||||
}
|
||||
|
||||
print_r($data_result);
|
||||
/*
|
||||
travel_date | category | count | amount | sum_duration | distance
|
||||
-------------+-----------+-------+--------+--------------+----------
|
||||
2020-01-14 | RideShare | 1 | 13.39 | 14 | 1.43
|
||||
2019-12-10 | RideShare | 1 | 43.32 | 32 | 19.71
|
||||
2019-12-06 | RideShare | 4 | 43.29 | 52 | 11.76
|
||||
2019-10-19 | RideShare | 3 | 75.00 | 75 | 23.78
|
||||
2019-10-18 | RideShare | 3 | 20.10 | 34 | 8.85
|
||||
2019-10-17 | RideShare | 3 | 36.50 | 57 | 32.86
|
||||
*/
|
||||
|
||||
$optional_message = "Sweet! You’ve spent almost 30 minutes less time on your commute this month!";
|
||||
$icon = "fast-moving";
|
||||
|
||||
$options_data = array('message' => $optional_message, 'icon' => $icon);
|
||||
|
||||
return [$data_result, $options_data];
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
function travelTimeByDaysDataOLD($db, $member_id, $days) {
|
||||
|
||||
//PREPARE THE MODEL ARRAY
|
||||
$mysql = "SELECT mkey,substr(lower(transport_mode),0,5) AS transport_mode, grams_km,passengers FROM emission_model";
|
||||
$model_data = [];
|
||||
$r = pg_query($db, $mysql);
|
||||
if ($r && pg_num_rows($r)) {
|
||||
$itm_count = 0;
|
||||
while ($f = pg_fetch_assoc($r)) {
|
||||
|
||||
$model_line = array("mkey" => $f["mkey"], "transport_mode" => $f["transport_mode"], "grams_km" => $f["grams_km"], "passengers" => $f["passengers"]);
|
||||
$model_data[$f["transport_mode"]][] = $model_line;
|
||||
}
|
||||
}
|
||||
|
||||
$data_result = [];
|
||||
// note we don travel everyday - i am modifying this to last 30 or 60 days - not just date diiference
|
||||
$q = "SELECT b.travel_date::date, c.category,count(*) AS count, sum(b.cost) AS amount ,sum(b.duration) AS sum_duration , sum(b.distance) AS sum_distance
|
||||
FROM trackedemail_item a, parsedemail_item b, transport_providers c
|
||||
WHERE a.id=b.trackedemail_item_id AND a.member_id=${member_id} AND c.id=b.transport_provider_id AND b.dup_id IS NULL AND
|
||||
date_trunc('day', b.travel_date_end) > (current_date - ${days}) AND date_trunc('day', b.travel_date_end) < current_date AND
|
||||
b.transport_provider_id > 0
|
||||
GROUP BY b.travel_date::date, c.category ORDER BY b.travel_date::date DESC "; // ${days}
|
||||
//error_log($q);
|
||||
$r = pg_query($db, $q);
|
||||
if ($r && pg_num_rows($r)) {
|
||||
$itm_count = 0;
|
||||
while ($f = pg_fetch_assoc($r)) {
|
||||
// pick the category
|
||||
$category_substring = strtolower(substr($f["category"], 0, 4));
|
||||
$model_read = $model_data[$category_substring][0];
|
||||
|
||||
$grams_km = $model_read["grams_km"];
|
||||
$passengers = $model_read["passengers"];
|
||||
|
||||
//echo "<hr>";
|
||||
//print_r( $model_read );
|
||||
$emission = $f["sum_distance"] * $grams_km / $passengers;
|
||||
|
||||
$detail_line = array("category" => $f["category"], "amount" => $f["amount"], "duration" => $f["sum_duration"], "distance" => $f["sum_distance"], "emission" => $emission);
|
||||
$add_line = true;
|
||||
if ($itm_count > 0) {
|
||||
if (array_key_exists($f["travel_date"], $data_result)) {
|
||||
$add_line = false; // dont add new line - modify the current one
|
||||
$data_result[$f["travel_date"]]["value"] = $data_result[$f["travel_date"]]["value"] + $f["sum_duration"];
|
||||
$data_result[$f["travel_date"]]["amount"] = $data_result[$f["travel_date"]]["amount"] + $f["amount"];
|
||||
$data_result[$f["travel_date"]]["distance"] = $data_result[$f["travel_date"]]["distance"] + $f["sum_distance"];
|
||||
$data_result[$f["travel_date"]]["emission"] = $data_result[$f["travel_date"]]["emission"] + $emission;
|
||||
$data_result[$f["travel_date"]][$f["travel_date"]][] = $detail_line;
|
||||
}
|
||||
}
|
||||
|
||||
if (true == $add_line) {
|
||||
$data_line = array(
|
||||
"date" => $f["travel_date"],
|
||||
"value" => $f["sum_duration"],
|
||||
"amount" => $f["amount"],
|
||||
"distance" => $f["sum_distance"],
|
||||
"emission" => $emission,
|
||||
$f["travel_date"] => $detail_line
|
||||
);
|
||||
$data_result[$f["travel_date"]] = $data_line;
|
||||
}
|
||||
$itm_count++;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
travel_date | category | count | amount | sum_duration
|
||||
-------------+-----------+-------+--------+-----
|
||||
2019-07-25 | RideShare | 1 | 6.00 | 7
|
||||
2019-07-22 | RideShare | 1 | 13.90 | 19
|
||||
2019-06-24 | RideShare | 1 | 14.50 | 20
|
||||
2019-06-22 | RideShare | 1 | 6.00 | 6
|
||||
2019-06-21 | RideShare | 1 | 14.90 | 13
|
||||
2019-06-20 | RideShare | 2 | 24.00 | 33
|
||||
2019-06-16 | RideShare | 2 | 20.10 | 21
|
||||
2019-05-28 | RideShare | 1 | 14.20 | 15
|
||||
2019-05-27 | RideShare | 4 | 40.30 | 64
|
||||
2019-05-27 | Taxi | 1 | 13.20 | 10
|
||||
2019-05-26 | RideShare | 2 | 27.70 | 17
|
||||
2019-05-24 | RideShare | 3 | 27.50 | 53
|
||||
2019-05-24 | Taxi | 1 | 24.50 | 36
|
||||
2019-05-23 | RideShare | 4 | 38.10 | 45
|
||||
|
||||
travel_date | category | count | amount | sum_duration | distance
|
||||
-------------+-----------+-------+--------+--------------+----------
|
||||
2020-01-14 | RideShare | 1 | 13.39 | 14 | 1.43
|
||||
2019-12-10 | RideShare | 1 | 43.32 | 32 | 19.71
|
||||
2019-12-06 | RideShare | 4 | 43.29 | 52 | 11.76
|
||||
2019-10-19 | RideShare | 3 | 75.00 | 75 | 23.78
|
||||
2019-10-18 | RideShare | 3 | 20.10 | 34 | 8.85
|
||||
2019-10-17 | RideShare | 3 | 36.50 | 57 | 32.86
|
||||
2019-10-16 | RideShare | 8 | 96.90 | 144 | 90.25
|
||||
2019-10-15 | RideShare | 7 | 71.00 | 140 | 48.77
|
||||
2019-10-14 | RideShare | 4 | 41.20 | 87 | 38.93
|
||||
2019-10-13 | RideShare | 4 | 60.00 | 79 | 54.41
|
||||
2019-10-12 | RideShare | 5 | 54.60 | 58 | 42.6
|
||||
2019-10-11 | RideShare | 7 | 76.80 | 139 | 68.37
|
||||
2019-10-10 | RideShare | 4 | 57.40 | 97 | 50.74
|
||||
2019-10-09 | RideShare | 8 | 87.40 | 147 | 80.95
|
||||
2019-10-08 | RideShare | 6 | 81.30 | 106 | 71.11
|
||||
2019-10-07 | RideShare | 5 | 52.00 | 69 | 33.25
|
||||
2019-10-06 | RideShare | 6 | 60.80 | 101 | 49.45
|
||||
2019-10-05 | RideShare | 4 | 28.20 | 33 | 19.0
|
||||
2019-10-04 | RideShare | 2 | 44.50 | 53 | 31.44
|
||||
2019-10-03 | RideShare | 7 | 76.26 | 164 | 51.86
|
||||
2019-10-02 | RideShare | 6 | 84.40 | 219 | 54.40
|
||||
2019-10-01 | RideShare | 4 | 56.30 | 132 | 52.25
|
||||
2019-09-30 | RideShare | 7 | 90.80 | 123 | 67.76
|
||||
2019-09-29 | RideShare | 1 | 15.00 | 21 | 21.85
|
||||
2019-09-14 | RideShare | 3 | 29.00 | 33 | 27.61
|
||||
2019-09-13 | RideShare | 3 | 48.40 | 67 | 33.88
|
||||
2019-09-12 | RideShare | 4 | 54.25 | 87 | 48.11
|
||||
2019-09-11 | RideShare | 5 | 53.20 | 82 | 44.29
|
||||
2019-09-10 | RideShare | 3 | 23.90 | 44 | 20.5
|
||||
2019-09-09 | RideShare | 1 | 20.00 | 34 | 14.60
|
||||
2019-09-07 | RideShare | 2 | 30.90 | 41 | 29.86
|
||||
2019-09-06 | RideShare | 8 | 73.60 | 121 | 52.84
|
||||
(32 rows)
|
||||
|
||||
|
||||
|
||||
*/
|
||||
|
||||
$optional_message = "Sweet! You’ve spent almost 30 minutes less time on your commute this month!";
|
||||
$icon = "fast-moving";
|
||||
|
||||
$options_data = array('message' => $optional_message, 'icon' => $icon);
|
||||
|
||||
return [$data_result, $options_data];
|
||||
}
|
||||
|
||||
?>
|
||||
@@ -0,0 +1,181 @@
|
||||
<?php
|
||||
$message = "";
|
||||
$gas_amount = "0";
|
||||
$gas_country = "";
|
||||
|
||||
//
|
||||
|
||||
if (isset($_POST) && !empty($_POST['gas_amount'])) {
|
||||
//$message = "post was detected";
|
||||
$gas_amount = GetPostVar("gas_amount");
|
||||
$gas_country = GetPostVar("gas_country", 'US');
|
||||
$gas_number = GetPostVar("gas_number");
|
||||
|
||||
$emisson = getEmissionModel($gas_amount, $gas_number, $gas_country);
|
||||
|
||||
// you can attach your calls here
|
||||
$message = "Gas Amount $=" . $gas_amount . " Country = " . $gas_country;
|
||||
$message1 = " Estimated total CO2 emissions per re-fuel =" . $emisson[0];
|
||||
$message2 = " Estimated CO2 emissions per month =" . $emisson[1];
|
||||
$message3 = " Estimated CO2 emissions per week =" . $emisson[2];
|
||||
}
|
||||
|
||||
function getEmissionModel($gas_amount, $gas_number, $gas_country = 'US') {
|
||||
|
||||
// GAS MODEL ASSUMPTIONS
|
||||
|
||||
$average_car_CO2_emissions = 168;
|
||||
$average_distance_travelled_pre_litre_of_petrol_km = 13;
|
||||
$average_price_per_litre_USD = 1.07;
|
||||
if ('SG' == $gas_country) {
|
||||
$average_price_per_litre_USD = 1.39;
|
||||
}
|
||||
|
||||
|
||||
$estimated_litres_of_fuel_purchased_litres = $gas_amount / $average_price_per_litre_USD;
|
||||
$estimated_distance_travelled_per_re_fuel_km = $estimated_litres_of_fuel_purchased_litres * $average_distance_travelled_pre_litre_of_petrol_km;
|
||||
|
||||
$estimated_total_CO2_emissions_per_refuel = $estimated_distance_travelled_per_re_fuel_km * $average_car_CO2_emissions;
|
||||
$estimated_CO2_emissions_per_month = $estimated_total_CO2_emissions_per_refuel * $gas_number;
|
||||
$estimated_CO2_emissions_per_week = $estimated_CO2_emissions_per_month * 12 / 52;
|
||||
|
||||
|
||||
$data = [];
|
||||
|
||||
$data[0] = $estimated_total_CO2_emissions_per_refuel;
|
||||
$data[1] = $estimated_CO2_emissions_per_month;
|
||||
$data[2] = $estimated_CO2_emissions_per_week;
|
||||
|
||||
return $data;
|
||||
}
|
||||
|
||||
/*
|
||||
*
|
||||
CREATE TABLE emission_gas_model (
|
||||
id SERIAL,
|
||||
country varchar(2) UNIQUE REFERENCES country(code),
|
||||
avrg_car_CO2_emissions INT DEFAULT 0,
|
||||
avrg_dist_travel_pre_litre INT DEFAULT 0,
|
||||
avrg_price_per_litre FLOAT DEFAULT 0,
|
||||
created timestamp without time zone DEFAULT now(),
|
||||
updated timestamp without time zone DEFAULT now(),
|
||||
primary key(id)
|
||||
);
|
||||
|
||||
INSERT INTO emission_gas_model(country,avrg_car_CO2_emissions,avrg_dist_travel_pre_litre,avrg_price_per_litre)
|
||||
VALUES('US',168,13,1.07);
|
||||
|
||||
INSERT INTO emission_gas_model(country,avrg_car_CO2_emissions,avrg_dist_travel_pre_litre,avrg_price_per_litre)
|
||||
VALUES('SG',168,13,1.39);
|
||||
*/
|
||||
//print_r($_POST);
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>Gas Model Test</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="jumbotron text-center">
|
||||
<h1>Test Gas Emission Model</h1>
|
||||
<p>Reference Emission Model - <a href="https://docs.google.com/spreadsheets/d/1c93ZRl_XXViCvkP6NN2tXXvwbG25TWhlRqKX11Ezrw4/edit#gid=328549878">https://docs.google.com/spreadsheets/d/1c93ZRl_XXViCvkP6NN2tXXvwbG25TWhlRqKX11Ezrw4/edit#gid=328549878</a> </p>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<h3>Technical Description</h3>
|
||||
<p> This interface uses the model to calculate the emission my gas purchase</p>
|
||||
<p>The function prepared should be used where the model is needed in data generation </p>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<h3>Find Ride</h3>
|
||||
<form method='post' action="#">
|
||||
|
||||
<table class="table table-striped">
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">Amount</th>
|
||||
<td>
|
||||
|
||||
<input type="text" class="form-control" name="gas_amount" value="<?= $gas_amount ?>" placeholder="Enter Start Address" aria-label="Enter Start Address" aria-describedby="basic-addon2" >
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Number of Refill</th>
|
||||
<td>
|
||||
<select class="form-control" name="gas_number">
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
</select>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th scope="row">Country</th>
|
||||
<td>
|
||||
<select class="form-control" name="gas_country">
|
||||
<option value="">Select Country</option>
|
||||
<option value="US">United States</option>
|
||||
<option value="SG">Singapore</option>
|
||||
</select>
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"></th>
|
||||
<td style="text-align: right;"><button type="submit" name="foo" class="btn btn-info">Submit</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<h2><?= $message ?></h2><br><p>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<h2><?= $message1 ?></h2><br><p>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<h2><?= $message2 ?></h2><br><p>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
|
||||
<h2><?= $message3 ?></h2><br>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<?php
|
||||
|
||||
function GetPostVar($name, $sDefault = "") {
|
||||
global $_GET, $_POST;
|
||||
return (isset($_POST[$name])) ? strip_tags($_POST[$name]) : ((isset($_GET[$name])) ? strip_tags($_GET[$name]) : $sDefault);
|
||||
}
|
||||
?>
|
||||
@@ -0,0 +1,291 @@
|
||||
<?php
|
||||
set_time_limit(0); // No limit!
|
||||
|
||||
require('../backend.php');
|
||||
|
||||
$httpAuthToken = "99dfe35fcb7de1ee";
|
||||
$encryptionAlg = "aes-256-ctr";
|
||||
$encryptionKey = "1234567890abcdef1234567890abcdef";
|
||||
$encryptionIV = "1234567890abcdef";
|
||||
|
||||
$db_host = $savvyext->cfgReadChar('database.host');
|
||||
$db_name = $savvyext->cfgReadChar('database.name');
|
||||
$db_user = $savvyext->cfgReadChar('database.user');
|
||||
$db_pass = $savvyext->cfgReadChar('database.pass');
|
||||
$db_port = $savvyext->cfgReadLong('database.port');
|
||||
$connstr = "host=${db_host} port=${db_port} dbname=${db_name} user=${db_user} password=${db_pass}";
|
||||
$conn = pg_connect($connstr);
|
||||
|
||||
//$_GET['id'] = 8946; // DEBUG
|
||||
if (isset($_GET['id']) && $_GET['id']>0) {
|
||||
$q = "select a.id,a.duration,a.distance,a.location_start_id,a.location_end_id,";
|
||||
$q.= "b.address as location_start,b.latitude as location_start_lat,b.longitude AS location_start_lng,";
|
||||
$q.= "c.address as location_end,c.latitude as location_end_lat,c.longitude AS location_end_lng";
|
||||
$q.= " from parsedemail_item a, address b, address c ";
|
||||
$q.= " where a.id=".((int)$_GET['id'])." and b.id=a.location_start_id and c.id=a.location_end_id";
|
||||
$r = pg_query($conn,$q);
|
||||
if ($r && pg_num_rows($r) && $f=pg_fetch_assoc($r)) {
|
||||
$payload = "{
|
||||
\"origin\":\"".$f["location_start"]."\",
|
||||
\"destination\":\"".$f["location_end"]."\",
|
||||
\"member_id\":13,
|
||||
\"transport_provider_id\":5,
|
||||
\"trackedemail_item_id\":".$f["id"].",
|
||||
\"country\":\"SG\",
|
||||
\"group_quote_id\":0
|
||||
}";
|
||||
$encrypted_payload = bin2hex(
|
||||
openssl_encrypt(
|
||||
$payload,
|
||||
$encryptionAlg,
|
||||
$encryptionKey,
|
||||
OPENSSL_RAW_DATA,
|
||||
$encryptionIV
|
||||
));
|
||||
$postdata = "{\"encrypted_payload\": \"${encrypted_payload}\"}";
|
||||
$url = "http://svrsavvy.sworks.float.sg/SAVVY/trips/api/quote";
|
||||
|
||||
$ch = curl_init($url);
|
||||
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "POST");
|
||||
curl_setopt($ch, CURLOPT_POSTFIELDS, $postdata);
|
||||
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
|
||||
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
|
||||
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
|
||||
curl_setopt($ch, CURLOPT_VERBOSE, false);
|
||||
curl_setopt($ch, CURLOPT_HTTPHEADER, array(
|
||||
'Content-Type: application/json',
|
||||
'Content-Length: ' . strlen($postdata),
|
||||
'Authorization: Server-Token ' . $httpAuthToken)
|
||||
);
|
||||
|
||||
$body = curl_exec($ch);
|
||||
$result = json_decode($body,true);
|
||||
|
||||
$decrypted = openssl_decrypt(
|
||||
hex2bin(
|
||||
$result['payload']
|
||||
),
|
||||
$encryptionAlg,
|
||||
$encryptionKey,
|
||||
OPENSSL_RAW_DATA,
|
||||
$encryptionIV
|
||||
);
|
||||
$payload = json_decode($decrypted, true);
|
||||
|
||||
error_log($body);
|
||||
|
||||
if (is_array($payload) && array_key_exists('id',$payload) && $payload['id']>0) {
|
||||
if (array_key_exists('cost',$payload) && $payload['cost']>0) {
|
||||
echo $payload['cost'];
|
||||
exit();
|
||||
}
|
||||
if (array_key_exists('completed',$payload) && $payload['completed']!='') {
|
||||
http_response_code(404);
|
||||
echo "Quote service failed for " . $_GET['id'];
|
||||
}
|
||||
$startTime = time();
|
||||
while (true) {
|
||||
sleep(1);
|
||||
$url = "http://svrsavvy.sworks.float.sg/SAVVY/trips/api/quote/".$payload['id'];
|
||||
$ch = curl_init($url);
|
||||
curl_setopt($ch, CURLOPT_CUSTOMREQUEST, "GET");
|
||||
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
|
||||
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, false);
|
||||
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, false);
|
||||
curl_setopt($ch, CURLOPT_VERBOSE, false);
|
||||
curl_setopt($ch, CURLOPT_HTTPHEADER, array(
|
||||
'Content-Type: application/json',
|
||||
'Authorization: Server-Token ' . $httpAuthToken)
|
||||
);
|
||||
|
||||
$body = curl_exec($ch);
|
||||
$result = json_decode($body,true);
|
||||
|
||||
$decrypted = openssl_decrypt(
|
||||
hex2bin(
|
||||
$result['payload']
|
||||
),
|
||||
$encryptionAlg,
|
||||
$encryptionKey,
|
||||
OPENSSL_RAW_DATA,
|
||||
$encryptionIV
|
||||
);
|
||||
$payload = json_decode($decrypted, true);
|
||||
if (is_array($payload) && array_key_exists('id',$payload) && $payload['id']>0) {
|
||||
if (array_key_exists('cost',$payload) && $payload['cost']>0) {
|
||||
echo $payload['cost'];
|
||||
exit();
|
||||
}
|
||||
if (array_key_exists('completed',$payload) && $payload['completed']!='') {
|
||||
http_response_code(404);
|
||||
echo "Quote service failed for " . $_GET['id'];
|
||||
exit();
|
||||
}
|
||||
} else {
|
||||
http_response_code(404);
|
||||
echo "Quote check failed for " . $_GET['id'];
|
||||
exit();
|
||||
}
|
||||
// >15 minutes? Give up :,(
|
||||
if ((time()-$startTime)>900) {
|
||||
http_response_code(404);
|
||||
echo "Quote takes too long for " . $_GET['id'];
|
||||
exit();
|
||||
}
|
||||
}
|
||||
} else {
|
||||
http_response_code(404);
|
||||
echo "Quote start failed for " . $_GET['id'];
|
||||
if (is_array($payload)) {
|
||||
echo "<br/>".json_encode($payload);
|
||||
} else {
|
||||
echo "<br/>".$body;
|
||||
}
|
||||
}
|
||||
} else {
|
||||
http_response_code(404);
|
||||
echo "Invalid ID " . $_GET['id'];
|
||||
}
|
||||
exit();
|
||||
}
|
||||
|
||||
$offset = 100;
|
||||
$limit = 100;
|
||||
|
||||
$q = "select a.id,a.duration,a.distance,a.location_start_id,a.location_end_id,";
|
||||
$q.= "b.address as location_start,b.latitude as location_start_lat,b.longitude AS location_start_lng,";
|
||||
$q.= "c.address as location_end,c.latitude as location_end_lat,c.longitude AS location_end_lng";
|
||||
$q.= " from parsedemail_item a, address b, address c ";
|
||||
$q.= " where a.dup_id is null and b.id=a.location_start_id and c.id=a.location_end_id";
|
||||
$q.= " and b.country='SG' AND c.country='SG' offset ${offset} limit ${limit}";
|
||||
//echo $q;
|
||||
$r = pg_query($conn,$q);
|
||||
/*
|
||||
savvy=> \d address
|
||||
Table "public.address"
|
||||
Column | Type | Modifiers
|
||||
----------------+------------------------+------------------------------------------------------
|
||||
id | bigint | not null default nextval('address_id_seq'::regclass)
|
||||
address | character varying(200) |
|
||||
latitude | numeric |
|
||||
longitude | numeric |
|
||||
timezone | integer |
|
||||
geocoding_date | date |
|
||||
postal | character varying(40) |
|
||||
country | character varying(2) | default 'SG'::character varying
|
||||
geometry | geography(Point,4326) |
|
||||
description | character varying(100) |
|
||||
*/
|
||||
?>
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en" dir="ltr">
|
||||
<head>
|
||||
<title>Gojek Quote Load Test</title>
|
||||
</head>
|
||||
<body>
|
||||
<button id="start" onclick="return startLoad(this);">Start <img src="1-0.gif" alt="Loading..." /> loading</button>
|
||||
<div id="source" style="overflow:scroll; height:600px;">
|
||||
<table border=0>
|
||||
<thead>
|
||||
<th>N#</th>
|
||||
<th>ID</th>
|
||||
<th>Duration</th>
|
||||
<th>Distance</th>
|
||||
<th>Address From</th>
|
||||
<th>Address To</th>
|
||||
<th>Quote</th>
|
||||
<th>Elapsed</th>
|
||||
<thead>
|
||||
<tbody>
|
||||
<?
|
||||
$quotes = [];
|
||||
if ($r && pg_num_rows($r)) {
|
||||
$ps = $pe = NULL; $j=1;
|
||||
while ($f=pg_fetch_assoc($r)) {
|
||||
if ($ps==$f["location_start"] && $pe==$f["location_end"]) continue;
|
||||
if ($f["location_start"]=="" || $f["location_end"]=="") continue;
|
||||
$quotes[] = $f["id"];
|
||||
?>
|
||||
<tr>
|
||||
<td><?=$j++;?></td>
|
||||
<td><?=$f["id"]?></td>
|
||||
<td align=right><?=sprintf("%0.02f",$f["duration"]/60)?></td>
|
||||
<td align=right><?=sprintf("%0.02f",$f["distance"]>999?($f["distance"]/1000):$f["distance"])?></td>
|
||||
<td><?=$f["location_start"]?></td>
|
||||
<td><?=$f["location_end"]?></td>
|
||||
<td><div id="quote<?=$f["id"]?>">N/A</div></td>
|
||||
<td><div id="elapsed<?=$f["id"]?>">0 sec</div></td>
|
||||
</tr>
|
||||
<? $ps = $f["location_start"]; $pe = $f["location_end"]; }} ?>
|
||||
<tbody>
|
||||
</table>
|
||||
</div>
|
||||
<div id="console" style="overflow:scroll; height:600px; background:#eee;">
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
<!--
|
||||
var ids = [<?=implode(',',$quotes)?>];
|
||||
var running = 0;
|
||||
var started = null;
|
||||
function startLoad(btn) {
|
||||
if (!confirm('Are you sure you want to start load?')) {
|
||||
return false;
|
||||
}
|
||||
btn.disabled = true;
|
||||
started = new Date();
|
||||
ids.forEach(id=>{
|
||||
//console.log(id);
|
||||
//document.getElementById('console').innerHTML += id + '<br/>';
|
||||
quote(id);
|
||||
});
|
||||
return false;
|
||||
}
|
||||
function quote(id) {
|
||||
var xmlhttp = new XMLHttpRequest();
|
||||
if (xmlhttp!=null) {
|
||||
var url = "?id="+id;
|
||||
var start = new Date();
|
||||
xmlhttp.onreadystatechange = function()
|
||||
{
|
||||
if(this.readyState==4 && this.status == 200)
|
||||
{
|
||||
// Get data from the server's response
|
||||
parseResponse(this.responseText,id,start);
|
||||
}
|
||||
else if (this.readyState == 4 && this.status != 200)
|
||||
{
|
||||
parseResponse('Error',id,start);
|
||||
document.getElementById('console').innerHTML += this.status + '<br/>\r';
|
||||
document.getElementById('console').innerHTML += this.responseXML + '<br/>\r';
|
||||
document.getElementById('console').innerHTML += this.statusText + '<br/>\r';
|
||||
document.getElementById('console').innerHTML += this.responseText + '<br/>\r';
|
||||
//alert(this.responseXML+'/'+this.responseText+'/'+this.statusText);
|
||||
//alert(this.getAllResponseHeaders());
|
||||
}
|
||||
}
|
||||
document.getElementById('elapsed'+id).innerHTML = '<img src="1-0.gif" alt="Loading..." />';
|
||||
document.getElementById('console').innerHTML += 'Starting #' + id + ' on '+ start +'<br/>\r';
|
||||
//alert(url);
|
||||
xmlhttp.open("GET",url,true);
|
||||
xmlhttp.send(null);
|
||||
running++;
|
||||
}
|
||||
}
|
||||
function parseResponse(response,id,start) {
|
||||
var c = ((new Date()).getTime() - start.getTime())/1000;
|
||||
document.getElementById('quote'+id).innerHTML = response;
|
||||
document.getElementById('elapsed'+id).innerHTML = c;
|
||||
document.getElementById('console').innerHTML += 'Complete #' + id + ' in ' + c + ' seconds<br/>\r';
|
||||
running--;
|
||||
if (running<1) {
|
||||
var c = ((new Date()).getTime() - started.getTime())/1000;
|
||||
running = 0;
|
||||
document.getElementById('start').disabled = false;
|
||||
document.getElementById('console').innerHTML += 'All complete in ' + c + ' seconds.<br/>\n';
|
||||
}
|
||||
}
|
||||
// -->
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,186 @@
|
||||
<?php
|
||||
require '../backend.php';
|
||||
|
||||
//PostgreSQL
|
||||
$gps_db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$gps_db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$gps_db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$gps_db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$gps_db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$conn_string_gps = "host=${gps_db_host} port=${gps_db_port} dbname=${gps_db_name} user=${gps_db_user} password=${gps_db_pass}";
|
||||
$pgconn_gps = pg_connect($conn_string_gps);
|
||||
|
||||
$res = [];
|
||||
$min_lat = PHP_INT_MAX;
|
||||
$min_lng = PHP_INT_MAX;
|
||||
$max_lat = PHP_INT_MIN;
|
||||
$max_lng = PHP_INT_MIN;
|
||||
$center_lat = 0;
|
||||
$center_lng = 0;
|
||||
$q = "select * from members_tracking where member_id=13 and id>1961278 and id<1961766 order by created";
|
||||
$q = "select a.*,extract(epoch from a.ttime-b.ttime) as seconds from members_tracking a left join members_tracking b on (b.id=a.previous_id) ";
|
||||
$q.= "where a.member_id=13 and a.id>1961278 and a.id<1961766 order by a.ttime";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
while ($f=pg_fetch_assoc($r)) {
|
||||
$res[] = $f;
|
||||
if ($f["lat"]<$min_lat) $min_lat = $f["lat"];
|
||||
if ($f["lng"]<$min_lng) $min_lng = $f["lng"];
|
||||
if ($f["lat"]>$max_lat) $max_lat = $f["lat"];
|
||||
if ($f["lng"]>$max_lng) $max_lng = $f["lng"];
|
||||
}
|
||||
$center_lat = ($min_lat+$max_lat)/2;
|
||||
$center_lng = ($min_lng+$max_lng)/2;
|
||||
pg_close($pgconn_gps);
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>GPS speed test</title>
|
||||
<style>
|
||||
/* Always set the map height explicitly to define the size of the div
|
||||
* element that contains the map. */
|
||||
#map {
|
||||
height: 625px;
|
||||
}
|
||||
/* Optional: Makes the sample page fill the window. */
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container div {
|
||||
display: inline-block;
|
||||
vertical-align: top; /* here */
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<hr size=-1>
|
||||
<div id="map"></div>
|
||||
<hr size=-1>
|
||||
<div class="container">
|
||||
<div class = "one">
|
||||
<table>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>GPS</th>
|
||||
<th>Duration</th>
|
||||
<th>Seconds</th>
|
||||
<th>Speed</th>
|
||||
<th>Syn.speed</th>
|
||||
<th>Distance</th>
|
||||
<th>Time</th>
|
||||
</tr>
|
||||
<? foreach ($res as $f) { ?>
|
||||
<tr>
|
||||
<td><?=$f["id"]?></td>
|
||||
<td><?=$f["lat"]?>,<?=$f["lng"]?></td>
|
||||
<td><?=$f["duration"]?></td>
|
||||
<td><?=strtok($f["seconds"],'.')?></td>
|
||||
<td><?=sprintf("%0.02f",$f["speed"])?></td>
|
||||
<td><?=$f["seconds"]>0?sprintf("%0.02f",$f["distance"]/$f["seconds"]):0?></td>
|
||||
<td><?=$f["distance"]?></td>
|
||||
<td><?=strtok($f["ttime"],'.')?></td>
|
||||
</tr>
|
||||
<? } ?>
|
||||
</table>
|
||||
</div>
|
||||
<div class = "two">
|
||||
<canvas id="line-chart" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<?= distanceBetweenTwoGpsCoordinates(48.91037785,24.77400796,48.90451974,24.82994663,'K'); ?>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var map;
|
||||
function initMap() {
|
||||
map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 13,
|
||||
center: {lat: <?=$center_lat?>, lng: <?=$center_lng?>},
|
||||
mapTypeId: 'roadmap'
|
||||
});
|
||||
var flightPlanCoordinates = [
|
||||
<? for ($i=0; $i<count($res)-1;$i++) {
|
||||
echo " {lat: ".$res[$i]["lat"].", lng: ".$res[$i]["lng"]."},\n";
|
||||
} echo " {lat: ".$res[count($res)-1]["lat"].", lng: ".$res[count($res)-1]["lng"]."}\n";?>
|
||||
];
|
||||
var flightPath = new google.maps.Polyline({
|
||||
path: flightPlanCoordinates,
|
||||
geodesic: true,
|
||||
strokeColor: '#FF0000',
|
||||
strokeOpacity: 1.0,
|
||||
strokeWeight: 2
|
||||
});
|
||||
flightPath.setMap(map);
|
||||
<? for ($i=0; $i<count($res);$i++) { ?>
|
||||
var marker<?=$i?> = new google.maps.Marker({
|
||||
position: {lat: <?=$res[$i]['lat']?>, lng: <?=$res[$i]['lng']?>},
|
||||
map: map,
|
||||
<? if ($res[$i]['id']>1961744 || $res[$i]['id']<1961502) { ?>
|
||||
icon: {
|
||||
url: "http://maps.google.com/mapfiles/ms/icons/blue-dot.png"
|
||||
},
|
||||
<? } ?>
|
||||
title: '<?=$res[$i]["ttime"]?> - <?=$res[$i]["speed"]?>'
|
||||
});
|
||||
marker<?=$i?>.addListener('click', function() {
|
||||
//map.setZoom(8);
|
||||
//map.setCenter(marker.getPosition());
|
||||
alert(marker<?=$i?>.getTitle());
|
||||
});
|
||||
<? } ?>
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
$(function() {
|
||||
let chart = new Chart(
|
||||
document.getElementById("line-chart"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["ttime"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".$f["speed"]; ?>],
|
||||
label: "Speed",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Speed'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
<script async defer
|
||||
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&libraries=visualization&callback=initMap">
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<?
|
||||
function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit) {
|
||||
//error_log("public function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit)");
|
||||
if (($lat1 == $lat2) && ($lon1 == $lon2)) {
|
||||
return 0;
|
||||
}
|
||||
$theta = $lon1 - $lon2;
|
||||
$dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
|
||||
$dist = acos($dist);
|
||||
$dist = rad2deg($dist);
|
||||
$miles = $dist * 60 * 1.1515;
|
||||
$unit = strtoupper($unit);
|
||||
if ($unit == "K") {
|
||||
return ($miles * 1.609344);
|
||||
}
|
||||
if ($unit == "N") {
|
||||
($miles * 0.8684);
|
||||
}
|
||||
return $miles;
|
||||
}
|
||||
@@ -0,0 +1,179 @@
|
||||
<?php
|
||||
require '../backend.php';
|
||||
|
||||
//PostgreSQL
|
||||
$gps_db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$gps_db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$gps_db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$gps_db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$gps_db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$conn_string_gps = "host=${gps_db_host} port=${gps_db_port} dbname=${gps_db_name} user=${gps_db_user} password=${gps_db_pass}";
|
||||
$pgconn_gps = pg_connect($conn_string_gps);
|
||||
|
||||
$res = [];
|
||||
$min_lat = PHP_INT_MAX;
|
||||
$min_lng = PHP_INT_MAX;
|
||||
$max_lat = PHP_INT_MIN;
|
||||
$max_lng = PHP_INT_MIN;
|
||||
$center_lat = 0;
|
||||
$center_lng = 0;
|
||||
//$q = "select * from members_tracking where member_id=13 and id>1961766 order by created";
|
||||
//$q = "select * from members_tracking where member_id=22 order by created";
|
||||
$q = "select a.*,extract(epoch from a.ttime-b.ttime) as seconds from members_tracking a left join members_tracking b on (b.id=a.previous_id) where a.member_id=22 order by a.ttime";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
while ($f=pg_fetch_assoc($r)) {
|
||||
$lat = (int)$f["lat"];
|
||||
$lng = (int)$f["lng"];
|
||||
if ($lat!=48 && $lat!=49) continue;
|
||||
$res[] = $f;
|
||||
if ($f["lat"]<$min_lat) $min_lat = $f["lat"];
|
||||
if ($f["lng"]<$min_lng) $min_lng = $f["lng"];
|
||||
if ($f["lat"]>$max_lat) $max_lat = $f["lat"];
|
||||
if ($f["lng"]>$max_lng) $max_lng = $f["lng"];
|
||||
}
|
||||
$center_lat = ($min_lat+$max_lat)/2;
|
||||
$center_lng = ($min_lng+$max_lng)/2;
|
||||
pg_close($pgconn_gps);
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>GPS speed test</title>
|
||||
<style>
|
||||
/* Always set the map height explicitly to define the size of the div
|
||||
* element that contains the map. */
|
||||
#map {
|
||||
height: 625px;
|
||||
}
|
||||
/* Optional: Makes the sample page fill the window. */
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container div {
|
||||
display: inline-block;
|
||||
vertical-align: top; /* here */
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<hr size=-1>
|
||||
<div id="map"></div>
|
||||
<hr size=-1>
|
||||
<div class="container">
|
||||
<div class = "one">
|
||||
<table>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>GPS</th>
|
||||
<th>Duration</th>
|
||||
<th>Seconds</th>
|
||||
<th>Speed</th>
|
||||
<th>Syn.Speed</th>
|
||||
<th>Distance</th>
|
||||
<th>Time</th>
|
||||
</tr>
|
||||
<? foreach ($res as $f) { ?>
|
||||
<tr>
|
||||
<td><?=$f["id"]?></td>
|
||||
<td><?=$f["lat"]?>,<?=$f["lng"]?></td>
|
||||
<td><?=$f["duration"]?></td>
|
||||
<td><?=strtok($f["seconds"],'.')?></td>
|
||||
<td><?=$f["speed"]?></td>
|
||||
<td><?=$f["duration"]>0?sprintf("%0.02f",$f["distance"]/$f["duration"]):0?></td>
|
||||
<td><?=$f["distance"]?></td>
|
||||
<td><?=strtok($f["ttime"],'.')?></td>
|
||||
</tr>
|
||||
<? } ?>
|
||||
</table>
|
||||
</div>
|
||||
<div class = "two">
|
||||
<canvas id="line-chart" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<?= distanceBetweenTwoGpsCoordinates(48.91037785,24.77400796,48.90451974,24.82994663,'K'); ?>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var map;
|
||||
function initMap() {
|
||||
map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 13,
|
||||
center: {lat: <?=$center_lat?>, lng: <?=$center_lng?>},
|
||||
mapTypeId: 'roadmap'
|
||||
});
|
||||
var flightPlanCoordinates = [
|
||||
<? for ($i=0; $i<count($res)-1;$i++) {
|
||||
echo " {lat: ".$res[$i]["lat"].", lng: ".$res[$i]["lng"]."},\n";
|
||||
} echo " {lat: ".$res[count($res)-1]["lat"].", lng: ".$res[count($res)-1]["lng"]."}\n";?>
|
||||
];
|
||||
var flightPath = new google.maps.Polyline({
|
||||
path: flightPlanCoordinates,
|
||||
geodesic: true,
|
||||
strokeColor: '#FF0000',
|
||||
strokeOpacity: 1.0,
|
||||
strokeWeight: 2
|
||||
});
|
||||
flightPath.setMap(map);
|
||||
<? for ($i=0; $i<count($res);$i++) { ?>
|
||||
var marker<?=$i?> = new google.maps.Marker({
|
||||
position: {lat: <?=$res[$i]['lat']?>, lng: <?=$res[$i]['lng']?>},
|
||||
map: map,
|
||||
title: '<?=$res[$i]["duration"]?>'
|
||||
});
|
||||
<? } ?>
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
$(function() {
|
||||
let chart = new Chart(
|
||||
document.getElementById("line-chart"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["ttime"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".($f["duration"]>120?120:$f["duration"]); ?>],
|
||||
label: "Duration",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Duration'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
<script async defer
|
||||
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&libraries=visualization&callback=initMap">
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<?
|
||||
function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit) {
|
||||
//error_log("public function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit)");
|
||||
if (($lat1 == $lat2) && ($lon1 == $lon2)) {
|
||||
return 0;
|
||||
}
|
||||
$theta = $lon1 - $lon2;
|
||||
$dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
|
||||
$dist = acos($dist);
|
||||
$dist = rad2deg($dist);
|
||||
$miles = $dist * 60 * 1.1515;
|
||||
$unit = strtoupper($unit);
|
||||
if ($unit == "K") {
|
||||
return ($miles * 1.609344);
|
||||
}
|
||||
if ($unit == "N") {
|
||||
($miles * 0.8684);
|
||||
}
|
||||
return $miles;
|
||||
}
|
||||
@@ -0,0 +1,329 @@
|
||||
<?php
|
||||
require '../backend.php';
|
||||
|
||||
//PostgreSQL
|
||||
$gps_db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$gps_db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$gps_db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$gps_db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$gps_db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$conn_string_gps = "host=${gps_db_host} port=${gps_db_port} dbname=${gps_db_name} user=${gps_db_user} password=${gps_db_pass}";
|
||||
$pgconn_gps = pg_connect($conn_string_gps);
|
||||
|
||||
$res = [];
|
||||
$min_lat = PHP_INT_MAX;
|
||||
$min_lng = PHP_INT_MAX;
|
||||
$max_lat = PHP_INT_MIN;
|
||||
$max_lng = PHP_INT_MIN;
|
||||
$center_lat = 0;
|
||||
$center_lng = 0;
|
||||
//$q = "select * from members_tracking where member_id=13 and id>1961766 order by created";
|
||||
//$q = "select *,extract(EPOCH from duration) AS seconds from members_tracking_duration where member_id=13 order by first_time";
|
||||
$q = "select a.*,extract(milliseconds from a.duration) as ms, extract(epoch from a.duration) as seconds, c.speed, ";
|
||||
$q.= "ST_Distance(c.gps,b.gps) AS distance, a.inner_duration, a.total, ";
|
||||
$q.= "EXTRACT(epoch FROM c.ttime-b.ttime) AS travel_time ";
|
||||
$q.= "from members_tracking_duration a ";
|
||||
$q.= "left join members_tracking b on (b.id=a.first_id) ";
|
||||
$q.= "left join members_tracking c on (c.id=a.last_id) ";
|
||||
$q.= "where a.member_id=13 ";
|
||||
//and a.first_id>1961278 and a.first_id<1961766 order by a.first_time";
|
||||
$q.= " and a.id>215643 and a.id<215841 order by a.first_time";
|
||||
//echo $q;
|
||||
$trip = [];
|
||||
$trips = [];
|
||||
$trip_data = ['distance'=>0,'duration'=>0,'total'=>0,'speed'=>0];
|
||||
$trips_data = [];
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
while ($f=pg_fetch_assoc($r)) {
|
||||
$lat = (int)$f["lat"];
|
||||
$lng = (int)$f["lng"];
|
||||
if ($lat!=48 && $lat!=49) continue;
|
||||
$res[] = $f;
|
||||
if ($f["lat"]<$min_lat) $min_lat = $f["lat"];
|
||||
if ($f["lng"]<$min_lng) $min_lng = $f["lng"];
|
||||
if ($f["lat"]>$max_lat) $max_lat = $f["lat"];
|
||||
if ($f["lng"]>$max_lng) $max_lng = $f["lng"];
|
||||
if ($f["inner_duration"]>=120) { // && $f["distance"]<=20) {
|
||||
$trips[] = $trip;
|
||||
$trips_data[] = $trip_data;
|
||||
$trip = [];
|
||||
$trip_data = ['distance'=>0,'duration'=>0,'total'=>0,'speed'=>0];
|
||||
} else {
|
||||
// We try to skip the stop entry...
|
||||
$trip[] = $f;
|
||||
$trip_data['distance'] += $f["distance"];
|
||||
$trip_data['duration'] += $f["ms"];
|
||||
$trip_data['speed'] += $f["ms"]>0 ? (3600 * $f["distance"] / $f["ms"]) : 0; // km/h
|
||||
$trip_data['total'] += 1;
|
||||
}
|
||||
}
|
||||
$trips[] = $trip;
|
||||
$trips_data[] = $trip_data;
|
||||
|
||||
$center_lat = ($min_lat+$max_lat)/2;
|
||||
$center_lng = ($min_lng+$max_lng)/2;
|
||||
pg_close($pgconn_gps);
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>GPS slicing test</title>
|
||||
<style>
|
||||
/* Always set the map height explicitly to define the size of the div
|
||||
* element that contains the map. */
|
||||
#map {
|
||||
height: 625px;
|
||||
}
|
||||
/* Optional: Makes the sample page fill the window. */
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container div {
|
||||
display: inline-block;
|
||||
vertical-align: top; /* here */
|
||||
}
|
||||
.grey {
|
||||
background-color: rgba(128,128,128,.25);
|
||||
text-align: right!important;
|
||||
}
|
||||
.white {
|
||||
background-color: rgba(255,255,255,.25);
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<hr size=-1>
|
||||
<div id="map"></div>
|
||||
<hr size=-1>
|
||||
<div class="container">
|
||||
<div class = "one">
|
||||
<sup>*</sup><b>speed</b> - is the current speed at second point<br/>
|
||||
<? foreach ($trips as $i=>$trip) { $trip_data = $trips_data[$i]; $n = count($trip)-1; ?>
|
||||
<h1>Trip #<?=$i?></h1>
|
||||
<ul>
|
||||
<li><b>mode:</b> <?= checkMode($trip_data['distance'], $trip_data['duration']) ?></li>
|
||||
<li><b>distance:</b> <?=$trip_data['distance'] ?></li>
|
||||
<li><b>duration:</b> <?=$trip_data['duration']/1000 ?></li>
|
||||
<li><b>speed:</b> <?=3600*$trip_data['distance']/$trip_data['duration']?></li>
|
||||
<li><b>avg. speed:</b> <?=$trip_data['speed']/$trip_data['total']?></li>
|
||||
<li><b>lov. from:</b> <?= $trip[0]['lat'].",".$trip[0]['lng']?></li>
|
||||
<li><b>loc. to:</b> <?= $trip[$n]['lat'].",".$trip[$n]['lng']?></li>
|
||||
<li><b>from time:</b> <?= $trip[0]['first_time']?></li>
|
||||
<li><b>to time:</b> <?= $trip[$n]['first_time']?></li>
|
||||
</ul>
|
||||
<table>
|
||||
<colgroup>
|
||||
<col class="grey" />
|
||||
<col class="white" />
|
||||
<col class="grey" />
|
||||
<col class="white" />
|
||||
<col class="grey" />
|
||||
<col class="white" />
|
||||
<col class="grey" />
|
||||
<col class="white" />
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>GPS</th>
|
||||
<th>Duration</th>
|
||||
<th>Seconds</th>
|
||||
<th>Speed<sup>*</sup></th>
|
||||
<th>Syn.speed</th>
|
||||
<th>Distance</th>
|
||||
<th>Time</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<? foreach ($trip as $f) { ?>
|
||||
<tr>
|
||||
<td><?=$f["id"]?></td>
|
||||
<td><?=sprintf("%0.03f",$f["lat"])?>,<?=sprintf("%0.03f",$f["lng"])?></td>
|
||||
<td><?=strtok($f["ms"],'.')?></td>
|
||||
<td><?=strtok($f["seconds"],'.')?></td>
|
||||
<td><?=sprintf("%0.02f",$f["speed"])?></td>
|
||||
<td><?=$f["travel_time"]>0?sprintf("%0.02f",$f["distance"]/$f["travel_time"]):0?></td>
|
||||
<td><?=sprintf("%0.02f",$f["distance"])?></td>
|
||||
<td><?=strtok($f["first_time"],'.')?></td>
|
||||
</tr>
|
||||
<? } ?>
|
||||
</table>
|
||||
<? } ?>
|
||||
</div>
|
||||
<div class = "two">
|
||||
<canvas id="line-chart" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<canvas id="line-chart2" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<canvas id="line-chart3" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<? foreach ($trips as $i=>$trip) { $trip_data = $trips_data[$i]; $n = count($trip)-1; ?>
|
||||
<h1>Trip #<?=$i?></h1>
|
||||
<ul>
|
||||
<li><b>mode:</b> <?= checkMode($trip_data['distance'], $trip_data['duration']) ?></li>
|
||||
<li><b>distance:</b> <?=$trip_data['distance'] ?></li>
|
||||
<li><b>duration:</b> <?=$trip_data['duration']/1000 ?></li>
|
||||
<li><b>speed:</b> <?=3600*$trip_data['distance']/$trip_data['duration']?></li>
|
||||
<li><b>avg. speed:</b> <?=$trip_data['speed']/$trip_data['total']?></li>
|
||||
<li><b>lov. from:</b> <?= $trip[0]['lat'].",".$trip[0]['lng']?></li>
|
||||
<li><b>loc. to:</b> <?= $trip[$n]['lat'].",".$trip[$n]['lng']?></li>
|
||||
<li><b>from time:</b> <?= $trip[0]['first_time']?></li>
|
||||
<li><b>to time:</b> <?= $trip[$n]['first_time']?></li>
|
||||
</ul>
|
||||
<table>
|
||||
<? foreach ($trip as $f) { ?>
|
||||
<!-- tr>
|
||||
<td></td>
|
||||
<td></td>
|
||||
</tr -->
|
||||
<? } ?>
|
||||
</table>
|
||||
<? } ?>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var map;
|
||||
function initMap() {
|
||||
map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 13,
|
||||
center: {lat: <?=$center_lat?>, lng: <?=$center_lng?>},
|
||||
mapTypeId: 'roadmap'
|
||||
});
|
||||
var flightPlanCoordinates = [
|
||||
<? for ($i=0; $i<count($res)-1;$i++) {
|
||||
echo " {lat: ".$res[$i]["lat"].", lng: ".$res[$i]["lng"]."},\n";
|
||||
} echo " {lat: ".$res[count($res)-1]["lat"].", lng: ".$res[count($res)-1]["lng"]."}\n";?>
|
||||
];
|
||||
var flightPath = new google.maps.Polyline({
|
||||
path: flightPlanCoordinates,
|
||||
geodesic: true,
|
||||
strokeColor: '#FF0000',
|
||||
strokeOpacity: 1.0,
|
||||
strokeWeight: 2
|
||||
});
|
||||
flightPath.setMap(map);
|
||||
<? for ($i=0; $i<count($res);$i++) { ?>
|
||||
var marker<?=$i?> = new google.maps.Marker({
|
||||
position: {lat: <?=$res[$i]['lat']?>, lng: <?=$res[$i]['lng']?>},
|
||||
map: map,
|
||||
<? if ($res[$i]["seconds"]>14) { ?>
|
||||
icon: {
|
||||
url: "http://maps.google.com/mapfiles/ms/icons/yellow-dot.png"
|
||||
},
|
||||
<? } else if ($res[$i]['id']>215825 || $res[$i]['id']<215663) { ?>
|
||||
icon: {
|
||||
url: "http://maps.google.com/mapfiles/ms/icons/blue-dot.png"
|
||||
},
|
||||
<? } ?>
|
||||
title: '<?=$res[$i]["first_time"]?> - <?=$res[$i]["duration"]?>'
|
||||
});
|
||||
marker<?=$i?>.addListener('click', function() {
|
||||
//map.setZoom(8);
|
||||
//map.setCenter(marker.getPosition());
|
||||
alert(marker<?=$i?>.getTitle());
|
||||
});
|
||||
<? } ?>
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
$(function() {
|
||||
let chart = new Chart(
|
||||
document.getElementById("line-chart"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["last_time"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".strtok($f["seconds"],"."); ?>],
|
||||
label: "Duration",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Duration'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
let chart2 = new Chart(
|
||||
document.getElementById("line-chart2"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["last_time"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".(strtok($f["seconds"],".")>120?120:strtok($f["seconds"],".")); ?>],
|
||||
label: "Duration",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Duration (capped)'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
let chart3 = new Chart(
|
||||
document.getElementById("line-chart3"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["last_time"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".$f["speed"]; ?>],
|
||||
label: "Speed",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Speed'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
<script async defer
|
||||
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&libraries=visualization&callback=initMap">
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<?
|
||||
function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit) {
|
||||
//error_log("public function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit)");
|
||||
if (($lat1 == $lat2) && ($lon1 == $lon2)) {
|
||||
return 0;
|
||||
}
|
||||
$theta = $lon1 - $lon2;
|
||||
$dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
|
||||
$dist = acos($dist);
|
||||
$dist = rad2deg($dist);
|
||||
$miles = $dist * 60 * 1.1515;
|
||||
$unit = strtoupper($unit);
|
||||
if ($unit == "K") {
|
||||
return ($miles * 1.609344);
|
||||
}
|
||||
if ($unit == "N") {
|
||||
($miles * 0.8684);
|
||||
}
|
||||
return $miles;
|
||||
}
|
||||
|
||||
function checkMode($distance,$duration) {
|
||||
$speed = 3600 * $distance / $duration;
|
||||
if ($speed<5) return "Walking";
|
||||
if ($speed>20) return "Driving";
|
||||
return "5to20";
|
||||
}
|
||||
@@ -0,0 +1,194 @@
|
||||
<?php
|
||||
require '../backend.php';
|
||||
|
||||
//PostgreSQL
|
||||
$gps_db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$gps_db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$gps_db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$gps_db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$gps_db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$conn_string_gps = "host=${gps_db_host} port=${gps_db_port} dbname=${gps_db_name} user=${gps_db_user} password=${gps_db_pass}";
|
||||
$pgconn_gps = pg_connect($conn_string_gps);
|
||||
|
||||
$res = [];
|
||||
$min_lat = PHP_INT_MAX;
|
||||
$min_lng = PHP_INT_MAX;
|
||||
$max_lat = PHP_INT_MIN;
|
||||
$max_lng = PHP_INT_MIN;
|
||||
$center_lat = 0;
|
||||
$center_lng = 0;
|
||||
//$q = "select * from members_tracking where member_id=13 and id>1961766 order by created";
|
||||
$q = "select *,extract(EPOCH from duration) AS seconds from members_tracking_duration where member_id=22 order by first_time";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
while ($f=pg_fetch_assoc($r)) {
|
||||
$lat = (int)$f["lat"];
|
||||
$lng = (int)$f["lng"];
|
||||
if ($lat!=48 && $lat!=49) continue;
|
||||
$res[] = $f;
|
||||
if ($f["lat"]<$min_lat) $min_lat = $f["lat"];
|
||||
if ($f["lng"]<$min_lng) $min_lng = $f["lng"];
|
||||
if ($f["lat"]>$max_lat) $max_lat = $f["lat"];
|
||||
if ($f["lng"]>$max_lng) $max_lng = $f["lng"];
|
||||
}
|
||||
$center_lat = ($min_lat+$max_lat)/2;
|
||||
$center_lng = ($min_lng+$max_lng)/2;
|
||||
pg_close($pgconn_gps);
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>GPS speed test</title>
|
||||
<style>
|
||||
/* Always set the map height explicitly to define the size of the div
|
||||
* element that contains the map. */
|
||||
#map {
|
||||
height: 625px;
|
||||
}
|
||||
/* Optional: Makes the sample page fill the window. */
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container div {
|
||||
display: inline-block;
|
||||
vertical-align: top; /* here */
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<hr size=-1>
|
||||
<div id="map"></div>
|
||||
<hr size=-1>
|
||||
<div class="container">
|
||||
<div class = "one">
|
||||
<table>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>GPS</th>
|
||||
<th>Duration</th>
|
||||
<th>First Time</th>
|
||||
<th>Last Time</th>
|
||||
</tr>
|
||||
<? foreach ($res as $f) { ?>
|
||||
<tr>
|
||||
<td><?=$f["id"]?></td>
|
||||
<td><?=$f["lat"]?>,<?=$f["lng"]?></td>
|
||||
<td><?=$f["duration"]?></td>
|
||||
<td><?=strtok($f["first_time"],'.')?></td>
|
||||
<td><?=strtok($f["last_time"],'.')?></td>
|
||||
</tr>
|
||||
<? } ?>
|
||||
</table>
|
||||
</div>
|
||||
<div class = "two">
|
||||
<canvas id="line-chart" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<canvas id="line-chart2" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<?= distanceBetweenTwoGpsCoordinates(48.91037785,24.77400796,48.90451974,24.82994663,'K'); ?>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var map;
|
||||
function initMap() {
|
||||
map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 13,
|
||||
center: {lat: <?=$center_lat?>, lng: <?=$center_lng?>},
|
||||
mapTypeId: 'roadmap'
|
||||
});
|
||||
var flightPlanCoordinates = [
|
||||
<? for ($i=0; $i<count($res)-1;$i++) {
|
||||
echo " {lat: ".$res[$i]["lat"].", lng: ".$res[$i]["lng"]."},\n";
|
||||
} echo " {lat: ".$res[count($res)-1]["lat"].", lng: ".$res[count($res)-1]["lng"]."}\n";?>
|
||||
];
|
||||
var flightPath = new google.maps.Polyline({
|
||||
path: flightPlanCoordinates,
|
||||
geodesic: true,
|
||||
strokeColor: '#FF0000',
|
||||
strokeOpacity: 1.0,
|
||||
strokeWeight: 2
|
||||
});
|
||||
flightPath.setMap(map);
|
||||
<? for ($i=0; $i<count($res);$i++) { ?>
|
||||
var marker<?=$i?> = new google.maps.Marker({
|
||||
position: {lat: <?=$res[$i]['lat']?>, lng: <?=$res[$i]['lng']?>},
|
||||
map: map,
|
||||
title: '<?=$res[$i]["duration"]?>'
|
||||
});
|
||||
<? } ?>
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
$(function() {
|
||||
let chart = new Chart(
|
||||
document.getElementById("line-chart"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["first_time"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".strtok($f["seconds"],"."); ?>],
|
||||
label: "Duration",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Duration'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
let chart2 = new Chart(
|
||||
document.getElementById("line-chart2"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["first_time"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".(strtok($f["seconds"],".")>120?120:strtok($f["seconds"],".")); ?>],
|
||||
label: "Duration",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Duration (capped)'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
<script async defer
|
||||
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&libraries=visualization&callback=initMap">
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<?
|
||||
function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit) {
|
||||
//error_log("public function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit)");
|
||||
if (($lat1 == $lat2) && ($lon1 == $lon2)) {
|
||||
return 0;
|
||||
}
|
||||
$theta = $lon1 - $lon2;
|
||||
$dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
|
||||
$dist = acos($dist);
|
||||
$dist = rad2deg($dist);
|
||||
$miles = $dist * 60 * 1.1515;
|
||||
$unit = strtoupper($unit);
|
||||
if ($unit == "K") {
|
||||
return ($miles * 1.609344);
|
||||
}
|
||||
if ($unit == "N") {
|
||||
($miles * 0.8684);
|
||||
}
|
||||
return $miles;
|
||||
}
|
||||
@@ -0,0 +1,49 @@
|
||||
<?php
|
||||
require '../backend.php';
|
||||
|
||||
// We will not limit the SQL we will exhaust the allowed memory
|
||||
// we will process data in ${hard_limit} batches and hopefully catch up
|
||||
$hard_limit = 500000;
|
||||
|
||||
//PostgreSQL
|
||||
$gps_db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$gps_db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$gps_db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$gps_db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$gps_db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$conn_string_gps = "host=${gps_db_host} port=${gps_db_port} dbname=${gps_db_name} user=${gps_db_user} password=${gps_db_pass}";
|
||||
$pgconn_gps = pg_connect($conn_string_gps);
|
||||
|
||||
$q = "select * from members_tracking where duration<0";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
if ($r && pg_num_rows($r)) {
|
||||
while ($f=pg_fetch_assoc($r)) {
|
||||
echo "[".date("Y-m-d H:i:s")."] Processing member_id=".$f["member_id"]."...\n";
|
||||
$nid = $f["id"];
|
||||
$gps = $f["gps"];
|
||||
$ttime = $f["ttime"];
|
||||
$device_id = $f["device_id"];
|
||||
$member_id = $f["member_id"];
|
||||
//if ($f[0]==22) continue; // Crash!
|
||||
$q1 = "SELECT id AS pid, ST_Distance(gps,'${gps}'::geometry) AS distance,";
|
||||
$q1.= "EXTRACT(epoch FROM '${ttime}'::timestamp-ttime) AS duration ";
|
||||
$q1.= "FROM members_tracking ";
|
||||
$q1.= "WHERE member_id=${member_id} AND ttime<'${ttime}'::timestamp AND ";
|
||||
$q1.= ($device_id>0 ? "device_id=${device_id}" : "device_id IS NULL");
|
||||
$q1.= " ORDER BY ttime DESC LIMIT 1";
|
||||
$r1 = pg_query($pgconn_gps, $q1);
|
||||
if ($r1 && pg_num_rows($r1) && $f1=pg_fetch_assoc($r1)) {
|
||||
$q2 = "UPDATE members_tracking SET previous_id=".$f1["pid"].",distance=".((int)$f1["distance"]).",duration=".((int)(1000*$f1["duration"]));
|
||||
$q2.= " WHERE id=${nid}";
|
||||
$r2 = pg_query($pgconn_gps, $q2);
|
||||
} else {
|
||||
echo "[".date("Y-m-d H:i:s")."] Failure - ".pg_last_error($pgconn_gps)."\n";
|
||||
//echo "$q1\n";
|
||||
$q2 = "UPDATE members_tracking SET previous_id=NULL,distance=NULL,duration=NULL WHERE id=${nid}";
|
||||
$r2 = pg_query($pgconn_gps, $q2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
pg_close($pgconn_gps);
|
||||
|
||||
@@ -0,0 +1,155 @@
|
||||
<?php
|
||||
require '../backend.php';
|
||||
|
||||
// We will not limit the SQL we will exhaust the allowed memory
|
||||
// we will process data in ${hard_limit} batches and hopefully catch up
|
||||
$hard_limit = 500000;
|
||||
|
||||
//PostgreSQL
|
||||
$gps_db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$gps_db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$gps_db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$gps_db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$gps_db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$conn_string_gps = "host=${gps_db_host} port=${gps_db_port} dbname=${gps_db_name} user=${gps_db_user} password=${gps_db_pass}";
|
||||
$pgconn_gps = pg_connect($conn_string_gps);
|
||||
|
||||
$q = "select member_id,count(*) from members_tracking group by member_id";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
if ($r && pg_num_rows($r)) {
|
||||
while ($f=pg_fetch_row($r)) {
|
||||
echo "[".date("Y-m-d H:i:s")."] Processing member_id=".$f[0]." (total member records: ".$f[1].")\n";
|
||||
//if ($f[0]==22) continue; // Crash!
|
||||
$p = processMemberGPSDataPartition($f[0]);
|
||||
}
|
||||
}
|
||||
|
||||
pg_close($pgconn_gps);
|
||||
|
||||
function processMemberGPSDataPartition($member_id) {
|
||||
global $pgconn_gps, $hard_limit;
|
||||
$min_id = 0;
|
||||
$max_id = 0;
|
||||
// Min id (the biggest id we have stopped processing last time)
|
||||
$q = "SELECT max(last_id) FROM members_tracking_index WHERE member_id=${member_id}";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
if ($f=pg_fetch_row($r)) {
|
||||
$min_id = (int)$f[0];
|
||||
}
|
||||
|
||||
// Max id (we will limit the processing pool to get consistent results)
|
||||
$q = "SELECT max(id) FROM members_tracking WHERE member_id=${member_id}";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
if ($f=pg_fetch_row($r)) {
|
||||
$max_id = $f[0];
|
||||
}
|
||||
echo "[".date("Y-m-d H:i:s")."] Process from ${min_id} to ${max_id} (member_id=${member_id})\n";
|
||||
|
||||
// Select id's for processing, we will have a separate threads for each device id
|
||||
$pids = [];
|
||||
$q = "select id,device_id,ttime from members_tracking ";
|
||||
$q.= "where member_id=${member_id} and id>${min_id} and id<${max_id} ";
|
||||
$q.= "order by device_id,ttime limit ${hard_limit}";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
$pid = 0;
|
||||
$total = 0;
|
||||
while ($f=pg_fetch_row($r)) {
|
||||
if ($f[1]==NULL || $f[1]<1) {
|
||||
$f[1] = "NULL";
|
||||
}
|
||||
if (!array_key_exists($f[1],$pids)) {
|
||||
$pids[$f[1]] = [];
|
||||
// Try to get the pid
|
||||
$ttime = $f[2];
|
||||
$q1 = "SELECT id FROM members_tracking WHERE member_id=${member_id} AND ";
|
||||
$q1.= ($f[1]==NULL ? " device_id IS NULL" : " device_id=".$f[1]);
|
||||
$q1.= " AND ttime<'${ttime}'::timestamp ORDER BY ttime DESC LIMIT 1";
|
||||
$r1 =pg_query($pgconn_gps, $q1);
|
||||
if ($r1 && pg_num_rows($r1) && $f1=pg_fetch_row($r1)) {
|
||||
$pid = $f1[0];
|
||||
}
|
||||
pg_free_result($r1);
|
||||
}
|
||||
if ($pid>0) {
|
||||
$pids[$f[1]][] = [$pid,$f[0]];
|
||||
}
|
||||
$pid = $f[0];
|
||||
$total++;
|
||||
}
|
||||
pg_free_result($r);
|
||||
|
||||
$processed = 0;
|
||||
foreach ($pids as $device_id=>$ids) {
|
||||
echo "[".date("Y-m-d H:i:s")."] Processing device_id=${device_id} (member_id=${member_id})\n";
|
||||
$last_id = 0;
|
||||
foreach ($ids as list($pid,$nid)) { // prev,next
|
||||
echo ".";
|
||||
$q = "SELECT a.id AS nid, b.id AS pid, ";
|
||||
$q.= "ST_Distance(a.gps,b.gps) AS distance, EXTRACT(epoch FROM a.ttime-b.ttime) AS duration ";
|
||||
$q.= "FROM members_tracking a LEFT JOIN members_tracking b ON (b.id=${pid}) WHERE a.id=${nid}";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
$f = pg_fetch_assoc($r);
|
||||
pg_free_result($r);
|
||||
$q = "UPDATE members_tracking SET previous_id=".$f["pid"].",distance=".((int)$f["distance"]).",duration=".((int)(1000*$f["duration"]));
|
||||
$q.= "WHERE id=".$f["nid"]." RETURNING *";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
pg_free_result($r);
|
||||
$last_id = $f["nid"];
|
||||
}
|
||||
echo "\n";
|
||||
echo "[".date("Y-m-d H:i:s")."] last_id=${last_id} (member_id=${member_id},device_id=${device_id})\n";
|
||||
if ($last_id>0) {
|
||||
$plast_id = 0;
|
||||
$q = "SELECT last_id FROM members_tracking_index WHERE member_id=${member_id} AND device_id=${device_id}";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
if ($r && pg_num_rows($r) && $f=pg_fetch_row($r)) {
|
||||
$plast_id = $f[0];
|
||||
}
|
||||
pg_free_result($r);
|
||||
if ($plast_id>0 && $plast_id<$last_id) {
|
||||
$q = "UPDATE members_tracking_index SET last_id=${last_id} ";
|
||||
$q.= "WHERE member_id=${member_id} AND device_id=${device_id} ";
|
||||
$q.= "RETURNING *";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
} else {
|
||||
$q = "INSERT INTO members_tracking_index (member_id,device_id,last_id) ";
|
||||
$q.= "VALUES(${member_id},${device_id},${last_id}) ";
|
||||
$q.= "RETURNING *";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
}
|
||||
if ($r && pg_num_rows($r) && $f=pg_fetch_assoc($r)) {
|
||||
echo "[".date("Y-m-d H:i:s")."] New last_id=${last_id} (member_id=${member_id},device_id=${device_id})\n";
|
||||
} else {
|
||||
echo "[".date("Y-m-d H:i:s")."] ERROR: ".pg_last_error($pgconn_gps)."\n";
|
||||
echo "$q\n";
|
||||
}
|
||||
pg_free_result($r);
|
||||
} else {
|
||||
echo "[".date("Y-m-d H:i:s")."] Invalid last_id=${last_id} (member_id=${member_id},device_id=${device_id})\n";
|
||||
}
|
||||
$processed++;
|
||||
}
|
||||
echo "[".date("Y-m-d H:i:s")."] Processed: ${processed} (member_id=${member_id})\n";
|
||||
unset($pids);
|
||||
return $processed;
|
||||
}
|
||||
|
||||
function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit) {
|
||||
//error_log("public function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit)");
|
||||
if (($lat1 == $lat2) && ($lon1 == $lon2)) {
|
||||
return 0;
|
||||
}
|
||||
$theta = $lon1 - $lon2;
|
||||
$dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
|
||||
$dist = acos($dist);
|
||||
$dist = rad2deg($dist);
|
||||
$miles = $dist * 60 * 1.1515;
|
||||
$unit = strtoupper($unit);
|
||||
if ($unit == "K") {
|
||||
return ($miles * 1.609344);
|
||||
}
|
||||
if ($unit == "N") {
|
||||
($miles * 0.8684);
|
||||
}
|
||||
return $miles;
|
||||
}
|
||||
@@ -0,0 +1,185 @@
|
||||
<?php
|
||||
require '../backend.php';
|
||||
|
||||
//PostgreSQL
|
||||
$gps_db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$gps_db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$gps_db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$gps_db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$gps_db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$conn_string_gps = "host=${gps_db_host} port=${gps_db_port} dbname=${gps_db_name} user=${gps_db_user} password=${gps_db_pass}";
|
||||
$pgconn_gps = pg_connect($conn_string_gps);
|
||||
|
||||
$res = [];
|
||||
$min_lat = PHP_INT_MAX;
|
||||
$min_lng = PHP_INT_MAX;
|
||||
$max_lat = PHP_INT_MIN;
|
||||
$max_lng = PHP_INT_MIN;
|
||||
$center_lat = 0;
|
||||
$center_lng = 0;
|
||||
$limit_lat = 48.90972600;
|
||||
$limit_lng = 24.78142110;
|
||||
$limit_rad = 3500;
|
||||
//$q = "select * from members_tracking where member_id=13 and id>1961278 and id<1961766 order by created";
|
||||
$q = "select * from members_tracking where member_id=13 and id>1961278 and id<1961766 ";
|
||||
$q.= " and ST_DWithin(gps,ST_SetSRID(ST_MakePoint(${limit_lng},${limit_lat}),4326)::geography,${limit_rad}) ";
|
||||
$q.= " order by created";
|
||||
//echo $q;
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
while ($f=pg_fetch_assoc($r)) {
|
||||
$res[] = $f;
|
||||
if ($f["lat"]<$min_lat) $min_lat = $f["lat"];
|
||||
if ($f["lng"]<$min_lng) $min_lng = $f["lng"];
|
||||
if ($f["lat"]>$max_lat) $max_lat = $f["lat"];
|
||||
if ($f["lng"]>$max_lng) $max_lng = $f["lng"];
|
||||
}
|
||||
$center_lat = ($min_lat+$max_lat)/2;
|
||||
$center_lng = ($min_lng+$max_lng)/2;
|
||||
pg_close($pgconn_gps);
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>GPS speed test</title>
|
||||
<style>
|
||||
/* Always set the map height explicitly to define the size of the div
|
||||
* element that contains the map. */
|
||||
#map {
|
||||
height: 625px;
|
||||
}
|
||||
/* Optional: Makes the sample page fill the window. */
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container div {
|
||||
display: inline-block;
|
||||
vertical-align: top; /* here */
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<hr size=-1>
|
||||
<div id="map"></div>
|
||||
<hr size=-1>
|
||||
<div class="container">
|
||||
<div class = "one">
|
||||
<table>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>GPS</th>
|
||||
<th>Speed</th>
|
||||
<th>Time</th>
|
||||
<th>Created</th>
|
||||
</tr>
|
||||
<? foreach ($res as $f) { ?>
|
||||
<tr>
|
||||
<td><?=$f["id"]?></td>
|
||||
<td><?=$f["lat"]?>,<?=$f["lng"]?></td>
|
||||
<td><?=$f["speed"]?></td>
|
||||
<td><?=strtok($f["ttime"],'.')?></td>
|
||||
<td><?=strtok($f["created"],'.')?></td>
|
||||
</tr>
|
||||
<? } ?>
|
||||
</table>
|
||||
</div>
|
||||
<div class = "two">
|
||||
<canvas id="line-chart" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<?= distanceBetweenTwoGpsCoordinates(48.91037785,24.77400796,48.90451974,24.82994663,'K'); ?>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var map;
|
||||
function initMap() {
|
||||
map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 13,
|
||||
center: {lat: <?=$center_lat?>, lng: <?=$center_lng?>},
|
||||
mapTypeId: 'roadmap'
|
||||
});
|
||||
var flightPlanCoordinates = [
|
||||
<? for ($i=0; $i<count($res)-1;$i++) {
|
||||
echo " {lat: ".$res[$i]["lat"].", lng: ".$res[$i]["lng"]."},\n";
|
||||
} echo " {lat: ".$res[count($res)-1]["lat"].", lng: ".$res[count($res)-1]["lng"]."}\n";?>
|
||||
];
|
||||
var flightPath = new google.maps.Polyline({
|
||||
path: flightPlanCoordinates,
|
||||
geodesic: true,
|
||||
strokeColor: '#FF0000',
|
||||
strokeOpacity: 1.0,
|
||||
strokeWeight: 2
|
||||
});
|
||||
flightPath.setMap(map);
|
||||
<? for ($i=0; $i<count($res);$i++) { ?>
|
||||
var marker<?=$i?> = new google.maps.Marker({
|
||||
position: {lat: <?=$res[$i]['lat']?>, lng: <?=$res[$i]['lng']?>},
|
||||
map: map,
|
||||
title: '<?=$res[$i]["speed"]?>'
|
||||
});
|
||||
<? } ?>
|
||||
var gpsCircle = new google.maps.Circle({
|
||||
strokeColor: '#FF0000',
|
||||
strokeOpacity: 0.8,
|
||||
strokeWeight: 2,
|
||||
fillColor: '#FF0000',
|
||||
fillOpacity: 0.35,
|
||||
map: map,
|
||||
center: {lat:<?=$limit_lat?>,lng:<?=$limit_lng?>},
|
||||
radius: <?=$limit_rad?>
|
||||
});
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
$(function() {
|
||||
let chart = new Chart(
|
||||
document.getElementById("line-chart"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["ttime"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".$f["speed"]; ?>],
|
||||
label: "Speed",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Speed'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
<script async defer
|
||||
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&libraries=visualization&callback=initMap">
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<?
|
||||
function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit) {
|
||||
//error_log("public function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit)");
|
||||
if (($lat1 == $lat2) && ($lon1 == $lon2)) {
|
||||
return 0;
|
||||
}
|
||||
$theta = $lon1 - $lon2;
|
||||
$dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
|
||||
$dist = acos($dist);
|
||||
$dist = rad2deg($dist);
|
||||
$miles = $dist * 60 * 1.1515;
|
||||
$unit = strtoupper($unit);
|
||||
if ($unit == "K") {
|
||||
return ($miles * 1.609344);
|
||||
}
|
||||
if ($unit == "N") {
|
||||
($miles * 0.8684);
|
||||
}
|
||||
return $miles;
|
||||
}
|
||||
@@ -0,0 +1,191 @@
|
||||
<?php
|
||||
require '../backend.php';
|
||||
|
||||
//PostgreSQL
|
||||
$gps_db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$gps_db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$gps_db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$gps_db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$gps_db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$conn_string_gps = "host=${gps_db_host} port=${gps_db_port} dbname=${gps_db_name} user=${gps_db_user} password=${gps_db_pass}";
|
||||
$pgconn_gps = pg_connect($conn_string_gps);
|
||||
|
||||
$ids = [];
|
||||
$q = "select id from members_tracking where member_id=13 and id>1961278 and id<1961766 order by created";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
$pid = 0;
|
||||
while ($f=pg_fetch_row($r)) {
|
||||
if ($pid>0) {
|
||||
$ids[] = [$pid,$f[0]];
|
||||
}
|
||||
$pid = $f[0];
|
||||
}
|
||||
|
||||
$res = [];
|
||||
$min_lat = PHP_INT_MAX;
|
||||
$min_lng = PHP_INT_MAX;
|
||||
$max_lat = PHP_INT_MIN;
|
||||
$max_lng = PHP_INT_MIN;
|
||||
$center_lat = 0;
|
||||
$center_lng = 0;
|
||||
//$q = "select * from members_tracking where member_id=13 and id>1961278 and id<1961766 order by created";
|
||||
foreach ($ids as list($id1,$id2)) {
|
||||
$q = "SELECT a.id, a.lat,a.lng,a.speed,a.ttime,a.created,";
|
||||
$q.= "ST_Distance(a.gps,b.gps) AS distance, EXTRACT(epoch FROM b.ttime-a.ttime) AS duration ";
|
||||
$q.= "FROM members_tracking a LEFT JOIN members_tracking b ON (b.id=${id2}) WHERE a.id=${id1}";
|
||||
//echo "$q\n";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
$f=pg_fetch_assoc($r);
|
||||
$res[] = $f;
|
||||
if ($f["lat"]<$min_lat) $min_lat = $f["lat"];
|
||||
if ($f["lng"]<$min_lng) $min_lng = $f["lng"];
|
||||
if ($f["lat"]>$max_lat) $max_lat = $f["lat"];
|
||||
if ($f["lng"]>$max_lng) $max_lng = $f["lng"];
|
||||
}
|
||||
|
||||
$center_lat = ($min_lat+$max_lat)/2;
|
||||
$center_lng = ($min_lng+$max_lng)/2;
|
||||
pg_close($pgconn_gps);
|
||||
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>GPS speed test</title>
|
||||
<style>
|
||||
/* Always set the map height explicitly to define the size of the div
|
||||
* element that contains the map. */
|
||||
#map {
|
||||
height: 625px;
|
||||
}
|
||||
/* Optional: Makes the sample page fill the window. */
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container div {
|
||||
display: inline-block;
|
||||
vertical-align: top; /* here */
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<hr size=-1>
|
||||
<div id="map"></div>
|
||||
<hr size=-1>
|
||||
<div class="container">
|
||||
<div class = "one">
|
||||
<table>
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>GPS</th>
|
||||
<th>Speed</th>
|
||||
<th>Time</th>
|
||||
<th>Created</th>
|
||||
<th>Distance</th>
|
||||
<th>Duration</th>
|
||||
<th>Syntethic</th>
|
||||
</tr>
|
||||
<? foreach ($res as $f) { ?>
|
||||
<tr>
|
||||
<td><?=$f["id"]?></td>
|
||||
<td><?=$f["lat"]?>,<?=$f["lng"]?></td>
|
||||
<td><?=$f["speed"]?></td>
|
||||
<td><?=strtok($f["ttime"],'.')?></td>
|
||||
<td><?=strtok($f["created"],'.')?></td>
|
||||
<td><?=$f["distance"]?></td>
|
||||
<td><?=$f["duration"]?></td>
|
||||
<td><?=3.6*$f["distance"]/$f["duration"]?></td><!-- m/s -->
|
||||
</tr>
|
||||
<? } ?>
|
||||
</table>
|
||||
</div>
|
||||
<div class = "two">
|
||||
<canvas id="line-chart" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<?= distanceBetweenTwoGpsCoordinates(48.91037785,24.77400796,48.90451974,24.82994663,'K'); ?>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var map;
|
||||
function initMap() {
|
||||
map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 13,
|
||||
center: {lat: <?=$center_lat?>, lng: <?=$center_lng?>},
|
||||
mapTypeId: 'roadmap'
|
||||
});
|
||||
var flightPlanCoordinates = [
|
||||
<? for ($i=0; $i<count($res)-1;$i++) {
|
||||
echo " {lat: ".$res[$i]["lat"].", lng: ".$res[$i]["lng"]."},\n";
|
||||
} echo " {lat: ".$res[count($res)-1]["lat"].", lng: ".$res[count($res)-1]["lng"]."}\n";?>
|
||||
];
|
||||
var flightPath = new google.maps.Polyline({
|
||||
path: flightPlanCoordinates,
|
||||
geodesic: true,
|
||||
strokeColor: '#FF0000',
|
||||
strokeOpacity: 1.0,
|
||||
strokeWeight: 2
|
||||
});
|
||||
flightPath.setMap(map);
|
||||
<? for ($i=0; $i<count($res);$i++) { ?>
|
||||
var marker<?=$i?> = new google.maps.Marker({
|
||||
position: {lat: <?=$res[$i]['lat']?>, lng: <?=$res[$i]['lng']?>},
|
||||
map: map,
|
||||
title: '<?=$res[$i]["speed"]?>'
|
||||
});
|
||||
<? } ?>
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
$(function() {
|
||||
let chart = new Chart(
|
||||
document.getElementById("line-chart"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["ttime"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".$f["speed"]; ?>],
|
||||
label: "Speed",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Speed'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
<script async defer
|
||||
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&libraries=visualization&callback=initMap">
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<?
|
||||
function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit) {
|
||||
//error_log("public function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit)");
|
||||
if (($lat1 == $lat2) && ($lon1 == $lon2)) {
|
||||
return 0;
|
||||
}
|
||||
$theta = $lon1 - $lon2;
|
||||
$dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
|
||||
$dist = acos($dist);
|
||||
$dist = rad2deg($dist);
|
||||
$miles = $dist * 60 * 1.1515;
|
||||
$unit = strtoupper($unit);
|
||||
if ($unit == "K") {
|
||||
return ($miles * 1.609344);
|
||||
}
|
||||
if ($unit == "N") {
|
||||
($miles * 0.8684);
|
||||
}
|
||||
return $miles;
|
||||
}
|
||||
@@ -0,0 +1,243 @@
|
||||
<?php
|
||||
require '../backend.php';
|
||||
error_reporting(E_ALL);
|
||||
ini_set('display_errors',1);
|
||||
//PostgreSQL
|
||||
$gps_db_host = $savvyext->cfgReadChar('gpsdatabase.host');
|
||||
$gps_db_port = $savvyext->cfgReadLong('gpsdatabase.port');
|
||||
$gps_db_name = $savvyext->cfgReadChar('gpsdatabase.name');
|
||||
$gps_db_user = $savvyext->cfgReadChar('gpsdatabase.user');
|
||||
$gps_db_pass = $savvyext->cfgReadChar('gpsdatabase.pass');
|
||||
$conn_string_gps = "host=${gps_db_host} port=${gps_db_port} dbname=${gps_db_name} user=${gps_db_user} password=${gps_db_pass}";
|
||||
$pgconn_gps = pg_connect($conn_string_gps);
|
||||
|
||||
$res = [];
|
||||
$min_lat = PHP_INT_MAX;
|
||||
$min_lng = PHP_INT_MAX;
|
||||
$max_lat = PHP_INT_MIN;
|
||||
$max_lng = PHP_INT_MIN;
|
||||
$center_lat = 0;
|
||||
$center_lng = 0;
|
||||
$member_id=$_GET['member_id']??0;
|
||||
$q= "select traked_group, ttime::date as tracked_date, count(*) as point from members_tracking where member_id=".$member_id." group by traked_group,ttime::date ORDER by tracked_date DESC";
|
||||
$q="
|
||||
select traked_group, tracked_date, count(*) as point from
|
||||
(select distinct traked_group,lat,lng, ttime::date as tracked_date from members_tracking where member_id=".$member_id."
|
||||
group by traked_group,lat,lng,ttime::date ORDER by tracked_date DESC) as summary
|
||||
group by summary.traked_group, summary.tracked_date
|
||||
ORDER by summary.tracked_date DESC
|
||||
LIMIT 50";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>GPS speed test</title>
|
||||
<style>
|
||||
/* Always set the map height explicitly to define the size of the div
|
||||
* element that contains the map. */
|
||||
#map {
|
||||
height: 625px;
|
||||
}
|
||||
/* Optional: Makes the sample page fill the window. */
|
||||
html, body {
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.container {
|
||||
float:left;
|
||||
width:100%;
|
||||
display: inline-block;
|
||||
vertical-align: top; /* here */
|
||||
}
|
||||
.container .one{
|
||||
width:30%;
|
||||
float:left
|
||||
}
|
||||
.container .two{
|
||||
width:67%;
|
||||
float:left
|
||||
}
|
||||
/* .one{width:30%}
|
||||
.two{width:70%} */
|
||||
table, th, td {
|
||||
border: 1px solid black;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
th, td {
|
||||
padding: 5px;
|
||||
}
|
||||
</style>
|
||||
<script type='text/javascript' src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class = "one">
|
||||
<table border="0" width="100%">
|
||||
<tr>
|
||||
<th>Group</th>
|
||||
<th>Date</th>
|
||||
<th>Point</th>
|
||||
<th>View</th>
|
||||
</tr>
|
||||
<?php
|
||||
while ($f=pg_fetch_assoc($r)) {
|
||||
?>
|
||||
|
||||
|
||||
<tr>
|
||||
<td><?=$f["traked_group"]?></td>
|
||||
<td><?=$f["tracked_date"]?></td>
|
||||
<td><?=$f["point"]?></td>
|
||||
<td><a href="?member_id=<?=$member_id?>&traked_group=<?=$f["traked_group"]?>&tracked_date=<?=$f["tracked_date"]?>">View => </a></td>
|
||||
</tr>
|
||||
<?php } ?>
|
||||
</table>
|
||||
</div>
|
||||
<?php
|
||||
|
||||
$traked_group=$_GET['traked_group']??0;
|
||||
$tracked_date=$_GET['tracked_date']??0;
|
||||
if($member_id>0 && $traked_group>0){
|
||||
$q = "select distinct a.traked_group, a.lat, a.lng, extract(epoch from a.ttime-b.ttime) as seconds,a.* from members_tracking a left join members_tracking b on (b.id=a.previous_id) ";
|
||||
$q.= "where a.member_id=".$member_id." and a.traked_group='".$traked_group."' and a.ttime::date='".$tracked_date."' order by a.ttime asc";
|
||||
$r = pg_query($pgconn_gps, $q);
|
||||
while ($f=pg_fetch_assoc($r)) {
|
||||
$res[] = $f;
|
||||
if ($f["lat"]<$min_lat) $min_lat = $f["lat"];
|
||||
if ($f["lng"]<$min_lng) $min_lng = $f["lng"];
|
||||
if ($f["lat"]>$max_lat) $max_lat = $f["lat"];
|
||||
if ($f["lng"]>$max_lng) $max_lng = $f["lng"];
|
||||
}
|
||||
$center_lat = ($min_lat+$max_lat)/2;
|
||||
$center_lng = ($min_lng+$max_lng)/2;
|
||||
pg_close($pgconn_gps);
|
||||
}
|
||||
?>
|
||||
<div class = "two">
|
||||
<div id="map">
|
||||
</div>
|
||||
<canvas id="line-chart" width="800" height="450"></canvas>
|
||||
<br/>
|
||||
<?= distanceBetweenTwoGpsCoordinates($min_lat,$min_lng,$max_lat,$max_lng,'K'); ?>
|
||||
<table width="100%">
|
||||
<tr>
|
||||
<th>ID</th>
|
||||
<th>Group</th>
|
||||
<th>GPS</th>
|
||||
<th>Duration</th>
|
||||
<th>Seconds</th>
|
||||
<th>Speed</th>
|
||||
<th>Syn.speed</th>
|
||||
<th>Distance</th>
|
||||
<th>Time</th>
|
||||
</tr>
|
||||
<? foreach ($res as $f) { ?>
|
||||
<tr>
|
||||
<td><?=$f["id"]?></td>
|
||||
<td><?=$f["traked_group"]?></td>
|
||||
<td><?=$f["lat"]?>,<?=$f["lng"]?></td>
|
||||
<td><?=$f["duration"]?></td>
|
||||
<td><?=strtok($f["seconds"],'.')?></td>
|
||||
<td><?=sprintf("%0.02f",$f["speed"])?></td>
|
||||
<td><?=$f["seconds"]>0?sprintf("%0.02f",$f["distance"]/$f["seconds"]):0?></td>
|
||||
<td><?=$f["distance"]?></td>
|
||||
<td><?=strtok($f["ttime"],'.')?></td>
|
||||
</tr>
|
||||
<? } ?>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
var map;
|
||||
function initMap() {
|
||||
map = new google.maps.Map(document.getElementById('map'), {
|
||||
zoom: 13,
|
||||
center: {lat: <?=$center_lat?>, lng: <?=$center_lng?>},
|
||||
mapTypeId: 'roadmap'
|
||||
});
|
||||
var flightPlanCoordinates = [
|
||||
<? for ($i=0; $i<count($res)-1;$i++) {
|
||||
echo " {lat: ".$res[$i]["lat"].", lng: ".$res[$i]["lng"]."},\n";
|
||||
} echo " {lat: ".$res[count($res)-1]["lat"].", lng: ".$res[count($res)-1]["lng"]."}\n";?>
|
||||
];
|
||||
var flightPath = new google.maps.Polyline({
|
||||
path: flightPlanCoordinates,
|
||||
geodesic: true,
|
||||
strokeColor: '#FF0000',
|
||||
strokeOpacity: 1.0,
|
||||
strokeWeight: 2
|
||||
});
|
||||
flightPath.setMap(map);
|
||||
<? for ($i=0; $i<count($res);$i++) { ?>
|
||||
var marker<?=$i?> = new google.maps.Marker({
|
||||
position: {lat: <?=$res[$i]['lat']?>, lng: <?=$res[$i]['lng']?>},
|
||||
map: map,
|
||||
<? if ($res[$i]['id']>1961744 || $res[$i]['id']<1961502) { ?>
|
||||
icon: {
|
||||
url: "http://maps.google.com/mapfiles/ms/icons/blue-dot.png"
|
||||
},
|
||||
<? } ?>
|
||||
title: '<?=$res[$i]["ttime"]?> - <?=$res[$i]["speed"]?>, coord: <?=$res[$i]["lat"]?>,<?=$res[$i]["lng"]?>'
|
||||
});
|
||||
marker<?=$i?>.addListener('click', function() {
|
||||
//map.setZoom(8);
|
||||
//map.setCenter(marker.getPosition());
|
||||
alert(marker<?=$i?>.getTitle());
|
||||
});
|
||||
<? } ?>
|
||||
}
|
||||
</script>
|
||||
<script>
|
||||
$(function() {
|
||||
let chart = new Chart(
|
||||
document.getElementById("line-chart"), {
|
||||
type: 'line',
|
||||
data: {
|
||||
labels: [''<? foreach ($res as $f) echo ",'".strtok($f["ttime"],'.')."'"; ?>],
|
||||
datasets: [{
|
||||
data: [0<? foreach ($res as $f) echo ",".$f["speed"]; ?>],
|
||||
label: "Speed",
|
||||
borderColor: "#3e95cd",
|
||||
fill: false
|
||||
}],
|
||||
},
|
||||
options: {
|
||||
title: {
|
||||
display: true,
|
||||
text: 'Speed'
|
||||
}
|
||||
}
|
||||
}
|
||||
);
|
||||
});
|
||||
</script>
|
||||
<script async defer
|
||||
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDvjiRTxngOQyBP4zpqFlZuiquc0ROvo9c&libraries=visualization&callback=initMap">
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
<?
|
||||
function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit) {
|
||||
//error_log("public function distanceBetweenTwoGpsCoordinates($lat1,$lon1,$lat2,$lon2,$unit)");
|
||||
if (($lat1 == $lat2) && ($lon1 == $lon2)) {
|
||||
return 0;
|
||||
}
|
||||
$theta = $lon1 - $lon2;
|
||||
$dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
|
||||
$dist = acos($dist);
|
||||
$dist = rad2deg($dist);
|
||||
$miles = $dist * 60 * 1.1515;
|
||||
$unit = strtoupper($unit);
|
||||
if ($unit == "K") {
|
||||
return ($miles * 1.609344);
|
||||
}
|
||||
if ($unit == "N") {
|
||||
($miles * 0.8684);
|
||||
}
|
||||
return $miles;
|
||||
}
|
||||
@@ -0,0 +1,130 @@
|
||||
<?php
|
||||
|
||||
set_time_limit(0); // No limit!
|
||||
|
||||
require('../backend.php');
|
||||
|
||||
$httpAuthToken = $savvyext->cfgReadChar('system.oauth2_token');
|
||||
$encryptionAlg = $savvyext->cfgReadChar('encryption.algorithm');
|
||||
$encryptionKey = $savvyext->cfgReadChar('encryption.key');
|
||||
$encryptionIV = $savvyext->cfgReadChar('encryption.iv');
|
||||
|
||||
$baseURL = $savvyext->cfgReadChar('system.api_url');
|
||||
|
||||
$db_host = $savvyext->cfgReadChar('database.host');
|
||||
$db_name = $savvyext->cfgReadChar('database.name');
|
||||
$db_user = $savvyext->cfgReadChar('database.user');
|
||||
$db_pass = $savvyext->cfgReadChar('database.pass');
|
||||
$db_port = $savvyext->cfgReadLong('database.port');
|
||||
$connstr = "host=${db_host} port=${db_port} dbname=${db_name} user=${db_user} password=${db_pass}";
|
||||
$conn = pg_connect($connstr);
|
||||
|
||||
$member_id = 1;
|
||||
$days = 90;
|
||||
|
||||
|
||||
|
||||
$db = $conn;
|
||||
|
||||
$data_result = [];
|
||||
// note we don travel everyday - i am modifying this to last 30 or 60 days - not just date diiference
|
||||
$q = "SELECT b.travel_date::date, c.category,count(*) AS count, sum(b.cost) AS amount ,sum(b.duration) AS sum_duration
|
||||
FROM trackedemail_item a, parsedemail_item b, transport_providers c
|
||||
WHERE a.id=b.trackedemail_item_id AND a.member_id=${member_id} AND c.id=b.transport_provider_id AND b.dup_id IS NULL AND
|
||||
date_trunc('day', b.travel_date_end) > (current_date - 2260) AND date_trunc('day', b.travel_date_end) < current_date
|
||||
GROUP BY b.travel_date::date, c.category ORDER BY b.travel_date::date DESC LIMIT ${days} ";
|
||||
|
||||
// error_log($q);
|
||||
$r = pg_query($db, $q);
|
||||
if ($r && pg_num_rows($r)) {
|
||||
$itm_count = 0;
|
||||
while ($f = pg_fetch_assoc($r)) {
|
||||
$detail_line = array("category" => $f["category"],"amount"=>$f["amount"], "duration" => $f["sum_duration"]);
|
||||
$add_line = true;
|
||||
if ($itm_count > 0) {
|
||||
if (array_key_exists($f["travel_date"], $data_result)) {
|
||||
$add_line = false; // dont add new line - modify the current one
|
||||
$data_result[$f["travel_date"]]["value"] = $data_result[$f["travel_date"]]["value"] + $f["sum_duration"];
|
||||
$data_result[$f["travel_date"]]["amount"] = $data_result[$f["travel_date"]]["amount"] + $f["amount"];
|
||||
$data_result[$f["travel_date"]][$f["travel_date"]][] = $detail_line;
|
||||
}
|
||||
}
|
||||
|
||||
if (true == $add_line) {
|
||||
$data_line = array(
|
||||
"date" => $f["travel_date"],
|
||||
"value" => $f["sum_duration"],
|
||||
"amount" => $f["amount"],
|
||||
$f["travel_date"] => $detail_line
|
||||
);
|
||||
$data_result[$f["travel_date"]] = $data_line;
|
||||
}
|
||||
$itm_count++;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
travel_date | category | count | amount | sum_duration
|
||||
-------------+-----------+-------+--------+-----
|
||||
2019-07-25 | RideShare | 1 | 6.00 | 7
|
||||
2019-07-22 | RideShare | 1 | 13.90 | 19
|
||||
2019-06-24 | RideShare | 1 | 14.50 | 20
|
||||
2019-06-22 | RideShare | 1 | 6.00 | 6
|
||||
2019-06-21 | RideShare | 1 | 14.90 | 13
|
||||
2019-06-20 | RideShare | 2 | 24.00 | 33
|
||||
2019-06-16 | RideShare | 2 | 20.10 | 21
|
||||
2019-05-28 | RideShare | 1 | 14.20 | 15
|
||||
2019-05-27 | RideShare | 4 | 40.30 | 64
|
||||
2019-05-27 | Taxi | 1 | 13.20 | 10
|
||||
2019-05-26 | RideShare | 2 | 27.70 | 17
|
||||
2019-05-24 | RideShare | 3 | 27.50 | 53
|
||||
2019-05-24 | Taxi | 1 | 24.50 | 36
|
||||
2019-05-23 | RideShare | 4 | 38.10 | 45
|
||||
|
||||
*/
|
||||
|
||||
//TODO: replace with real data here
|
||||
$data = [
|
||||
|
||||
array("date" => "2006-1-13", "value" => 60),
|
||||
array("date" => "2006-1-23", "value" => 60),
|
||||
array("date" => "2006-3-24", "value" => 55),
|
||||
array("date" => "2006-2-24", "value" => 65),
|
||||
array("date" => "2006-4-26", "value" => 50),
|
||||
array("date" => "2006-5-27", "value" => 70),
|
||||
array("date" => "2006-6-30", "value" => 60),
|
||||
array("date" => "2006-7-1", "value" => 69),
|
||||
array("date" => "2006-8-10", "value" => 45),
|
||||
array("date" => "2006-10-15", "value" => 35),
|
||||
array("date" => "2006-11-13", "value" => 45),
|
||||
array("date" => "2006-12-12", "value" => 45),
|
||||
array("date" => "2007-1-13", "value" => 60),
|
||||
array("date" => "2007-1-23", "value" => 60),
|
||||
array("date" => "2007-2-24", "value" => 65),
|
||||
array("date" => "2007-3-24", "value" => 55),
|
||||
array("date" => "2007-4-26", "value" => 50),
|
||||
array("date" => "2007-5-27", "value" => 70),
|
||||
array("date" => "2007-6-30", "value" => 60),
|
||||
array("date" => "2007-7-1", "value" => 169),
|
||||
array("date" => "2007-8-10", "value" => 45),
|
||||
array("date" => "2007-10-15", "value" => 35),
|
||||
array("date" => "2007-11-13", "value" => 45),
|
||||
array("date" => "2007-12-12", "value" => 45),
|
||||
array("date" => "2008-1-13", "value" => 21),
|
||||
array("date" => "2008-1-15", "value" => 20),
|
||||
array("date" => "2008-3-24", "value" => 30),
|
||||
array("date" => "2008-4-26", "value" => 22),
|
||||
array("date" => "2008-5-27", "value" => 34),
|
||||
array("date" => "2008-6-30", "value" => 45),
|
||||
array("date" => "2008-7-1", "value" => 25),
|
||||
array("date" => "2008-8-10", "value" => 24),
|
||||
array("date" => "2008-10-15", "value" => 35),
|
||||
array("date" => "2008-11-13", "value" => 45),
|
||||
array("date" => "2008-12-12", "value" => 45),
|
||||
];
|
||||
|
||||
//print_r($data);
|
||||
print_r($data_result);
|
||||
// return [$data_result,[]];
|
||||
|
||||
|
||||
@@ -0,0 +1,93 @@
|
||||
<?php
|
||||
//echo "[".date("Y-m-d H:i:s")."] Daily Report job is starting.\n";
|
||||
include '../backend.php';
|
||||
define('SAVVYEXT_BKO_CARDASSIGNED', 100027);
|
||||
|
||||
function Fextension_call($in, &$out) {
|
||||
// logToFl("Merchant_Name count->" . $in["merchant_name"]);
|
||||
global $savvyext;
|
||||
$out = $savvyext->savvyext_api($in);
|
||||
$ret = $out["retval"];
|
||||
return $ret;
|
||||
}
|
||||
|
||||
$inX["mode"] = '100';
|
||||
$inX["member_id"] = '1';
|
||||
$inX["action"] = SAVVYEXT_BKO_CARDASSIGNED;
|
||||
$inX["card_type"] = '22000';
|
||||
$inX["card_count"] = '100';
|
||||
|
||||
|
||||
|
||||
$inX["pid"] = 100;
|
||||
|
||||
$outX=array();
|
||||
|
||||
|
||||
$extension_call = true;
|
||||
|
||||
if ($extension_call == true ) {
|
||||
// logToFl("merchant_name count->" . $res->merchant_name);
|
||||
Fextension_call($inX, $out);
|
||||
}
|
||||
print_r( $inX );
|
||||
echo "<br> -------------------------------------------------------------------- <br>";
|
||||
//print_r( $out );
|
||||
|
||||
|
||||
$total = $out["total_record"];
|
||||
$res = array(
|
||||
"session_valid" => $out["session_valid"],
|
||||
"status" => $out["status"],
|
||||
"total_record" => ($total),
|
||||
"internal_return" => $out["internal_return"],
|
||||
"result_list" => array(),
|
||||
);
|
||||
for ($i = 0; $i < $total; $i++) {
|
||||
$key = sprintf("%05d", $i);
|
||||
$res["result_list"][] = array(
|
||||
"assign_id" => $out["assign_id_${key}"],
|
||||
"card_id" => $out["card_id_${key}"],
|
||||
"can_save" => $out["can_save_${key}"],
|
||||
"name" => $out["name_${key}"],
|
||||
"short_title" => $out["short_title_${key}"],
|
||||
"title" => $out["title_${key}"],
|
||||
"description" => $out["description_${key}"],
|
||||
"background_picture" => $out["background_picture_${key}"],
|
||||
"button1" => $out["button1_${key}"],
|
||||
"button1_text" => $out["button1_text_${key}"],
|
||||
"short_title" => $out["short_title_${key}"],
|
||||
"button1_action" => $out["button1_action_${key}"],
|
||||
"expires" => $out["expires_${key}"],
|
||||
"template" => $out["template_${key}"],
|
||||
"card_canexpire" => $out["card_canexpire_${key}"],
|
||||
"card_action_type" => $out["card_action_type_${key}"],
|
||||
"card_action_data" => $out["card_action_data_${key}"],
|
||||
"titleshow" => $out["titleshow_${key}"],
|
||||
"multiple_answer" => $out["multiple_answer_${key}"],
|
||||
"use_short_title" => $out["use_short_title_${key}"],
|
||||
"target_key" => $out["target_key_${key}"],
|
||||
"target_text" => $out["target_text_${key}"],
|
||||
"subscribe" => $out["subscribe_${key}"],
|
||||
"long_description" => $out["long_description_${key}"],
|
||||
"card_behavior" => $out["card_behavior_${key}"],
|
||||
"card_type" => $out["card_type_${key}"],
|
||||
"card_time" => $out["card_time_${key}"],
|
||||
"card_country" => $out["card_country_${key}"],
|
||||
"card_location" => $out["card_location_${key}"],
|
||||
"latitude" => $out["latitude_${key}"],
|
||||
"longitude" => $out["longitude_${key}"],
|
||||
"card_order" => $out["card_order_${key}"],
|
||||
"background_color" => $out["background_color_${key}"],
|
||||
"blog_id" => $out["blog_id_${key}"]
|
||||
);
|
||||
} // "request_id" => 324,
|
||||
|
||||
|
||||
print_r( $res["result_list"] );
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
?>
|
||||
@@ -0,0 +1,29 @@
|
||||
<?php
|
||||
//echo "[".date("Y-m-d H:i:s")."] Daily Report job is starting.\n";
|
||||
include '../backend.php';
|
||||
define('SAVVY_USER_LOGINACCOUNT', 22015);
|
||||
|
||||
function Fextension_call($in, &$out) {
|
||||
// logToFl("Merchant_Name count->" . $in["merchant_name"]);
|
||||
global $savvyext;
|
||||
$out = $savvyext->savvyext_api($in);
|
||||
$ret = $out["retval"];
|
||||
return $ret;
|
||||
}
|
||||
|
||||
$inX["username"] = 'ses66181@gmail.com';
|
||||
$inX["password"] = '12345678';
|
||||
$inX["pid"] = '100';
|
||||
$inX["action"] = SAVVY_USER_LOGINACCOUNT;
|
||||
$outX=array();
|
||||
|
||||
|
||||
$extension_call = true;
|
||||
|
||||
if ($extension_call == true ) {
|
||||
// logToFl("merchant_name count->" . $res->merchant_name);
|
||||
Fextension_call($inX, $outX);
|
||||
}
|
||||
|
||||
print_r( $outX );
|
||||
?>
|
||||
@@ -0,0 +1,52 @@
|
||||
<?php
|
||||
require('../backend.php');
|
||||
|
||||
$httpAuthToken = $savvyext->cfgReadChar('system.oauth2_token');
|
||||
|
||||
// 18 Marina Gardens Dr, Singapore 018953
|
||||
// 1.2845357,103.8626491
|
||||
// 1.2805229,103.8638607
|
||||
// 1.2805229,103.8660494
|
||||
// data=!3m1!4b1!4m5!3m4!1s0x31da1902c39e5f79:0x940fef9215abd05b!8m2!3d1.2805229!4d103.8660494
|
||||
// /data=!4m13!1m7!3m6!1s0x31da1902c39e5f79:0x940fef9215abd05b!2s18+Marina+Gardens+Dr,+Singapore!3b1!8m2!3d1.2805229!4d103.8660494!3m4!1s0x31da1902c39e5f79:0x940fef9215abd05b!8m2!3d1.2805229!4d103.8660494
|
||||
|
||||
$lat = 1.2805229;
|
||||
$lng = 103.8660494;
|
||||
|
||||
$data = http_build_query(
|
||||
array(
|
||||
'lat' => $lat,
|
||||
'lng' => $lng
|
||||
)
|
||||
);
|
||||
$url = "http://oauth2.service/api/v1/reverse?" . $data;
|
||||
$opts = array(
|
||||
'http' => array(
|
||||
'method' => "GET",
|
||||
'timeout' => 60, /* 1 minute */
|
||||
'header' =>
|
||||
"Content-Type: application/x-www-form-urlencoded\r\n" .
|
||||
"Accept: application/json\r\n" .
|
||||
"Authorization: Server-Token ${httpAuthToken}\r\n",
|
||||
),
|
||||
"ssl" => array(
|
||||
"verify_peer"=>false,
|
||||
"verify_peer_name"=>false,
|
||||
)
|
||||
);
|
||||
$context = stream_context_create($opts);
|
||||
$body = file_get_contents($url, false, $context);
|
||||
//syslog(LOG_WARNING,"BODY: ".$body);
|
||||
$geocoded = json_decode($body,true);
|
||||
if (is_array($geocoded) && is_array($geocoded["data"]) && !isset($geocoded["error"])) {
|
||||
//syslog(LOG_WARNING,json_encode($geocoded));
|
||||
// Cache the result in DB
|
||||
/*Geocode::saveDistanceCache(
|
||||
$db->getConnect(), $fromLat, $fromLng, $toLat, $toLng, $geocoded["data"]);
|
||||
*/
|
||||
//return [$geocoded["data"], NULL];
|
||||
} else if (is_array($geocoded) && isset($geocoded["error"])) {
|
||||
//$body = $geocoded["error"];
|
||||
}
|
||||
|
||||
var_dump($body);
|
||||
@@ -0,0 +1,133 @@
|
||||
<?php
|
||||
|
||||
set_time_limit(0); // No limit!
|
||||
|
||||
require('../backend.php');
|
||||
|
||||
$baseURL = $savvyext->cfgReadChar('system.api_url');
|
||||
|
||||
$db_host = $savvyext->cfgReadChar('database.host');
|
||||
$db_name = $savvyext->cfgReadChar('database.name');
|
||||
$db_user = $savvyext->cfgReadChar('database.user');
|
||||
$db_pass = $savvyext->cfgReadChar('database.pass');
|
||||
$db_port = $savvyext->cfgReadLong('database.port');
|
||||
$connstr = "host=${db_host} port=${db_port} dbname=${db_name} user=${db_user} password=${db_pass}";
|
||||
$conn = pg_connect($connstr);
|
||||
|
||||
$member_id = 1;
|
||||
$days = 90;
|
||||
$db = $conn;
|
||||
//open file - STEW_BANK_IMPORT.txt
|
||||
$file = fopen("STEW_BANK_IMPORT.txt", "r");
|
||||
$ic = 0;
|
||||
$insert_fld = "";
|
||||
while (!feof($file)) {
|
||||
|
||||
$new_line = fgets($file);
|
||||
|
||||
if ($ic == 0) {
|
||||
$fld = explode("|", $new_line);
|
||||
$nc = 0;
|
||||
foreach ($fld as $fr) {
|
||||
if ($nc > 0) {
|
||||
$sp = "";
|
||||
if ($nc > 1) {
|
||||
$sp = ",";
|
||||
}
|
||||
$insert_fld = $insert_fld . $sp . $fr;
|
||||
}
|
||||
$nc++;
|
||||
}
|
||||
}
|
||||
if ($ic > 1) {
|
||||
$datal = explode("|", $new_line);
|
||||
$nc = 0;
|
||||
$data_fld='';
|
||||
foreach ($datal as $fr) {
|
||||
if ($nc > 0) {
|
||||
$sp = "";
|
||||
if ($nc > 1) {
|
||||
$sp = ",";
|
||||
}
|
||||
if($nc==1){
|
||||
$fr = trim($fr)."01";
|
||||
}
|
||||
if($nc==2){
|
||||
$fr = 1;
|
||||
}
|
||||
$data_fld = $data_fld . $sp . "'".trim($fr)."'";
|
||||
}
|
||||
$nc++;
|
||||
}
|
||||
echo $sqlline = "INSERT INTO members_bankimport ( $insert_fld ) VALUES ($data_fld)";
|
||||
//pg_query($db, $sqlline);
|
||||
}
|
||||
|
||||
$ic++;
|
||||
}
|
||||
|
||||
fclose($file);
|
||||
|
||||
|
||||
|
||||
/*
|
||||
|
||||
|
||||
|
||||
$data_result = [];
|
||||
// note we don travel everyday - i am modifying this to last 30 or 60 days - not just date diiference
|
||||
$q = "SELECT b.travel_date::date, c.category,count(*) AS count, sum(b.cost) AS amount ,sum(b.duration) AS sum_duration
|
||||
FROM trackedemail_item a, parsedemail_item b, transport_providers c
|
||||
WHERE a.id=b.trackedemail_item_id AND a.member_id=${member_id} AND c.id=b.transport_provider_id AND b.dup_id IS NULL AND
|
||||
date_trunc('day', b.travel_date_end) > (current_date - 2260) AND date_trunc('day', b.travel_date_end) < current_date
|
||||
GROUP BY b.travel_date::date, c.category ORDER BY b.travel_date::date DESC LIMIT ${days} ";
|
||||
|
||||
// error_log($q);
|
||||
$r = pg_query($db, $q);
|
||||
if ($r && pg_num_rows($r)) {
|
||||
$itm_count = 0;
|
||||
while ($f = pg_fetch_assoc($r)) {
|
||||
$detail_line = array("category" => $f["category"],"amount"=>$f["amount"], "duration" => $f["sum_duration"]);
|
||||
$add_line = true;
|
||||
if ($itm_count > 0) {
|
||||
if (array_key_exists($f["travel_date"], $data_result)) {
|
||||
$add_line = false; // dont add new line - modify the current one
|
||||
$data_result[$f["travel_date"]]["value"] = $data_result[$f["travel_date"]]["value"] + $f["sum_duration"];
|
||||
$data_result[$f["travel_date"]]["amount"] = $data_result[$f["travel_date"]]["amount"] + $f["amount"];
|
||||
$data_result[$f["travel_date"]][$f["travel_date"]][] = $detail_line;
|
||||
}
|
||||
}
|
||||
|
||||
if (true == $add_line) {
|
||||
$data_line = array(
|
||||
"date" => $f["travel_date"],
|
||||
"value" => $f["sum_duration"],
|
||||
"amount" => $f["amount"],
|
||||
$f["travel_date"] => $detail_line
|
||||
);
|
||||
$data_result[$f["travel_date"]] = $data_line;
|
||||
}
|
||||
$itm_count++;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
travel_date | category | count | amount | sum_duration
|
||||
-------------+-----------+-------+--------+-----
|
||||
2019-07-25 | RideShare | 1 | 6.00 | 7
|
||||
2019-07-22 | RideShare | 1 | 13.90 | 19
|
||||
2019-06-24 | RideShare | 1 | 14.50 | 20
|
||||
2019-06-22 | RideShare | 1 | 6.00 | 6
|
||||
2019-06-21 | RideShare | 1 | 14.90 | 13
|
||||
2019-06-20 | RideShare | 2 | 24.00 | 33
|
||||
2019-06-16 | RideShare | 2 | 20.10 | 21
|
||||
2019-05-28 | RideShare | 1 | 14.20 | 15
|
||||
2019-05-27 | RideShare | 4 | 40.30 | 64
|
||||
2019-05-27 | Taxi | 1 | 13.20 | 10
|
||||
2019-05-26 | RideShare | 2 | 27.70 | 17
|
||||
2019-05-24 | RideShare | 3 | 27.50 | 53
|
||||
2019-05-24 | Taxi | 1 | 24.50 | 36
|
||||
2019-05-23 | RideShare | 4 | 38.10 | 45
|
||||
|
||||
*/
|
||||
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
//echo "[".date("Y-m-d H:i:s")."] Daily Report job is starting.\n";
|
||||
include '../backend.php';
|
||||
define('SAVVY_USER_SAVEUPDTTRIP', 22071);
|
||||
|
||||
function Fextension_call($in, &$out) {
|
||||
// logToFl("Merchant_Name count->" . $in["merchant_name"]);
|
||||
global $savvyext;
|
||||
$out = $savvyext->savvyext_api($in);
|
||||
$ret = $out["retval"];
|
||||
return $ret;
|
||||
}
|
||||
|
||||
$inX["mode"] = '100';
|
||||
$inX["sessionid"] = 'A4BE36E7E0F14242E105492109624328';
|
||||
$inX["member_id"] = '1';
|
||||
$inX["action"] = SAVVY_USER_SAVEUPDTTRIP;
|
||||
|
||||
$inX["trip_name"] = 'Trip '.rand(1000,99999);
|
||||
$inX["trip_from"] = '4201 Defoors Fram Trail, Powder Springs, GA';
|
||||
$inX["trip_to"] = '3500 Riverwood parkway, Atlanta, GA';
|
||||
$inX["country"] = 'US';
|
||||
|
||||
$tm = rand(5, 25);
|
||||
|
||||
$inX["trip_date"] = date('Y-m-d', strtotime(" + $tm days"))." 11:30 AM";
|
||||
|
||||
$inX["pid"] = 100;
|
||||
|
||||
$outX=array();
|
||||
|
||||
|
||||
$extension_call = true;
|
||||
|
||||
if ($extension_call == true ) {
|
||||
// logToFl("merchant_name count->" . $res->merchant_name);
|
||||
Fextension_call($inX, $outX);
|
||||
}
|
||||
print_r( $inX );
|
||||
echo "<br> -------------------------------------------------------------------- <br>";
|
||||
print_r( $outX );
|
||||
?>
|
||||
@@ -0,0 +1,42 @@
|
||||
<?php
|
||||
//echo "[".date("Y-m-d H:i:s")."] Daily Report job is starting.\n";
|
||||
include '../backend.php';
|
||||
define('SAVVY_USER_CREATEACCOUNT', 22010);
|
||||
|
||||
function Fextension_call($in, &$out) {
|
||||
// logToFl("Merchant_Name count->" . $in["merchant_name"]);
|
||||
global $savvyext;
|
||||
$out = $savvyext->savvyext_api($in);
|
||||
$ret = $out["retval"];
|
||||
return $ret;
|
||||
}
|
||||
|
||||
$inX["username"] = "ses66181+".rand(1000,9999)."tst@gmail.com";
|
||||
$inX["email"] =$inX["username"];
|
||||
|
||||
$inX["password"] = '12345678';
|
||||
$inX["pid"] = '100';
|
||||
|
||||
$inX["firstname"] = 'Olu'.rand(100,999);
|
||||
$inX["lastname"] = 'Amey';
|
||||
|
||||
$inX["loc"] = "192.168.1.1";
|
||||
|
||||
$inX["login"] = '1';
|
||||
$inX["start_mode"] = 100;
|
||||
|
||||
$inX["action"] = SAVVY_USER_CREATEACCOUNT;
|
||||
$outX=array();
|
||||
|
||||
|
||||
$extension_call = true;
|
||||
|
||||
if ($extension_call == true ) {
|
||||
// logToFl("merchant_name count->" . $res->merchant_name);
|
||||
Fextension_call($inX, $outX);
|
||||
}
|
||||
|
||||
print_r( $outX );
|
||||
?>
|
||||
|
||||
|
||||
@@ -0,0 +1,22 @@
|
||||
<?php
|
||||
|
||||
$alias_string = "AA,BB,CC,";
|
||||
$alias_extra = "";
|
||||
if (strlen($alias_string) > 0) {
|
||||
$pieces = explode(",", $alias_string);
|
||||
$count_item = count($pieces);
|
||||
for ($ii = 0; $ii < $count_item; $ii++) {
|
||||
$this_element = trim(strtolower($pieces[$ii]));
|
||||
if (strlen($this_element) > 0) {
|
||||
$itm_str = "'" . $this_element . "'";
|
||||
if ($ii > 0) {
|
||||
$alias_extra .= ",";
|
||||
}
|
||||
$alias_extra .= $itm_str;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
echo $alias_extra;
|
||||
@@ -0,0 +1,380 @@
|
||||
<?php
|
||||
/*
|
||||
curl --location --request POST 'https://adminsavvy.sworks.float.sg/TEST/test_yellorequest.php' \
|
||||
--header 'Authorization: Basic ZmxvYXQ6RmwwYXQh' \
|
||||
--header 'Content-Type: application/json' \
|
||||
--data-raw '{
|
||||
"original" : {
|
||||
"address" : "10 Amos Road, Sheffield, South Yorkshire, S9 1BX",
|
||||
"location" : {
|
||||
"lat": 53.412535,
|
||||
"lng": -1.419525
|
||||
}
|
||||
},
|
||||
|
||||
"destination" : {
|
||||
"address" : "14 Aylesbury Crescent, Sheffield, South Yorkshire, S9 1JR",
|
||||
"location" : {
|
||||
"lat": 53.418405,
|
||||
"lng": -1.419225
|
||||
}
|
||||
},
|
||||
"raw": false
|
||||
}'
|
||||
*/
|
||||
|
||||
|
||||
//header('Content-type: application/json');
|
||||
|
||||
function isValidJSON($str) {
|
||||
json_decode($str);
|
||||
return json_last_error() == JSON_ERROR_NONE;
|
||||
}
|
||||
|
||||
function simpleXML2Array($xml){
|
||||
$array = (array)$xml;
|
||||
|
||||
//recursive Parser
|
||||
foreach ($array as $key => $value){
|
||||
if(strpos(get_class($value),"SimpleXML")!==false){
|
||||
$array[$key] = simpleXML2Array($value);
|
||||
}
|
||||
}
|
||||
|
||||
return $array;
|
||||
}
|
||||
|
||||
|
||||
function geocode($address) {
|
||||
$httpAuthToken = '99dfe35fcb7de1ee';
|
||||
|
||||
// Call geocoding service
|
||||
$data = http_build_query(
|
||||
array(
|
||||
'address' => $address,
|
||||
)
|
||||
);
|
||||
$url = "http://10.142.0.4/api/v1/geocode?" . $data;
|
||||
$opts = array(
|
||||
'http' => array(
|
||||
'method' => "GET",
|
||||
'header' =>
|
||||
"Content-Type: application/x-www-form-urlencoded\r\n" .
|
||||
"Accept: application/json\r\n" .
|
||||
"Authorization: Server-Token ${httpAuthToken}\r\n",
|
||||
)
|
||||
);
|
||||
$context = stream_context_create($opts);
|
||||
$body = file_get_contents($url, false, $context);
|
||||
$geocoded = json_decode($body,true);
|
||||
return $geocoded;
|
||||
}
|
||||
|
||||
/*
|
||||
$json_params = file_get_contents("php://input");
|
||||
|
||||
if (strlen($json_params) <= 0 || !isValidJSON($json_params)) {
|
||||
http_response_code(400);
|
||||
echo json_encode([
|
||||
"code" => 400,
|
||||
"error" => "Bad request"
|
||||
]);
|
||||
exit(0);
|
||||
}
|
||||
|
||||
$request = json_decode($json_params, true);
|
||||
*/
|
||||
|
||||
|
||||
//$_POST["originalAddress"] = "10 Amos Road, Sheffield, South Yorkshire, S9 1BX";
|
||||
//$_POST["destinationAddress"] = "14 Aylesbury Crescent, Sheffield, South Yorkshire, S9 1JR";
|
||||
|
||||
if (isset($_POST["submit"])) {
|
||||
|
||||
$xmlstr = <<<XML
|
||||
<AgentBidRequest>
|
||||
<Agent Id="{{agent_id}}">
|
||||
<Password>{{agent_password}}</Password>
|
||||
<Reference>AgentRef</Reference>
|
||||
<Time>{{agent_time}}</Time>
|
||||
</Agent>
|
||||
<BidParameters>
|
||||
<Pricing>
|
||||
<Currency>USD</Currency>
|
||||
</Pricing>
|
||||
<Journey>
|
||||
<From>
|
||||
<Type>Address</Type>
|
||||
<Data>1563 Van Dyke Ave, San Francisco, CA 94124, USA</Data>
|
||||
<Coordinate>
|
||||
<Latitude>37.7286068</Latitude>
|
||||
<Longitude>-122.3919092</Longitude>
|
||||
</Coordinate>
|
||||
</From>
|
||||
<To>
|
||||
<Type>Address</Type>
|
||||
<Data>536 Edinburgh St, San Francisco, CA 94112, USA</Data>
|
||||
<Coordinate>
|
||||
<Latitude>37.7206606</Latitude>
|
||||
<Longitude>-122.4326099</Longitude>
|
||||
</Coordinate>
|
||||
</To>
|
||||
</Journey>
|
||||
<Ride Type="Passenger">
|
||||
</Ride>
|
||||
</BidParameters>
|
||||
</AgentBidRequest>
|
||||
XML;
|
||||
|
||||
$xmlstr = <<<XML
|
||||
<AgentBookingAvailabilityRequest>
|
||||
<Agent Id="{{agent_id}}">
|
||||
<Password>{{agent_password}}</Password>
|
||||
<Reference>AgentRef</Reference>
|
||||
<Time>{{agent_time}}</Time>
|
||||
</Agent>
|
||||
<Vendor Id="700998008" />
|
||||
<BookingParameters>
|
||||
<Pricing>
|
||||
<Currency>USD</Currency>
|
||||
</Pricing>
|
||||
<Journey>
|
||||
<From>
|
||||
<Type>Address</Type>
|
||||
<Data>1563 Van Dyke Ave, San Francisco, CA 94124, USA</Data>
|
||||
<Coordinate>
|
||||
<Latitude>37.7286068</Latitude>
|
||||
<Longitude>-122.3919092</Longitude>
|
||||
</Coordinate>
|
||||
</From>
|
||||
<To>
|
||||
<Type>Address</Type>
|
||||
<Data>536 Edinburgh St, San Francisco, CA 94112, USA</Data>
|
||||
<Coordinate>
|
||||
<Latitude>37.7206606</Latitude>
|
||||
<Longitude>-122.4326099</Longitude>
|
||||
</Coordinate>
|
||||
</To>
|
||||
</Journey>
|
||||
<Ride Type="Passenger"></Ride>
|
||||
</BookingParameters>
|
||||
</AgentBookingAvailabilityRequest>
|
||||
|
||||
XML;
|
||||
|
||||
|
||||
|
||||
|
||||
// $originalAddress = $_POST["originalAddress"];// || "10 Amos Road, Sheffield, South Yorkshire, S9 1BX";
|
||||
// $originalLat = floatval($_POST["originalLat"]);// || 53.412535;
|
||||
// $originalLng = floatval($_POST["originalLng"]);// || -1.419525;
|
||||
// $destinationAddress = $_POST["destinationAddress"];// || "14 Aylesbury Crescent, Sheffield, South Yorkshire, S9 1JR";
|
||||
// $destinationLat = floatval($_POST["destinationLat"]); // || 53.418405;
|
||||
// $destinationLng = floatval($_POST["destinationLng"]); // || -1.419225;
|
||||
$raw = false;
|
||||
if ($_POST["raw"]) {
|
||||
$raw = true;
|
||||
}
|
||||
$showRequestBody = false;
|
||||
if ($_POST["showRequest"]) {
|
||||
$showRequestBody = true;
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Check if name has been entered
|
||||
if (!$_POST['originalAddress']) {
|
||||
$errOriginalAddress = 'Please enter original address';
|
||||
} else {
|
||||
$originalAddress = $_POST["originalAddress"];// || "10 Amos Road, Sheffield, South Yorkshire, S9 1BX";
|
||||
$original = geocode($originalAddress);
|
||||
if (isset($original['error'])) {
|
||||
$errOriginalAddress = $original['error'];
|
||||
} else {
|
||||
$originalLat = $original["data"]["lat"];
|
||||
$originalLng = $original["data"]["lng"];
|
||||
}
|
||||
}
|
||||
|
||||
if (!$_POST['destinationAddress']) {
|
||||
$errDestinationAddress = 'Please enter destination address';
|
||||
} else {
|
||||
$destinationAddress = $_POST["destinationAddress"];// || "14 Aylesbury Crescent, Sheffield, South Yorkshire, S9 1JR";
|
||||
$destination = geocode($destinationAddress);
|
||||
if (isset($destination['error'])) {
|
||||
$errDestinationAddress = $destination['error'];
|
||||
} else {
|
||||
$destinationLat = $destination["data"]["lat"];
|
||||
$destinationLng = $destination["data"]["lng"];
|
||||
}
|
||||
}
|
||||
|
||||
if (!$errOriginalAddress && !$errDestinationAddress) {
|
||||
|
||||
/* $originalAddress = "10 Amos Road, Sheffield, South Yorkshire, S9 1BX";
|
||||
$originalLat = 53.412535;
|
||||
$originalLng = -1.419525;
|
||||
$destinationAddress = "14 Aylesbury Crescent, Sheffield, South Yorkshire, S9 1JR";
|
||||
$destinationLat = 53.418405;
|
||||
$destinationLng = -1.419225;*/
|
||||
|
||||
$xml = new SimpleXMLElement($xmlstr);
|
||||
|
||||
$xml->Agent->attributes()->Id = "20088"; //300999;
|
||||
$xml->Agent->Password = "BNyN3ee228MexQ3EzJfzOdb4"; //jEHjE5Kv;
|
||||
// $xml->Agent->attributes()->Id = "300999";
|
||||
// $xml->Agent->Password = "jEHjE5Kv";
|
||||
$xml->Agent->Time = date("Y-m-d\TH:i:s.v\Z");
|
||||
$xml->BookingParameters->Journey->From->Data = $originalAddress;
|
||||
$xml->BookingParameters->Journey->From->Coordinate->Latitude = $originalLat;
|
||||
$xml->BookingParameters->Journey->From->Coordinate->Longitude = $originalLng;
|
||||
$xml->BookingParameters->Journey->To->Data = $destinationAddress;
|
||||
$xml->BookingParameters->Journey->To->Coordinate->Latitude = $destinationLat;
|
||||
$xml->BookingParameters->Journey->To->Coordinate->Longitude = $destinationLng;
|
||||
|
||||
$postdata = $xml->asXML();
|
||||
|
||||
// $url="https://cxs.autocab.net/api/agent";
|
||||
$url="https://cxs-staging.autocab.net/api/agent";
|
||||
|
||||
$curl = curl_init();
|
||||
|
||||
curl_setopt_array( $curl, array(
|
||||
CURLOPT_URL => $url,
|
||||
CURLOPT_RETURNTRANSFER => true,
|
||||
CURLOPT_ENCODING => "",
|
||||
CURLOPT_MAXREDIRS => 10,
|
||||
CURLOPT_TIMEOUT => 0,
|
||||
CURLOPT_FOLLOWLOCATION => true,
|
||||
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
|
||||
CURLOPT_CUSTOMREQUEST => "POST",
|
||||
CURLOPT_POSTFIELDS => $postdata,
|
||||
CURLOPT_HTTPHEADER => array(
|
||||
"Content-Type: text/xml"
|
||||
),
|
||||
) );
|
||||
|
||||
$response = curl_exec( $curl );
|
||||
curl_close( $curl );
|
||||
|
||||
$xmlResponse = new SimpleXMLElement($response);
|
||||
|
||||
$result = [
|
||||
];
|
||||
if ((string)$xmlResponse->Result->Success == "true") {
|
||||
if ($raw) {
|
||||
$dom = new DOMDocument("1.0");
|
||||
$dom->preserveWhiteSpace = false;
|
||||
$dom->formatOutput = true;
|
||||
$dom->loadXML($xmlResponse->asXML());
|
||||
$result = $dom->saveXML();
|
||||
$result = simpleXML2Array($xmlResponse);
|
||||
} else {
|
||||
$result["offers"] = [];
|
||||
array_push($result["offers"], [
|
||||
"price" => (int)$xmlResponse->Pricing->Price,
|
||||
"estimatedJourney" => [
|
||||
"distance" => (int) $xmlResponse->EstimatedJourney->Distance,
|
||||
"duration" => (int) $xmlResponse->EstimatedJourney->Duration,
|
||||
],
|
||||
"vendor" => (string) $xmlResponse->VendorDetails->Name
|
||||
]);
|
||||
/*
|
||||
foreach ($xmlResponse->Offers->Offer as $offer) {
|
||||
array_push($result["offers"], [
|
||||
"price" => (int)$offer->Pricing->Price,
|
||||
"estimatedJourney" => [
|
||||
"distance" => (int) $offer->EstimatedJourney->Distance,
|
||||
"duration" => (int) $offer->EstimatedJourney->Duration,
|
||||
],
|
||||
"vendor" => (string) $offer->VendorDetails->Name
|
||||
]);
|
||||
}
|
||||
*/
|
||||
}
|
||||
} else {
|
||||
$result["error"] = (string) $xmlResponse->Result->FailureReason;
|
||||
}
|
||||
|
||||
$result = PHP_EOL.json_encode($result, JSON_PRETTY_PRINT);
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Yellow Cab Offers Test">
|
||||
<meta name="author" content="float.sg">
|
||||
<title>Yellow Cab Offers</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-md-offset-3">
|
||||
<h1 class="page-header text-center">Yellow Cab Unit Test</h1>
|
||||
<form class="form-horizontal" role="form" method="post" action="test_yellorequest.php">
|
||||
<div class="form-group">
|
||||
<label for="originalAddress" class="control-label">Original Address</label>
|
||||
<div class="">
|
||||
<input type="text" class="form-control" id="originalAddress" name="originalAddress" placeholder="Original Address" value="<?php echo htmlspecialchars($_POST['originalAddress']); ?>">
|
||||
<small>Example: 1563 Van Dyke Ave, San Francisco, CA 94124</small>
|
||||
<?php echo "<p class='text-danger'>$errOriginalAddress</p>";?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="destinationAddress" class="control-label">Destination Address</label>
|
||||
<div class="">
|
||||
<input type="text" class="form-control" id="destinationAddress" name="destinationAddress" placeholder="Destination Address" value="<?php echo htmlspecialchars($_POST['destinationAddress']); ?>">
|
||||
<small>Example: 536 Edinburgh St, San Francisco, CA 94112</small>
|
||||
<?php echo "<p class='text-danger'>$errDestinationAddress</p>";?>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="raw" name="raw" value="<?php echo ($raw ? 'Y' : 'N')?>" >
|
||||
<label class="form-check-label" for="raw">Show Raw Data</label>
|
||||
</div>
|
||||
<div class="form-check">
|
||||
<input type="checkbox" class="form-check-input" id="showRequest" name="showRequest" value="<?php echo ($showRequestBody ? 'Y' : 'N')?>" >
|
||||
<label class="form-check-label" for="showRequest">Show Request Body</label>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="col-sm-2 col-sm-offset-10">
|
||||
<input id="submit" name="submit" type="submit" value="Send" class="btn btn-primary">
|
||||
</div>
|
||||
</div>
|
||||
<?php if ($result) { ?>
|
||||
<div class="form-group">
|
||||
<h2>Result:</h2>
|
||||
<div >
|
||||
<pre class="prettyprint">
|
||||
<?php echo $raw ? htmlentities($dom->saveXML()) : htmlentities($result); ?>
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
<?php if ($showRequestBody) { ?>
|
||||
<div class="form-group">
|
||||
<h2>Request:</h2>
|
||||
<div>
|
||||
<pre class="prettyprint">
|
||||
<?php echo htmlentities($postdata); ?>
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
|
||||
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
|
||||
<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -0,0 +1,97 @@
|
||||
<?php
|
||||
$message = "";
|
||||
$start_addr = "4198 Defoors Farm Dr, Powder Springs, GA 30127, USA";
|
||||
$end_addr = "3500 Riverwood Pkwy, Atlanta, GA 30339, USA";
|
||||
|
||||
//
|
||||
|
||||
if (isset($_POST) && !empty($_POST['start_addr'])) {
|
||||
//$message = "post was detected";
|
||||
$start_addr = GetPostVar("start_addr");
|
||||
$end_addr = GetPostVar("end_addr");
|
||||
|
||||
|
||||
|
||||
// you can attach your calls here
|
||||
$message = "Recieved<br>" . $start_addr . "<br>" . $end_addr;
|
||||
}
|
||||
|
||||
//print_r($_POST);
|
||||
?>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>YellowCab Test</title>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
|
||||
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
|
||||
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="jumbotron text-center">
|
||||
<h1>Yellow Cab Unit Test</h1>
|
||||
<p>Some details about the test here!</p>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-sm-4">
|
||||
<h3>Technical Description</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
|
||||
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<h3>Find Ride</h3>
|
||||
<form method='post' action="#">
|
||||
|
||||
<table class="table table-striped">
|
||||
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">Start</th>
|
||||
<td>
|
||||
|
||||
<input type="text" class="form-control" name="start_addr" value="<?= $start_addr ?>" placeholder="Enter Start Address" aria-label="Enter Start Address" aria-describedby="basic-addon2" >
|
||||
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">End</th>
|
||||
<td>
|
||||
<input type="text" class="form-control" name="end_addr" value="<?= $end_addr ?>" placeholder="Enter End Address" aria-label="Enter End Address" aria-describedby="basic-addon2">
|
||||
|
||||
</td>
|
||||
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row"></th>
|
||||
<td style="text-align: right;"><button type="submit" name="foo" class="btn btn-info">Submit</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<?= $message ?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<?php
|
||||
|
||||
function GetPostVar($name, $sDefault = "") {
|
||||
global $_GET, $_POST;
|
||||
return (isset($_POST[$name])) ? strip_tags($_POST[$name]) : ((isset($_GET[$name])) ? strip_tags($_GET[$name]) : $sDefault);
|
||||
}
|
||||
?>
|
||||
Reference in New Issue
Block a user