<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Your charging process: Charging completed successfully</title>
<style>
body {
margin: 0;
padding: 0;
font-family: FSAlbertaPro, Ubitricity, Arial, Helvetica, sans-serif;
background-color: #e6e6e6;
-webkit-font-smoothing: antialiased;
font-size: 14px;
line-height: 1.4;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
a {
color: #005C27;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
width: 764px;
}
img {
border: none;
-ms-interpolation-mode: bicubic;
max-width: 100%;
}
table {
border-collapse: separate;
mso-table-lspace: 0pt;
mso-table-rspace: 0pt;
width: 100%;
}
table td {
font-family: sans-serif;
font-size: 14px;
vertical-align: top;
}
.wrapper {
background: #e6e6e6;
width: 100%;
min-width: 320px;
}
.container {
display: block;
margin: 0 auto !important;
padding: 20px 15px;
width: 800px;
}
.content {
display: block;
margin: 0 auto;
width: 800px;
}
.report {
width: 800px;
padding: 15px;
background: #ffffff;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-sizing: border-box;
}
.report__header {
text-align: center;
}
.report__cell--label {
font-weight: 700;
font-size: 14px;
padding-top: 0px !important;
padding-bottom: 5px !important;
width: 300px;
}
.report__cell--label-summary {
font-weight: 700;
font-size: 14px;
padding-top: 15px !important;
padding-bottom: 5px !important;
width: 300px;
}
.report__cell--value {
font-weight: 700;
font-size: 14px;
padding-top: 0px !important;
padding-bottom: 5px !important;
padding-left: 10px !important;
color: #999999 !important;
}
.report__cell--value-summary {
font-weight: 700;
font-size: 14px;
padding-top: 15px !important;
padding-bottom: 5px !important;
padding-left: 10px !important;
color: #999999 !important;
}
.report__footer-image {
width: 100%;
opacity: 0.5;
}
.report__footer-text {
font-weight: normal;
font-size: 12px !important;
color: #999999;
}
.report__logo {
height: 110px;
padding: 30px 0;
}
.report__text {
font-weight: normal;
font-size: 14px !important;
}
.report__text--big {
font-weight: normal;
font-size: 16px !important;
}
.report__text--small {
font-weight: normal;
font-size: 12px !important;
}
.report__text--bold {
font-weight: 700 !important;
}
@media only screen and (max-width: 728px) {
.wrapper {
background: #ffffff;
}
.container {
padding: 0;
}
.report {
padding: 5px 15px;
border: 0px;
border-radius: 0;
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.report__cell--label {
width: 250px;
}
.report__cell--label-summary {
width: 250px;
}
}
@media only screen and (max-width: 500px) {
.report__cell--label {
width: 200px;
}
.report__cell--label-summary {
width: 200px;
}
}
</style>
</head>
<body>
<table role="presentation" cellpadding="0" cellspacing="0" class="wrapper">
<tr>
<td> </td>
<td class="container">
<div class="content">
<table role="presentation" class="report">
<tr>
<td class="report__header" colspan="2">
<img class="report__logo" src="cid:ubitricity-logo-new.png" height="100" />
</td>
</tr>
<tr>
<td class="report__text--big" colspan="2">
<span class="report__text--bold">Your charging event has finished successfully - You're ready to go</span><br/><br/>
<span>Dear customer,<br><br>Thank you for charging with ubitricity.</span><br/>
<span>Thanks for charging your car with ubitricity. Your battery is now filled with renewable energy and you're ready to hit the road. Make sure you check out our other <a href="https://portal.ubitricity.co.uk/map">charge points</a> for your next charge.</span><br/><br/><br/>
<span>We wish you a pleasant trip.</span><br/><br/><br/>
<span>Kind regards,<br>your ubitricity team</span><br/><br/><br/>
</td>
</tr>
<tr>
<td class="report__cell--label">Charge Point ID:</td>
<td class="report__cell--value">suby1100004009</td>
</tr>
<tr>
<td class="report__cell--label">Charge Point address:</td>
<td class="report__cell--value">176A Sutherland Avenue, W9 1HR London</td>
</tr>
<tr>
<td class="report__cell--label">Charge start time:</td>
<td class="report__cell--value">07 Dec 2021 15:32:12</td>
</tr>
<tr>
<td class="report__cell--label">Charge stop time:</td>
<td class="report__cell--value">08 Dec 2021 08:35:22</td>
</tr>
<tr>
<td class="report__cell--label">Duration of charge:</td>
<td class="report__cell--value">17:03:10</td>
</tr>
<tr>
<td class="report__cell--label">Energy charged:</td>
<td class="report__cell--value">29.824 kWh @ £0.24 per kWh</td>
</tr>
<tr>
<td class="report__cell--label-summary">Total amount excl. VAT:</td>
<td class="report__cell--value-summary">£5.97</td>
</tr>
<tr>
<td class="report__cell--label">VAT amount (20.00%):</td>
<td class="report__cell--value">£1.19</td>
</tr>
<tr>
<td class="report__cell--label">Total incl. VAT:</td>
<td class="report__cell--value">£7.16</td>
</tr>
<tr>
<td class="report__footer" colspan="2" align="center">
<hr size="1" color="#eee" noshade/>
<img class="report__footer-image" src="cid:ubitricity-background.jpg" />
<p class="report__text" align="left">
<span class="report__text--bold">ubitricity</span><br/>
<span>Distributed Energy Systems UK Limited</span><br/>
<span>Spectrum House Unit 11 · 32-34 Gordon House Road London · NW5 1LP</span><br/>
<span>Phone +44 800 024 6279</span><br/>
<span>Email: <a href="mailto:support@ubitricity.co.uk">support@ubitricity.co.uk</a></span><br/>
<span><a href="https://www.ubitricity.co.uk">https://www.ubitricity.co.uk</a></span><br/><br/>
<span>Follow us on <a href="https://www.facebook.com/ubitricity">Facebook</a> and <a href="https://www.linkedin.com/company/ubitricity/">LinkedIn</a></span><br/><br/>
<span>Managing Directors: Alexander Hartman and Anton Ohm</span><br/>
<span>Company Registration Number 11393390 VAT ID GB309630901</span><br/><br/>
<span>Please consider the environment before printing this mail.</span>
</p>
<hr size="1" color="#eee" noshade/>
<p class="report__footer-text" align="left">
<span>This message an automated message, please do not respond directly to it.</span><br/>
<span>If you have any questions please feel free to contact with our support.</span>
</p>
</td>
</tr>
</table>
</div>
</td>
<td> </td>
</tr>
</table>
</body></html>