<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>E-Way Bill</title>

    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial, sans-serif;
        }

        body {
            background: #f2f2f2;
            padding: 20px;
        }

        .page {
            width: 900px;
            margin: auto;
            background: #fff;
            padding: 25px;
            border: 1px solid #000;
        }

        .header {
            position: relative;
            text-align: center;
            margin-bottom: 20px;
        }

        .header h1 {
            font-size: 26px;
            font-weight: 700;
            margin-top: 40px;
        }

        .qr {
            position: absolute;
            right: 0;
            top: 0;
            width: 110px;
            height: 110px;
            border: 1px solid #000;
        }

        hr {
            border: none;
            border-top: 1px solid #000;
            margin: 12px 0;
        }

        .section-title {
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 12px;
        }

        .details-grid {
            width: 100%;
            border-collapse: collapse;
        }

        .details-grid td {
            padding: 8px 6px;
            font-size: 13px;
            vertical-align: top;
        }

        .address-wrapper {
            display: flex;
            justify-content: space-between;
            gap: 20px;
        }

        .address-box {
            width: 48%;
            border: 1px solid #999;
            min-height: 120px;
            padding: 10px;
            font-size: 12px;
            line-height: 18px;
        }

        .address-title {
            font-size: 14px;
            font-weight: 700;
            margin-bottom: 10px;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        th,
        td {
            border: 1px solid #000;
            padding: 7px;
            font-size: 12px;
        }

        th {
            background: #efefef;
            text-align: left;
        }

        .totals {
            margin-top: 12px;
            font-size: 13px;
            line-height: 24px;
        }

        .transport-row {
            display: flex;
            justify-content: space-between;
            font-size: 13px;
            margin-top: 15px;
        }

        .vehicle-table {
            margin-top: 12px;
        }

        .barcode {
            text-align: center;
            margin-top: 30px;
        }

        .barcode img {
            width: 140px;
        }

        .small {
            font-size: 11px;
        }
    </style>
</head>

<body>

    <div class="page">

        <!-- HEADER -->
        <div class="header">

            <h1>e-Way Bill</h1>

            <!-- <img class="qr"
                src="https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=172419660730"
                alt="qr" /> -->

        </div>

        <hr />

        <!-- SECTION 1 -->
        <div class="section-title">1. E-WAY BILL Details</div>

        <table class="details-grid">

            <tr>
                <td>
                    eWay Bill No:
                    <strong>1724 1966 0730</strong>
                </td>

                <td>
                    Generated Date:
                    <strong>05/05/2026 03:09 PM</strong>
                </td>

                <td>
                    Generated By:
                    <strong>36AAI CV899 6R1ZU</strong>
                </td>

                <td>
                    Valid Upto:
                    <strong>06/05/2026</strong>
                </td>
            </tr>

            <tr>
                <td>
                    Mode:
                    <strong>ROAD</strong>
                </td>

                <td>
                    Approx Distance:
                    <strong>139km</strong>
                </td>

                <td colspan="2"></td>
            </tr>

            <tr>
                <td>
                    Type:
                    <strong>Outward - Supply</strong>
                </td>

                <td>
                    Document Details:
                    <strong>Tax Invoice - VB/ET/26-27/110 - 05/05/2026</strong>
                </td>

                <td colspan="2">
                    Transaction type:
                    <strong>Combination Of 2 & 3</strong>
                </td>
            </tr>

        </table>

        <div style="margin-top:15px;font-size:13px;">
            <strong>IRN Details</strong>
        </div>

        <hr />

        <!-- ADDRESS -->
        <div class="section-title">2. Address Details</div>

        <div class="address-wrapper">

            <div class="address-box">

                <div class="address-title">From</div>

                GSTIN : 36AAI CV899 6R1ZU<br />

                Vivek Bio-Products Private Limited<br />

                TELANGANA<br /><br />

                Dispatch From :-<br />

                plot no 108,TSFPZ-Lingampelli<br />

                Sadashivnagar (M)<br />

                Kamareddy,TELANGANA,503145.

            </div>

            <div class="address-box">

                <div class="address-title">To</div>

                GSTIN : 36AAA CB290 2M1ZU<br />

                BHARATH PETROLEUM CORPORATION LTD<br />

                TELANGANA<br /><br />

                Ship To :-<br />

                Cherlapalli Co-Op Depot,<br />

                HCL PO, RANGA REDDY,<br />

                HYDERABAD,TELANGANA,501301.

            </div>

        </div>

        <hr />

        <!-- GOODS -->
        <div class="section-title">3. Goods Details</div>

        <table>

            <thead>

                <tr>
                    <th>HSN Code</th>
                    <th>Product Name & Desc.</th>
                    <th>Quantity</th>
                    <th>Taxable Amount Rs.</th>
                    <th>Tax Rate</th>
                </tr>

            </thead>

            <tbody>

                <tr>
                    <td>22072000</td>

                    <td>Ethanol from Damaged Food Grains</td>

                    <td>40.00 KLR</td>

                    <td>2560000.00</td>

                    <td>2.500+2.500+0.000+0.000+0</td>
                </tr>

                <tr>
                    <td>22072000</td>

                    <td>Freight Charges</td>

                    <td>1.00 OTH</td>

                    <td>27136.40</td>

                    <td>0.000+0.000+0.000+0.000+0</td>
                </tr>

            </tbody>

        </table>

        <div class="totals">

            Tot. Tax'ble Amt ₹
            <strong>2587136.40</strong>

            &nbsp;&nbsp;&nbsp;

            CGST Amt ₹
            <strong>64678.41</strong>

            &nbsp;&nbsp;&nbsp;

            SGST Amt ₹
            <strong>64678.41</strong>

            &nbsp;&nbsp;&nbsp;

            IGST Amt ₹
            <strong>0.00</strong>

            <br />

            CESS Amt ₹
            <strong>0.00</strong>

            &nbsp;&nbsp;&nbsp;

            CESS Non.Advol Amt ₹
            <strong>0.00</strong>

            <br />

            Other Amt ₹
            <strong>0.00</strong>

            &nbsp;&nbsp;&nbsp;

            Total Inv.Amt ₹
            <strong>2716493.22</strong>

        </div>

        <hr />

        <!-- TRANSPORT -->
        <div class="section-title">4. Transportation Details</div>

        <div class="transport-row">

            <div>
                Transporter ID & Name :
                <strong>
                    36ATZPB8044P3ZQ & SRI VIJETHA LOGISTICS
                </strong>
            </div>

            <div>
                Transporter Doc. No & Date :
                <strong>05/05/2026</strong>
            </div>

        </div>

        <hr />

        <!-- VEHICLE -->
        <div class="section-title">5. Vehicle Details</div>

        <table class="vehicle-table">

            <thead>

                <tr>
                    <th>Mode</th>
                    <th>Vehicle/Trans Doc No & Dt.</th>
                    <th>From</th>
                    <th>Entered Date</th>
                    <th>Entered By</th>
                    <th>CEWB No.</th>
                    <th>Multi Veh.Info</th>
                </tr>

            </thead>

            <tbody>

                <tr>
                    <td>ROAD</td>

                    <td>KA01AS1615 & 05/05/2026</td>

                    <td>Kamareddy</td>

                    <td>05/05/2026 03:09 PM</td>

                    <td>36AAICV8996R1ZU</td>

                    <td>-</td>

                    <td>-</td>
                </tr>

            </tbody>

        </table>

        <div class="barcode">

            <img
                src="https://barcode.tec-it.com/barcode.ashx?data=172419660730&code=Code128"
                alt="barcode" />

            <div class="small">
                172419660730
            </div>

        </div>

    </div>

</body>

</html>