<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>View Your Itinerary</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body style="margin:0; padding:0; background-color:#ffffff;">

    <!-- OUTER WRAPPER -->
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td align="center">

                <!-- CONTAINER -->
                <table width="600" cellpadding="0" cellspacing="0" border="0" style="width:600px; max-width:600px;">

                    <!-- HEADER BAR -->
                    <tr>
                        <td style="background-color:#006696; padding:16px 20px;">
                            <a href="/" target="_blank" style="text-decoration:none;">
                                <img src="https://trip.mhjohn.xyz/frontendAssets/img/logo.svg" alt="ViewTrip" height="32" style="display:block; border:0;">
                            </a>
                        </td>
                    </tr>

                    <!-- SPACER -->
                    <tr>
                        <td height="30"></td>
                    </tr>

                    <!-- THANK YOU -->
                    <tr>
                        <td style="padding:0 20px; font-family:Arial, Helvetica, sans-serif;">
                            <h1 style="margin:0 0 16px 0; font-size:32px; font-weight:400; color:#4a90e2;">
                                Thank You
                            </h1>

                            <p style="margin:0 0 16px 0; font-size:14px; line-height:20px; color:#333333;">
                                Your travel agent has confirmed that your trip has been booked.
                                To see the details of your trip please click the “View Your Itinerary”
                                button below.
                            </p>

                            <p style="margin:0 0 30px 0; font-size:14px; color:#000000;">
                                <strong>Reservation Number: FL6LFF</strong>
                            </p>
                        </td>
                    </tr>

                    <!-- BUTTON -->
                    <tr>
                        <td align="center" style="padding:0 20px 40px 20px;">
                            <table cellpadding="0" cellspacing="0" border="0" width="100%">
                                <tr>
                                    <td align="center" bgcolor="#7ac21f" style="border-radius:3px;">
                                        <a href="#" target="_blank" style="
                        display:block;
                        padding:16px 0;
                        font-family:Arial, Helvetica, sans-serif;
                        font-size:14px;
                        font-weight:bold;
                        color:#ffffff;
                        text-decoration:none;
                        letter-spacing:0.5px;
                      ">
                                            VIEW YOUR ITINERARY
                                        </a>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <!-- EMAIL MESSAGE BAR -->
                    <tr>
                        <td style="background-color:#006696; padding:10px 20px;">
                            <p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff;">
                                Email Message
                            </p>
                        </td>
                    </tr>
                    <!-- EMAIL MESSAGE CONTENT -->
                    <tr>
                        <td style="padding:20px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333333;">
                            hi
                        </td>
                    </tr>

                    <!-- FLIGHT DATE ROW -->
                    <tr>
                        <td style="padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">
                            <strong>Wed, Jan 21, 2026</strong> -
                            <span style="color:#1a73e8;">Dhaka (DAC) to Bangkok (BKK)</span>
                            -
                            <span style="color:#d93025;">
                                Canceled
                                <span style="font-weight:bold;">&#x26A0;</span>
                            </span>
                        </td>
                    </tr>

                    <!-- FLIGHT CARD -->
                    <tr>
                        <td style="padding:0 20px 20px 20px;">
                            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#e6f0f4;">
                                <tr>
                                    <td style="padding:14px;">

                                        <!-- AIRLINE -->
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <td width="30" valign="top">
                                                    <img src="https://via.placeholder.com/20" width="20" alt="" style="display:block;">
                                                </td>
                                                <td style="font-family:Arial, Helvetica, sans-serif;">
                                                    <strong>Thai Airways Intl Public Co Ltd 322</strong><br>
                                                    <span style="font-size:12px; color:#777777;">
                                                        Confirmation Number: ETIOWR
                                                    </span>
                                                </td>
                                            </tr>
                                        </table>

                                        <!-- SPACER -->
                                        <table width="100%" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td height="14"></td>
                                            </tr>
                                        </table>

                                        <!-- FLIGHT TIMES -->
                                        <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                            <tr>
                                                <!-- DEPART -->
                                                <td width="33%" align="center" style="font-family:Arial, Helvetica, sans-serif;">
                                                    <div style="font-size:11px; color:#777777;">DEPART</div>
                                                    <div style="font-size:28px; font-weight:bold;">1:40</div>
                                                    <div style="font-size:11px;">PM</div>
                                                    <div style="font-size:11px; color:#777777;">DAC</div>
                                                </td>

                                                <!-- DURATION -->
                                                <td width="34%" align="center" style="font-family:Arial, Helvetica, sans-serif;">
                                                    <div style="font-size:11px; color:#777777;">Non Stop</div>
                                                    <div style="font-size:12px; color:#7ac21f;">&#8594;</div>
                                                    <div style="font-size:11px; color:#777777;">2H 30M</div>
                                                </td>

                                                <!-- ARRIVE -->
                                                <td width="33%" align="center" style="font-family:Arial, Helvetica, sans-serif;">
                                                    <div style="font-size:11px; color:#777777;">ARRIVE</div>
                                                    <div style="font-size:28px; font-weight:bold;">5:10</div>
                                                    <div style="font-size:11px;">PM</div>
                                                    <div style="font-size:11px; color:#777777;">BKK</div>
                                                </td>
                                            </tr>
                                        </table>

                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>

                    <!-- SECOND FLIGHT DATE -->
                    <tr>
                        <td style="padding:10px 20px; font-family:Arial, Helvetica, sans-serif; font-size:13px;">
                            <strong>Thu, Jan 22, 2026</strong> -
                            <span style="color:#1a73e8;">Bangkok (BKK) to Oslo (OSL)</span>
                            -
                            <span style="color:#d93025;">
                                Canceled
                                <span style="font-weight:bold;">&#x26A0;</span>
                            </span>
                        </td>
                    </tr>

                    <!-- SECOND FLIGHT CARD -->
                    <tr>
                        <td style="padding:0 20px 30px 20px;">
                            <table width="100%" cellpadding="0" cellspacing="0" border="0" style="background-color:#e6f0f4;">
                                <tr>
                                    <td style="padding:14px;">

                                        <!-- AIRLINE -->
                                        <table width="100%" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td width="30">
                                                    <img src="https://via.placeholder.com/20" width="20" alt="">
                                                </td>
                                                <td>
                                                    <strong>Thai Airways Intl Public Co Ltd 954</strong><br>
                                                    <span style="font-size:12px; color:#777777;">
                                                        Confirmation Number: ETIOWR
                                                    </span>
                                                </td>
                                            </tr>
                                        </table>

                                        <table width="100%" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td height="14"></td>
                                            </tr>
                                        </table>

                                        <!-- TIMES -->
                                        <table width="100%" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td width="33%" align="center">
                                                    <div style="font-size:11px; color:#777777;">DEPART</div>
                                                    <div style="font-size:28px; font-weight:bold;">12:05</div>
                                                    <div style="font-size:11px;">AM</div>
                                                    <div style="font-size:11px; color:#777777;">BKK</div>
                                                </td>

                                                <td width="34%" align="center">
                                                    <div style="font-size:11px; color:#777777;">Non Stop</div>
                                                    <div style="font-size:12px; color:#7ac21f;">&#8594;</div>
                                                    <div style="font-size:11px; color:#777777;">13H 0M</div>
                                                </td>

                                                <td width="33%" align="center">
                                                    <div style="font-size:11px; color:#777777;">ARRIVE</div>
                                                    <div style="font-size:28px; font-weight:bold;">7:05</div>
                                                    <div style="font-size:11px;">AM</div>
                                                    <div style="font-size:11px; color:#777777;">OSL</div>
                                                </td>
                                            </tr>
                                        </table>

                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <!-- HELP BAR -->
                    <tr>
                        <td style="background-color:#006696; padding:10px 20px;">
                            <p style="margin:0; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff;">
                                Help
                            </p>
                        </td>
                    </tr>

                    <!-- ADDRESS -->
                    <tr>
                        <td style="padding:16px 20px 24px 20px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#333333;">
                            <strong>BE FRESH PLC</strong><br>
                            C And F Tower(9Th Fl)1222 Sk.Mujib Rd<br>
                            Chittagong 4000<br>
                            Bangladesh
                        </td>
                    </tr>

                    <!-- FOOTER -->
                    <tr>
                        <td style="background-color:#0b3a52; padding:18px 20px;">
                            <table width="100%" cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <!-- LEFT -->
                                    <td align="left" style="font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff;">
                                        © 2026 Travelport.
                                    </td>

                                    <!-- RIGHT -->
                                    <td align="right">
                                        <img src="https://trip.mhjohn.xyz/frontendAssets/img/logo.svg" alt="Travelport" height="20" style="display:block; border:0;">
                                    </td>
                                </tr>
                            </table>
                            <!-- END CONTAINER -->
                        </td>
                    </tr>
                </table>
</body>
</html>
