Zploit 0-Day Shell

:: Editing File: print.html

.invoice-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 30px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

/* Header Section */
.invoice-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 15px;
    border-bottom: 3px solid #000;
    margin-bottom: 20px;
}

.company-logo h1 {
    margin: 0;
    font-size: 28px;
    color: #000;
}

.company-info {
    text-align: right;
    font-size: 12px;
}

.invoice-title h2 {
    text-align: center;
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 30px;
    padding: 5px 0;
    background-color: #12649c;
	color:#fff;
}

/* Details and Client Section */
.details-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.invoice-details, .client-details {
    width: 48%;
    padding: 10px;
    border: 1px solid #ddd;
}

.section-title {
    font-weight: bold;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-top: 0;
	color:#266c9c;
	for
}

.client-name {
    margin-top: 10px;
    font-size: 16px;
}

/* Items Table */
.items-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 25px;
    font-size: 14px;
}

.items-table th, .items-table td {
    border: 1px solid #ccc;
    padding: 8px;
    text-align: left;
}

.items-table th {
    background-color: #12649c;
    font-weight: bold;
    text-align: center;
	color:#fff;
}

.items-table td:nth-child(4), .items-table td:nth-child(6), .items-table td:nth-child(7) {
    text-align: right; /* Align Qty, Price, Amount right */
}

.total-row {
    font-weight: bold;
    background-color: #e5e5e5;
}

/* Summary Section */
.summary-section {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
}

.amount-words {
    width: 60%;
    padding: 10px 0;
    border-top: 1px solid #ccc;
}

.words-text {
    font-style: italic;
    font-size: 14px;
}

.amount-summary {
    width: 35%;
}

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

.summary-table td {
    padding: 5px;
    border-bottom: 1px solid #eee;
}

.summary-table td:last-child {
    text-align: right;
    font-weight: bold;
}

.balance td {
    background-color: #e5e5e5;
    border-top: 2px solid #000;
}

/* Bank and Terms Section */
.bank-terms-section {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

.terms {
    width: 30%;
}

.bank-details {
    width: 30%;
    font-size: 12px;
}

.qr-code {
    width: 20%;
    text-align: center;
    font-weight: bold;
}

.sign-code {
    width: 20%;
    text-align: center;
    font-weight: bold;
}

.terms ul {
    list-style-type: disc;
    padding-left: 0;
    font-size: 12px;
}

.terms li {
    margin-bottom: 5px;
	line-height:20px;
}

/* Footer */
.invoice-footer {
    text-align: right;
    margin-top: 30px;
    padding-top: 15px;
    border-top: 3px solid #000;
    font-size: 14px;
}
strong{
	color:#12649c;
}
.invoice-footer p {
    margin: 5px 0;
}

.thank-you {
    font-style: italic;
    text-align: center;
    margin-top: 15px !important;
}

/* Acknowledgment Section */
.acknowledgement-section {
    margin-top: 40px;
    padding: 15px;
    border: 1px solid #000; /* Distinct border for the Acknowledgment box */
}

.ack-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-end; /* Align to the bottom of the section */
}

.received-info {
    width: 34%;
    font-size: 14px;
}

.ack-invoice-info {
    width: 35%;
    font-size: 14px;
}

.ack-invoice-info p {
    margin: 5px 0;
}

.ack-signature {
    width: 30%;
    text-align: center;
}

.signature-line {
    border-bottom: 1px solid #000;
    margin-top: 50px; /* Space for the signature/seal */
}

/* Responsive adjustments */
@media print {
    body {
        background-color: #fff;
    }
    .invoice-container {
        box-shadow: none;
        border: none;
    }
}
@media (max-width: 600px) {
    .invoice-header, .details-section, .summary-section, .bank-terms-section {
        flex-direction: column;
    }
    .company-info {
        text-align: left;
        margin-top: 10px;
    }
    .invoice-details, .client-details, .amount-words, .amount-summary, .terms, .bank-details, .qr-code {
        width: 100%;
        margin-bottom: 15px;
    }
}
</style>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Tax Invoice - Kreative Pixelz</title>
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
    <style>
        /* CSS goes here */
    </style>
</head>
<body>

<div class="invoice-container">
    <header class="invoice-header">
        <div class="company-logo">
            <h1><img src="logo.png" width="300px;"></h1>
        </div>
        <div class="company-info">
            <p>Kharghar | Vashi | Navi Mumbai</p>
            <p>Website: www.kreativepixelz.com</p>
            <p>Phone no.: 8692842333 /  Email: info@kreativepixelz.com</p>
            <p>State: Maharashtra</p>
        </div>
    </header>
    
    <div class="invoice-title">
        <h2>Tax Invoice</h2>
    </div>

