Zploit 0-Day Shell

:: Editing File: index.html

<!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>
/* ----------------------------------------------------------------------
 * Optimized CSS for Single-Page Layout (Reduced Margins and Padding)
 * ---------------------------------------------------------------------- */

/* Basic Reset & Font */
body {
    font-family: 'Roboto', Arial, sans-serif;
    margin: 0;
    /* Reduced body padding for less white space */
    padding: 10px; 
    background-color: #f4f4f4;
}

.invoice-container {
    max-width: 800px;
    margin: 0 auto;
    /* Reduced container padding */
    padding: 20px; 
    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;
    /* Reduced padding-bottom */
    padding-bottom: 10px; 
    border-bottom: 3px solid #000;
    /* Reduced margin-bottom */
    margin-bottom: 15px; 
}

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

.company-info {
    text-align: right;
    /* Slightly reduced font size */
    font-size: 11px; 
}
/* Reduce spacing between lines in company info */
.company-info p {
    margin: 2px 0; 
}

.invoice-title h2 {
    text-align: center;
    font-size: 20px; /* Reduced font size */
    margin-top: 0;
    /* Reduced margin-bottom */
    margin-bottom: 20px; 
    padding: 3px 0; /* Reduced padding */
    background-color: #12649c;
	color:#fff;
}

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

.invoice-details, .client-details {
    width: 48%;
    /* Reduced padding */
    padding: 5px 10px; 
    border: 1px solid #ddd;
    /* Reduced font size for details text */
    font-size: 13px; 
}

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

.invoice-details p, .client-details p {
    /* Reduced vertical margins for detail lines */
    margin: 3px 0; 
}

.client-name {
    margin-top: 5px; /* Reduced margin-top */
    font-size: 15px; /* Reduced font size */
}

/* Items Table */
.items-table {
    width: 100%;
    border-collapse: collapse;
    /* Reduced margin-bottom */
    margin-bottom: 15px; 
    /* Reduced font size for table content */
    font-size: 12px; 
}

.items-table th, .items-table td {
    border: 1px solid #ccc;
    /* Reduced padding */
    padding: 6px; 
    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;
    /* Reduced margin-bottom */
    margin-bottom: 15px; 
}

.amount-words {
    width: 60%;
    /* Reduced vertical padding */
    padding: 5px 0; 
    border-top: 1px solid #ccc;
    /* Reduced font size */
    font-size: 13px; 
}

.words-text {
    font-style: italic;
    font-size: 13px; /* Reduced font size */
}

.amount-summary {
    width: 35%;
}

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

.summary-table td {
    /* Reduced padding */
    padding: 4px; 
    border-bottom: 1px solid #eee;
    font-size: 13px; /* Reduced font size */
}

.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;
    /* Reduced margin-top */
    margin-top: 20px; 
    /* Reduced padding-top */
    padding-top: 10px; 
    border-top: 1px solid #ccc;
}

.terms {
    width: 30%;
}

.bank-details {
    width: 30%;
    /* Reduced font size */
    font-size: 11px; 
}
/* Reduced vertical margins for bank details lines */
.bank-details p {
    margin: 2px 0; 
}

.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: 15px; /* Adjusted list indent */
    /* Reduced font size */
    font-size: 11px; 
}

.terms li {
    /* Reduced margin-bottom */
    margin-bottom: 2px; 
	line-height: normal; /* Adjusted line height */
}

/* Acknowledgment Section */
.acknowledgement-section {
    /* Reduced margin-top */
    margin-top: 20px; 
    /* Reduced padding */
    padding: 10px; 
    border: 1px solid #000;
}

.acknowledgement-section .section-title {
    /* Set specific margins to override other section-title rules */
    margin-bottom: 5px !important; 
    padding-bottom: 3px;
    font-size: 14px; /* Reduced font size */
}

.acknowledgement-section h2 {
    font-size: 18px !important; /* Reduced font size */
    margin: 5px 0 !important;
}

.ack-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    font-size: 12px; /* Reduced font size for acknowledgement details */
}

.received-info, .ack-invoice-info, .ack-signature {
    width: 33%; /* Evenly distributing widths */
}

.received-info p, .ack-invoice-info p {
    margin: 2px 0; /* Reduced vertical margins for details */
}

.signature-line {
    border-bottom: 1px solid #000;
    margin-top: 20px; /* Reduced space for signature/seal */
}
/* Reduce extra vertical space */
.ack-invoice-info > div, .ack-signature > div {
    margin-top: 15px !important; 
}

/* Footer */
.invoice-footer {
    text-align: right;
    /* Reduced margin-top */
    margin-top: 20px; 
    /* Reduced padding-top */
    padding-top: 10px; 
    border-top: 3px solid #000;
    /* Reduced font size */
    font-size: 13px; 
}
strong{
	color:#12649c;
}
.invoice-footer p {
 margin: 2px 0; /* Reduced margin */
}

.thank-you {
    font-style: italic;
    text-align: center;
    margin-top: 10px !important; /* Reduced margin-top */
}

/* Ensure no extra margin on bold tags inside the acknowledgement section */
.acknowledgement-section strong {
    margin: 0;
}

/* Responsive adjustments */
@media print {
    /* Ensure the print media uses minimal margins/padding for content */
    @page {
        margin: 0.5cm; /* Reduced print margin */
    }
    body {
        background-color: #fff;
        padding: 0;
    }
    .invoice-container {
        box-shadow: none;
        border: none;
        padding: 10px;
    }
}
@media (max-width: 600px) {
    /* Existing mobile styles remain */
    .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: 10px;
    }
}
    </style>
</head>
<body>

<div class="invoice-container">
    <header class="invoice-header">
        <div class="company-logo">
            <h1><img src="logo.png" width="300px;" alt="Kreative Pixelz Logo"></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>
                    <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>
                    <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; alt="UPI Logo"></p>
			<img src="barcode.png" width="100px;" alt="QR Code">
        </div>
		 <div class="sign-code">
            <p class="section-title" style="font-size: 16px;">Kreative Pixelz </p>
			<br><img src="sign.png" width="150px;" alt="Authorized Signature">
			<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>
        <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</p>
                <p><strong>Contact No:</strong> 88888 88888</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>