dev-chiefworks
803 lines
57 KiB
HTML
803 lines
57 KiB
HTML
<!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> |