Khoa

index.html

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="x-apple-disable-message-reformatting">
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Josefin+Sans|Barlow+Condensed|League+Spartan">
  <link rel="stylesheet" href="style.css">
  <title></title>
  <!--[if mso]> 
<noscript> 
<xml> 
<o:OfficeDocumentSettings> 
<o:PixelsPerInch>96</o:PixelsPerInch> 
</o:OfficeDocumentSettings> 
</xml> 
</noscript> 
<![endif]-->
  <style>
    #grad1 {
      height: 100%;
      width: 100vw;
      background-image: linear-gradient(rgba(91, 217, 231, 1), rgba(50, 177, 203, 1));
      margin: 0;
      padding: 0;
    }

    table,
    td,
    div,
    h1,
    p {
      font-family: Barlow Condensed, sans-serif;
      letter-spacing: 0.4px;
      line-height: 1.4
    }

    h2 {
      font-family: Josefin Sans, sans-serif;
      letter-spacing: 0.2px;
      font-size: 32px;
    }

    .league-font {
      font-family: League Spartan, sans-serif
    }
  </style>
</head>

<body id="grad1">
  <table role="presentation" style="width:100%;border-collapse:collapse;border:0;border-spacing:0;"> <!-- Nền -->
    <!-- Tổng thể -->
    <tr>
      <td align="center" style="padding:0">
        <table role="presentation"
          style="border-collapse:collapse;border:0;border-spacing:0;background-color:rgba(0,0,0,0);">
          <!-- Banner -->
          <tr>
            <td align="center" style="padding:20px 0 0 0;background-color:rgba(0,0,0,0)" ;>
              <img src="https://i.imgur.com/ohpj8M8.png" alt="Leflair" style="padding:0;height:200px;display:block;">
            </td>
          </tr>
          <!-- Hết banner -->
          <!-- Giới thiệu -->
          <tr>
            <td align="center" style="padding:0 20px 40px 20px;background-color:#ffffff;">
              <table role="presentation" style="width:600px;border-collapse:collapse;border:0;border-spacing:0;">
                <!-- Chúc mừng -->
                <tr>
                  <td align="center" style="padding:20px 40px 0 40px" ;>
                    <h2 style="letter-spacing:0.2px;line-height:5px;font-size:35px">Chúc mừng,<h2>
                        <h2 style="letter-spacing:0.2px;line-height:25px;font-size:35px">Bạn có đơn hàng mới!</h2>
                        <p><b>Thông tin đơn hàng và các chứng từ cần thiết đã được đính kèm bên dưới. Hãy đảm bảo bạn
                            gửi hàng đi trong thời gian giao hàng tiêu chuẩn. Sau khi đơn hàng được gửi đi, bạn có thể
                            theo dõi tiến độ đơn hàng thông qua báo cáo hàng ngày.</p>
                        <p>Cám ơn bạn đã đồng hành cùng Leflair và chúc bạn một ngày tốt lành!</b></p>
                  </td>
                </tr>
                <!-- Hết chúc mừng -->
                <!-- Hình chúc mùng -->
                <tr>
                  <td align="center" style="padding:0">
                    <img src="https://i.imgur.com/sgNjoSW.png" alt="New order" width="350px"
                      style="padding:30px 0 0 0;height:auto;display:block;">
                  </td>
                </tr>
                <!-- Hết hình chúc mùng -->
              </table>
            </td>
          </tr>
          <!-- Hết giới thiệu -->
          <!-- Thông tin đơn hàng -->
          <tr>
            <td style="padding:30px 20px 10px 20px;background:#FBF0D0;color:#34180B;">
              <table role="presentation"
                style="width:600px;border-collapse:collapse;border:0;border-spacing:0;background-color:rgba(0,0,0,0);">
                <!-- Mã đơn -->
                <tr>
                  <td style="padding:5px 20px;width:35%;font-size:25px;">
                    <p><b>Mã đơn hàng</b></p2>
                  </td>
                  <td align="right" style="padding:5px 20px;width:65%;font-size:25px">
                    <p2>{{PO}}</p2>
                  </td>
                </tr>
                <tr>
                  <td style="padding:5px 20px;width:35%;">
                    <p><b>Hình thức đặt hàng</b></p>
                  </td>
                  <td align="right" style="padding:5px 20px;width:65%;">
                    <p2>{{Procurement}}</p2>
                  </td>
                </tr>
              </table> <!-- Hết mã đơn -->
              <table role="presentation"
                style="width:600px;border-collapse:collapse;border:0;border-spacing:0;background-color:rgba(0,0,0,0);">
                <!-- Ngày tháng -->
                <tr>
                  <td style="padding:0 0 0 20px;width:25%;">
                    <p><b>Ngày đặt hàng</b></p>
                  </td>
                  <td align="right" style="padding:0 15px 0 0;width:25%;">
                    <p2>{{Confirmed on}}</p2>
                  </td>
                  <td style="padding:0 0 0 15px;width:25%;">
                    <p><b>Ngày giao hàng<br>tiêu chuẩn</b></p>
                  </td>
                  <td align="right" style="padding:0 20px 0;width:25%;">
                    <p2>{{Confirmed on}} + 2 business days</p2>
                  </td>
                </tr>
              </table>
              <!-- Hết ngày tháng -->
              <hr style="width:500px;height:2px;border-width:0;color:gray;background-color:grey">
              <table role="presentation"
                style="width:600px;border-collapse:collapse;border:0;border-spacing:0;background-color:rgba(0,0,0,0);">
                <!-- Địa chỉ kho -->
                <tr>
                  <td align="center" style="padding:20px 20px 30px 20px">
                    <p2 style="font-size:23px"><b>Địa chỉ giao hàng</b></p2><br><br>
                    <p2 style="line-height:1.5"><b>CÔNG TY CỔ PHẦN AMILO VIỆT NAM - KHO TÂN TẠO</b><br>
                      Lô 18, Đường số 4, Tân Tạo A (KCN Tân Tạo), Bình Tân, TPHCM<br>
                      Liên hệ: Hữu Nghĩa - 0366634592</p2>
                  </td>
                </tr>
              </table>
              <!-- Hết địa chỉ kho -->
            </td>
          </tr>
          <!-- Hết thông tin đơn hàng -->
          <!-- Kết bài -->
          <tr>
            <td style="padding:30px 20px;color:#112F4A;background-color:#ffffff">
              <table role="presentation"
                style="width:600px;border-collapse:collapse;border:0;border-spacing:0;background-color:#CFE6F3;">
                <!-- Ghi chú -->
                <tr>
                  <td align="center" style="padding:0;width:40%;">
                    <a href="https://drive.google.com/drive/folders/1UXtOUBjXoIiFloyZyGR5J2NH5pWAFPBP?usp=sharing"
                      style="color:#ffffff;"><img src="https://cdn-icons-png.flaticon.com/512/7610/7610947.png"
                        alt="Order Manual" width="150px" style="padding:20px;height:auto;display:block;" /></a>
                  </td>
                  <td align="justify" style="padding:10px 20px 10px 0;width:60%;">
                    <p><b>Bạn cần hỗ trợ từ Leflair?</b></p>
                    <p>Nếu bạn cần tìm hiểu quy trình xử lý đơn hàng hoặc có câu hỏi cần giải đáp, hãy <b>nhấn vào biểu
                        tượng bên cạnh</b> để tham khảo <i>Hướng dẫn vận hành và Quy cách đóng gói</i> hoặc liên hệ qua
                      <span>
                        <a href="mailto:partner@leflair.com">partner@leflair.com</a>
                      </span>
                    </p>
                  </td>
                </tr>
              </table>
              <!-- Hết ghi chú -->
            </td>
          </tr>
          <!-- Hết kết bài -->
          <!-- Liên hệ -->
          <tr>
            <td align="center" style="padding:0;background-color:#ffffff">
              <p style="font-size:1.5rem"><b>Cám ơn,</b></p>
              <img src="https://i.imgur.com/zeed7LM.png" alt="Leflair" style="display:block; height:75px;" />
              <br>
              <address>
                366 Nguyen Trai, Ward 8, District 5,HCMC
              </address>
              <br>
              <span>
                Email: <a href="mailto:partner@leflair.com">partner@leflair.com</a>
              </span>
              <br>
              <span>
                Contact: <a href="tel:+84877148314">+84 877 148314</a>
              </span>
            </td>
          </tr>
          <!-- Hết liên hệ -->
        </table>
      </td>
    </tr>
    <!-- Hết tổng thể -->
  </table>
  <!-- Hết nền -->
</body>

</html>