|
Server IP : 103.191.208.227 / Your IP : 3.138.61.88 Web Server : LiteSpeed System : Linux emphasis.herosite.pro 4.18.0-553.8.1.lve.el8.x86_64 #1 SMP Thu Jul 4 16:24:39 UTC 2024 x86_64 User : mhmsfzcs ( 1485) PHP Version : 8.1.31 Disable Function : show_source, system, shell_exec, passthru, exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home/mhmsfzcs/vflyorions.com/.well-known/../../highlandbnd.com/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
include 'header.php';
?>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<style>
body{
background-size: cover;
}
.receipt {
background-color: #ffffff;
padding: 20px;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.header {
text-align: center;
margin-bottom: 20px;
}
.header img {
max-width: 150px;
margin-bottom: 10px;
}
.header h1 {
margin: 0;
font-size: 18px;
color: #b03a2e;
font-weight: bold;
}
.header .address, .header .mobile {
font-size: 12px;
color: #b03a2e;
}
.receipt-title {
margin-bottom: 20px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.receipt-title .label {
background-color: #b03a2e;
color: #ffffff;
padding: 5px 10px;
font-weight: bold;
display: block;
margin-bottom: 10px;
}
.receipt-title .receipt-number,
.receipt-title .date {
font-size: 14px;
color: #b03a2e;
}
.input-number, .input-date {
border: none;
border-bottom: 1px solid #b03a2e;
width: 80px;
text-align: center;
margin-left: 5px;
}
.form-group {
margin-bottom: 15px;
font-size: 14px;
color: #b03a2e;
}
.form-group label {
display: block;
margin-bottom: 5px;
}
.input-text {
width: 100%;
border: none;
border-bottom: 1px solid #b03a2e;
padding: 5px;
outline: none;
}
.inline-label {
margin-left: 10px;
margin-right: 5px;
}
.short {
width: 80px;
}
@media (max-width: 480px) {
.receipt {
width: 100%;
padding: 10px;
}
.input-number,
.input-date {
width: 100%;
}
.short {
width: 100%;
}
.receipt-title {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.receipt-title .receipt-number,
.receipt-title .date {
display: block;
width: 100%;
margin-bottom: 10px;
}
.receipt-title .receipt-number {
text-align: left;
}
.receipt-title .date {
text-align: right;
}
.receipt-title .row {
display: flex;
justify-content: space-between;
align-items: center;
}
}
</style>
<div class="container my-4">
<div class="row justify-content-center">
<div class="col-lg-8">
<div class="receipt">
<div class="header">
<!-- Logo Section -->
<img src="https://demo.vflyorions.in/highland/img/highlandlogo1.png" alt="Company Logo">
<h1>Highland Builders & DEVELOPERS</h1>
<p class="address">Add.: Ic, Chowk, Pandhurang Mate Hall, Hingna Road, Nagpur-16.</p>
<p class="mobile">Mob.: 9371904949</p>
</div>
<div class="receipt-title">
<span class="label" style="text-align:center">Token Receipt</span>
<div class="row">
<div class="col-6 text-left">
No. <input type="text" class="input-number" value="">
</div>
<div class="col-6 text-right">
Date <input type="date" class="input-date">
</div>
</div>
</div>
<div class="form-group row">
<div class="col-md-6">
<label>Side Name:</label>
<input type="text" class="input-text">
</div>
<div class="col-md-6">
<label>Customer Full Name:</label>
<input type="text" class="input-text">
</div>
</div>
<div class="form-group row">
<div class="col-md-6">
<label>Address:</label>
<input type="text" class="input-text">
</div>
<div class="col-md-6">
<label>Plot No.:</label>
<input type="text" class="input-text">
</div>
</div>
<div class="form-group row">
<div class="col-md-6">
<label>Area:</label>
<div class="d-flex">
<input type="text" class="input-text short">
<label class="inline-label">Sq. Ft.</label>
</div>
</div>
<div class="col-md-6">
<label>Plot Rate:</label>
<input type="text" class="input-text">
</div>
</div>
<div class="form-group row">
<div class="col-md-6">
<label>Plot Total Amt.:</label>
<input type="text" class="input-text">
</div>
<div class="col-md-6">
<label>D. Pay:</label>
<input type="text" class="input-text">
</div>
</div>
<div class="form-group row">
<div class="col-md-6">
<label>D.P. Date:</label>
<input type="date" class="input-date">
</div>
<div class="col-md-6">
<label>Plot Bal. Amt.:</label>
<input type="text" class="input-text">
</div>
</div>
<div class="form-group row">
<div class="col-md-6">
<label>Monthly EMI:</label>
<input type="text" class="input-text">
</div>
<div class="col-md-6">
<label>Reference Name:</label>
<input type="text" class="input-text">
</div>
</div>
<div class="form-group row">
<div class="col-md-12">
<label>Customer P.H. No.:</label>
<input type="text" class="input-text">
</div>
</div>
<!-- Print Button -->
<div class="text-center mt-4">
<button class="" onclick="printReceipt()" style="background: brown;border: none; color: white; width: 133px; font-size: 18px;;border-radius: 5px;padding:4px;">Print Receipt</button>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.3/dist/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<?php
include 'footer.php';
?>