Untitled
unknown
plain_text
2 years ago
5.9 kB
11
Indexable
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link href="https://fonts.cdnfonts.com/css/helvetica-neue-55" rel="stylesheet">
</head>
<body style="font-family: 'Helvetica Neue', sans-serif;">
<div style="max-width: 800px; margin: auto; color: #242E42; padding: 100px 0px;">
<table style="width: 100%">
<tbody>
<tr>
<td>
<div style="display: flex; align-items: center; justify-content: center">
<img src="{{asset("admin/icons/mail/logo.png")}}" height="80" width="40">
</div>
</td>
</tr>
<tr>
<td style="padding-top: 50px; padding-bottom: 50px">
<div style="display: flex; align-items: center; justify-content: center">
<img src="{{asset("admin/icons/mail/ok.png")}}" height="111" width="112">
</div>
</td>
</tr>
<tr>
<td style="text-align: center; font-size: 40px">Your payment is received <br> Thank you</td>
</tr>
<tr>
<td style="text-align: center;">
<p style="font-size: 20px; ">Best Regards</p>
<p style="font-size: 20px; color:#27CCFF;">Mokota</p>
</td>
</tr>
<tr>
<td style="border-top: 2px solid #D9DDE9;border-bottom: 2px solid #D9DDE9">
<p style="padding-top: 30px">Detalhes da Viagem</p>
<div style="display: flex; align-items: center; justify-content: space-between">
<p style="font-size: 40px; ">Total</p>
<p style="font-size: 40px; ">4,73Kz</p>
</div>
</td>
</tr>
<tr>
<td style="">
<div style="display: flex; align-items: center; justify-content: space-between; font-weight: 800">
<p style="font-size:20px; font-wight:800;">Pagamentos</p>
<p style="font-size:20px; font-wight:800;">AkiPaga</p>
<p style="font-size:20px; font-wight:800;">4,73Kz</p>
</div>
</td>
</tr>
<tr>
<td style="background-color: #F2F4F7; padding: 24px">
<div style="display: flex; align-items: center; justify-content: space-between">
<p style="font-size:20px; font-wight:800;">Viajou com <span style="color: #27CCFF">João Silva</span></p>
<button style="border: 0; cursor: pointer; background-color: #27CCFF; color: white; padding: 10px 20px; border-radius: 10px; font-size: 17px;">Classificar</button>
</div>
<div style="display: flex; align-items: center; justify-content: space-between; padding-top: 40px;">
<div style="display: flex; align-items: center;">
<img style="margin-right: 10px" src="{{asset("admin/icons/mail/calender.png")}}" height="24" width="23">
<p style=" font-size: 14px">13 de Dezembro</p>
</div>
<div style="display: flex; align-items: center;">
<img style="margin-right: 10px" src="{{asset("admin/icons/mail/clock.png")}}" height="23" width="23">
<p style=" font-size: 14px">10 minnutos</p>
</div>
<div>
<p style=" font-size: 14px">13 km</p>
</div>
</div>
<div style="padding-top: 40px; margin: auto; width: 90%">
<div style="position: relative; margin-top: 30px">
<div style="width: 10px; z-index: 5; height: 10px; background: #27CCFF; border-radius: 50%; position: absolute; left:-36px; top:4px;">
</div>
<div style="width: 2px; height: 160%; background: #d9dde9;position: absolute; left:-32px; top:4px;">
</div>
<p style="font-size: 16px; font-weight:800">12:30</p>
<p>Localização 01</p>
</div>
<div style="position: relative; margin-top: 30px">
<div style="width: 10px; z-index: 5; height: 10px; background: black; border-radius: 50%; position: absolute; left:-36px; top:4px;">
</div>
<p style="font-size: 146x; font-weight:800">12:30</p>
<p>Localização 01</p>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>Editor is loading...
Leave a Comment