<div class="details-section">
        <div class="invoice-details">
            <p class="section-title">Invoice Details</p>
            <p><strong>Invoice No.:</strong> <span>1063123</span></p>
            <p><strong>Date:</strong> <span>01-01-2025 </span></p>
            <p><strong>Payment Type:</strong> <span>Credit </span></p>
        </div>
        
        <div class="client-details">
            <p class="section-title">Bill To / Invoice To</p>
            <p class="client-name"><strong>Swift Technoplast private limited</strong></p>
            <p>B-118, TTC Industrial Area, MIDC Turbhe, Navi Mumbai (New Mumbai), India, Maharashtra</p>
			<p>Contact No : 88888 88888</p>
        </div>
    </div>
    
    <div class="items-section">
        <table class="items-table">
            <thead>
                <tr>
                    <th>#</th>
                    <th>Item name</th>
                    <th>HSN/SAC</th>
                    <th>Quantity</th>
                    <th>Unit</th>
                    <th>Price/unit</th>
                    <th>Amount</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>Insulated Ice Box Datasheet Designing</td>
                    <td></td>
                    <td>2</td>
                    <td>Page</td>
                    <td>450.00</td>
                    <td>900.00</td>
                </tr>
                <tr class="total-row">
                    <td colspan="3" style="color:#12649c"><strong>Total</strong></td>
                    <td style="color:#12649c;text-align:right" ><strong>2</strong></td>
                    <td></td>
                    <td></td>
                    <td style="color:#12649c;text-align:right"><strong>900.00</strong></td>
                </tr>
            </tbody>
        </table>
    </div>

<div class="summary-section">
        <div class="amount-words">
            <p><strong>Invoice Amount In Words:</strong> </p>
            <p class="words-text">Nine Hundred Rupees only </p>
        </div>
        <div class="amount-summary">
            <table class="summary-table">
                <tr>
                    <td>Sub Total</td>
                    <td>900.00</td>
                </tr>
                <tr>
                    <td>Total</td>
                    <td>900.00</td>
                </tr>
                <tr class="received">
                    <td>Received</td>
                    <td>0.00</td>
                </tr>
                <tr class="balance">
                    <td><strong>Balance</strong></td>
                    <td><strong>900.00</strong></td>
                </tr>
            </table>
        </div>
    </div>
    
    
    <div class="bank-terms-section">
        <div class="terms">
            <p class="section-title" style="font-size: 16px;">Terms and conditions</p>
            <ul>
                <li>Amount once paid is not refundable.</li>
                <li>Balance payment has to be done within the stipulated timeline.</li>
                <li>Additional services except mentioned in quotation would charge extra.</li>
                <li>GST charges not applicable.</li>
            </ul>
        </div>
        <div class="bank-details">
            <p class="section-title" style="font-size: 16px;">Bank Details</p>
            <p><strong>Name:</strong> KOTAK MAHINDRA BANK LIMITED</p>
			<p><strong>Branch:</strong> Vashi , Navimumbai </p>
            <p><strong>Account No.:</strong> 9614545938</p>
            <p><strong>IFSC code:</strong> KKBK0000669</p>
            <p><strong>Account Holder's Name:</strong> Salil Dastagir Mulla</p>
        </div>
        <div class="qr-code">
            <p class="section-title" style="font-size: 16px;">SCAN TO PAY <img src="UPI_logo.svg.png" width=35px;></p>
			<img src="barcode.png" width="100px;">
			
			
		
        </div>
		 <div class="sign-code">
            <p class="section-title" style="font-size: 16px;">Kreative Pixelz </p>
			<br><img src="sign.png" width="150px;">
			
			<br>
			<p class="text-center">Authorized Signatory </p>
		
        </div>
		
    </div>
    
	<div class="acknowledgement-section">
        <p class="section-title" style="margin-bottom:0px;text-align:center;">Acknowledgment</p>
		<h2 class="text-center" style="text-align:center;margin:0px;color:#3a6c9c"> Kreative Pixelz</h2>
		<br><br>
        <div class="ack-details">
			<div class="received-info">
                <p class="section-title">Swift Technoplast private limited</p>
                
                <p><strong>Address:</strong> B-118, TTC Industrial Area, MIDC Turbhe, Navi Mumbai (New Mumbai), India, Maharashtra</span></p>
                <p><strong>Contact No:</strong> 88888 88888</span></p>
                
            </div>
            <div class="ack-invoice-info">
                <p class="section-title"><strong>Invoice Details</strong></p>
                <p><strong>Invoice No.:</strong> <span>1063123</span></p>
                <p><strong>Invoice Date:</strong> <span>01-01-2025</span></p>
                <p><strong>Invoice Amount:</strong> <span>900.0</span></p>
				<div style="margin-top: 45px;"></div>
            </div>
            <div class="ack-signature">
                <p class="section-title">Receiver's Seal & Sign</p>
                <div class="signature-line"></div>
				<div style="margin-top: 60px;"></div>
            </div>
        </div>
    </div>
	
    <footer class="invoice-footer">
        
        <p class="thank-you">Thank you for doing business with us.</p>
    </footer>
</div>

</body>
</html>

admin#@!~