Untitled

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="x-apple-disable-message-reformatting" />
    <style>
        body{
            background-color:#e4e4e4; mArgin:0 auto;
        }
    </style>
</head>
<body bgcolor="#e4e4e4" style="mArgin:0 auto;">
    <table bgcolor="#FFFFFF" width="600" align="center" cellpadding="0" cellspacing="0" style="margin:0 auto; background-color:#FFFFFF; border-collapse:collapse;border-spacing:0;color:black; font-size: 17px;">
        <tr>
            <td style="width: 50%; font-family: Arial, sans-serif !important; padding: 2% 0 2% 6%">Receipt no. TG13728414</td>
            <td style="width: 50%; text-align: right; padding: 2% 5% 2% 0"><img src="http://m.taxigo.ee/taxigo_logo.png" alt="Taxigo" width="100"/></td>
        </tr>
        <tr style="mArgin-top: 10px;">
            <td colspan="2">
                <img width="600" alt="Route" src="http://104.155.59.104:8777/storage/maps/f82a8129d49d46edc0b19839ad8f1f9980fa9ee0.png">
            </td>
        </tr>
        <tr style="text-align: center;line-height: 45px;">
            <td colspan="2" style="font-family: Arial, sans-serif !important; padding-bottom: 15px;">
                <span style="font-weight: bold"> Thank You for choosing Taxigo! </span>
                <br>
                Find your trip details below:
            </td>
        </tr>
        <tr>
            <td colspan="2" style="font-family: Arial, sans-serif !important;text-transform: uppercase; padding-left: 10%;"> <a href="" style="text-decoration:none;border:none;color:#000000;"> 16 November 2018 </a> </td>
        </tr>
        <tr>
            <td colspan="2" style="padding-bottom: 25px;font-family: Arial, sans-serif !important;">
                <table width="80%" align="center" cellpadding="0" cellspacing="0" bgcolor="#f7f7f7" style="background-color:#f7f7f7; border-collapse:collapse;border-spacing:0;color:black; font-size: 18px;">
                    <tr>
                        <td style="padding: 5% 0 0 5%; width:75px;"><a href="" style="text-decoration:none;border:none;color:#000000;">15:59</a></td>
                        <td style="padding: 5% 0 0 0; width:15px;"> <div style="height: 14px;width: 14px;border-radius: 50px;border: 2px solid #e3e3e3; background-color: #e54d07;"></div> </td>
                        <td style="padding: 5% 0 0 2%;"><a href="" style="text-decoration:none;border:none;color:#000000;">Estonia</a></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><div style="height:30px;border-left: 2px solid #e3e3e3;mArgin-left:8px"></div></td>
                        <td></td>
                    </tr>
                    <tr>
                        <td style="padding: 1% 0 5% 5%; width:75px;"><a href="" style="text-decoration:none;border:none;color:#000000;">18:25</a></td>
                        <td style="padding: 1% 0 5% 0; width:15px;"> <div style="height: 14px;width: 14px;border-radius: 50px;border: 2px solid #e3e3e3; background-color: #f9d100;"></div> </td>
                        <td style="padding: 1% 0 5% 2%;"><a href="" style="text-decoration:none;border:none;color:#000000;">Estonia, Tallinn, Estonia</a></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="font-family: Arial, sans-serif !important;text-transform: uppercase; padding-left: 10%;"> <a href="" style="text-decoration:none;border:none;color:#000000;"> COST DETAILS </a> </td>
        </tr>
        <tr>
            <td colspan="2" style="font-family: Arial, sans-serif !important;">
                <table width="80%" align="center" cellpadding="0" cellspacing="0" bgcolor="#f7f7f7" style="background-color:#f7f7f7; border-collapse:collapse;border-spacing:0;color:black; font-size: 18px;">
                    <tr>
                        <td style="padding: 5% 0 0 5%; text-align: left"> Start fare </td>
                        <td style="padding: 5% 5% 0 0; text-align: right"> 2.00€ </td>
                    </tr>
                    <tr>
                        <td style="padding: 5% 0 0 5%; text-align: left"> Distance 0.00 km.</td>
                        <td style="padding: 5% 5% 0 0; text-align: right"> 0.00€ </td>
                    </tr>
                    <tr>
                        <td style="padding: 5% 0 5% 5%; text-align: left"> Time 0 minutes </td>
                        <td style="padding: 5% 5% 5% 0; text-align: right"> 0.00€ </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align: right; font-family: Arial, sans-serif !important; padding-right: 10%;padding-bottom:60px">
                <div style="font-weight: bold;">TOTAL <span style="font-size: 24px;">2.00€</span></div>
                <div style="font-size: 14px; text-transform: uppercase;">Cash PAYMENT</div>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="border: 1px solid #e4e4e4;"></td>
        </tr>
        <tr>
            <td colspan="2" style="padding:60px 0 60px 0; font-family: Arial, sans-serif !important;">
                <table width="90%" align="center" cellpadding="0" cellspacing="0" style="border-collapse:separate;border-spacing: 73px 10px;color:black; font-size: 18px;">
                    <tr>
                        <td style="text-align:center">DRIVER</td>
                        <td></td>
                        <td style="text-align:center">CAR</td>
                    </tr>
                    <tr>
                        <td width="40%" style="text-align: center;background-image: url(http://sio.taxigo.ee:8080/api/tasks/13728414/driverPhoto/bcad096393a4dc4c44075ae7a52f339d);background-size: 100px;height: 100px;border-radius: 50px;background-position: center; background-repeat: no-repeat"></td>
                        <td width="1"></td>
                        <td width="40%" style="text-align: center;background-image: url(http://m.taxigo.ee/cab_imgs/veh_234836_1.jpg);background-size: 140px;height: 100px;border-radius: 50px;background-position: center; background-repeat: no-repeat"></td>
                    </tr>
                    <tr>
                        <td style="text-align:center;">
                            <span style="font-weight: bold">TestDriver 4</span> <br>
                            2222 <br>
                            Coba&#x27;s Taxi
                        </td>
                        <td></td>
                        <td style="text-align:center;">
                            <span style="font-weight: bold">Mazda 2000 </span> <br>
                            Cadillac <br>
                            777HEL
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="border: 1px solid #e4e4e4;"></td>
        </tr>
        <!--<tr>
            <td colspan="2" style="padding-top:60px; font-family: 'Roboto';">
                <table width="70%" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;color:black; font-size: 18px; text-align:center;">
                    <tr>
                        <td>Trip rating</td>
                    </tr>
                    <tr>
                        <td style="padding: 5px 0 5px 0">
                            <img src="http://m.taxigo.ee/cab_imgs/veh_3_1.jpg" style="width:50px; height:50px; border-radius:50px; padding-top:5px;">
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-bottom: 30px">textdescr</td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <table  width="50%" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;color:black; font-size: 18px; text-align:center;">
                    <tr>
                        <td style="border-top: 1px solid #b3bbbf; padding-bottom:20px"></td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="padding-bottom: 25px; font-family: 'Roboto';">
                <table  width="70%" align="center" cellpadding="0" cellspacing="0" style="border-collapse:collapse;border-spacing:0;color:black; font-size: 18px; text-align:center;">
                    <tr>
                        <td style="font-weight:bold;">We’re sorry you didn’t like the experience. We will certainly examine the case for further convenience.</td>
                    </tr>
                </table>
            </td>
        </tr>-->
        <tr>
            <td colspan="2" bgcolor="#3f3f3f" style="background-color:#3f3f3f; height: 130px; text-align:center; font-family: Arial, sans-serif !important;">
                <div style="width:220px;text-align: center;font-size: 16px;background-color: #e54d07;border-radius: 25px;mArgin:auto;line-height: 55px;cursor: pointer; margin-top: 12px;"><a href="mailto:hello@taxigo.ee" style="text-decoration:none;border:none;color:#FFFFFF;">Leave feedback</a></div>
                    <div style="font-size: 11px;margin-top: 5px;"><a style="text-decoration:none;border:none;color:#FFFFFF;" href="http://sio.taxigo.ee:8080/api/tasks/13728414/invoice?hash&#x3D;2ad21aae690d77d8cd3af806f1f66dc84ebea158dd02ce6985d964e4cca0c103&amp;format&#x3D;pdf">DOWNLOAD INVOICE</a></div>
            </td>
        </tr>
        <tr>
            <td colspan="2" style="text-align:center;padding:15px 0 15px 0; font-family: Arial, sans-serif !important;">
                <span>Taxigo OÜ</span> <span style="mArgin-left:10px">Madara 31, Tallinn, Estonia</span> <span style="mArgin-left:10px">+372 5815 0000</span>
            </td>
        </tr>
    </table>
</body>
</html>