Untitled

mail@pastecode.io avatar
unknown
plain_text
7 months ago
5.9 kB
3
Indexable
Never
<!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>
Leave a Comment