|
Server : LiteSpeed System : Linux terra.hostitbro.com 5.14.0-611.54.3.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu May 7 16:31:24 EDT 2026 x86_64 User : outerorb ( 1091) PHP Version : 8.1.34 Disable Function : mail Directory : /home2/outerorb/public_html/inc/ | |
|
Path: /home2/outerorb/public_html/inc/quote-form-sidebar.php
Size: 9 KB
Permissions: 0666
<!-- Quick Quote Form Widget -->
<div class="rts-single-wized quick-quote-wized" style="background:#fff; border:1px solid #e0e8f8; border-radius:10px; overflow:hidden; padding:0;">
<!-- Header -->
<div style="background:#073367; padding:22px 24px 18px;">
<div style="display:flex; align-items:center; gap:10px; margin-bottom:6px;">
<div style="width:36px; height:36px; background:rgba(255,255,255,0.15); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0;">
<i class="fa-solid fa-headset" style="color:#fff; font-size:16px;"></i>
</div>
<h5 style="color:#fff; margin:0; font-size:17px; font-weight:700; line-height:1.2;">Get a Free Quote</h5>
</div>
<p style="color:rgba(255,255,255,0.8); font-size:13px; margin:0; padding-left:46px;">We respond within 2 business hours</p>
</div>
<!-- Form Body -->
<div style="padding:22px 22px 20px;">
<form id="quick-quote-form" method="post" action="<?php echo $base_url; ?>mailer.php">
<!-- Security: CSRF token -->
<input type="hidden" name="csrf_token" value="<?php echo htmlspecialchars($csrf_token ?? '', ENT_QUOTES, 'UTF-8'); ?>">
<!-- Honeypot: hidden from humans, filled by bots -->
<div style="display:none;" aria-hidden="true">
<label for="qq-fax">Leave blank</label>
<input type="text" name="fax" id="qq-fax" tabindex="-1" autocomplete="off" value="">
</div>
<div style="margin-bottom:10px;">
<label style="display:block; font-size:12px; font-weight:600; color:#5D666F; margin-bottom:4px; text-transform:uppercase; letter-spacing:.5px;">Full Name *</label>
<input type="text" name="name" id="qq-name" placeholder="e.g. Rahul Sharma"
style="width:100%; padding:10px 12px; border:1.5px solid #dde4f0; border-radius:6px; font-size:14px; outline:none; color:#1C2539; background:#fafbff; box-sizing:border-box; transition:border-color .2s;"
onfocus="this.style.borderColor='#073367'" onblur="this.style.borderColor='#dde4f0'">
</div>
<div style="margin-bottom:10px;">
<label style="display:block; font-size:12px; font-weight:600; color:#5D666F; margin-bottom:4px; text-transform:uppercase; letter-spacing:.5px;">Phone Number *</label>
<input type="tel" name="phone" id="qq-phone" placeholder="+91 98765 43210"
style="width:100%; padding:10px 12px; border:1.5px solid #dde4f0; border-radius:6px; font-size:14px; outline:none; color:#1C2539; background:#fafbff; box-sizing:border-box; transition:border-color .2s;"
onfocus="this.style.borderColor='#073367'" onblur="this.style.borderColor='#dde4f0'">
</div>
<div style="margin-bottom:10px;">
<label style="display:block; font-size:12px; font-weight:600; color:#5D666F; margin-bottom:4px; text-transform:uppercase; letter-spacing:.5px;">Business Email *</label>
<input type="email" name="email" id="qq-email" placeholder="you@company.com"
style="width:100%; padding:10px 12px; border:1.5px solid #dde4f0; border-radius:6px; font-size:14px; outline:none; color:#1C2539; background:#fafbff; box-sizing:border-box; transition:border-color .2s;"
onfocus="this.style.borderColor='#073367'" onblur="this.style.borderColor='#dde4f0'">
</div>
<div style="margin-bottom:10px;">
<label style="display:block; font-size:12px; font-weight:600; color:#5D666F; margin-bottom:4px; text-transform:uppercase; letter-spacing:.5px;">Service Required</label>
<select name="service" id="qq-service"
style="width:100%; padding:10px 12px; border:1.5px solid #dde4f0; border-radius:6px; font-size:14px; outline:none; background:#fafbff; color:#1C2539; box-sizing:border-box; transition:border-color .2s;"
onfocus="this.style.borderColor='#073367'" onblur="this.style.borderColor='#dde4f0'">
<option value="">Select a service…</option>
<option value="Customer Support">Customer Support</option>
<option value="Technical Support">Technical Support</option>
<option value="Chat & Email Support">Chat & Email Support</option>
<option value="Back Office Processing">Back Office Processing</option>
<option value="Survey & Lead Generation">Survey & Lead Generation</option>
<option value="Data Entry & Management">Data Entry & Management</option>
<option value="RPO Services">RPO Services</option>
<option value="KPO Services">KPO Services</option>
<option value="Finance & Accounting Outsourcing">Finance & Accounting</option>
<option value="AI-Driven Digital Marketing">AI-Driven Digital Marketing</option>
<option value="ePUB & Typesetting">ePUB & Typesetting</option>
<option value="Customer Experience Outsourcing">Customer Experience</option>
<option value="Other">Other / General Enquiry</option>
</select>
</div>
<div style="margin-bottom:14px;">
<label style="display:block; font-size:12px; font-weight:600; color:#5D666F; margin-bottom:4px; text-transform:uppercase; letter-spacing:.5px;">Message <span style="font-weight:400;">(optional)</span></label>
<textarea name="message" id="qq-message" rows="3" placeholder="Tell us about your requirement…"
style="width:100%; padding:10px 12px; border:1.5px solid #dde4f0; border-radius:6px; font-size:14px; outline:none; resize:vertical; color:#1C2539; background:#fafbff; box-sizing:border-box; transition:border-color .2s;"
onfocus="this.style.borderColor='#073367'" onblur="this.style.borderColor='#dde4f0'"></textarea>
</div>
<div id="qq-form-messages" style="display:none; padding:8px 12px; border-radius:6px; font-size:13px; margin-bottom:10px;"></div>
<button type="submit" id="qq-submit-btn"
style="width:100%; padding:13px; background:#073367; color:#fff; border:none; border-radius:6px; font-size:15px; font-weight:700; cursor:pointer; transition:background .2s; letter-spacing:.3px;">
Request Free Quote <i class="fa-solid fa-arrow-right"></i>
</button>
</form>
<div style="display:flex; align-items:center; justify-content:center; gap:6px; margin-top:14px; padding-top:14px; border-top:1px solid #eef2fb;">
<i class="fa-solid fa-phone" style="color:#073367; font-size:13px;"></i>
<span style="font-size:13px; color:#5D666F;">Or call: <a href="tel:<?php echo $company_phone; ?>" style="color:#073367; font-weight:700; text-decoration:none;"><?php echo $company_phone; ?></a></span>
</div>
</div>
</div>
<script>
(function() {
var form = document.getElementById('quick-quote-form');
var msgBox = document.getElementById('qq-form-messages');
var btn = document.getElementById('qq-submit-btn');
if (!form) return;
form.addEventListener('submit', function(e) {
e.preventDefault();
btn.textContent = 'Sending…';
btn.disabled = true;
msgBox.style.display = 'none';
var data = new FormData(form);
var xhr = new XMLHttpRequest();
xhr.open('POST', form.getAttribute('action'));
xhr.onload = function() {
btn.disabled = false;
btn.textContent = 'Send My Request ›';
msgBox.style.display = 'block';
if (xhr.status === 200) {
msgBox.style.background = 'rgba(0,200,100,0.25)';
msgBox.style.color = '#fff';
msgBox.textContent = xhr.responseText;
form.reset();
} else {
msgBox.style.background = 'rgba(255,80,80,0.25)';
msgBox.style.color = '#fff';
msgBox.textContent = xhr.responseText || 'Something went wrong. Please try again.';
}
};
xhr.onerror = function() {
btn.disabled = false;
btn.textContent = 'Send My Request ›';
msgBox.style.display = 'block';
msgBox.style.background = 'rgba(255,80,80,0.25)';
msgBox.style.color = '#fff';
msgBox.textContent = 'Network error. Please call us directly.';
};
xhr.send(data);
});
// Hover effect on button
btn.addEventListener('mouseover', function() {
this.style.background = '#0a4a8f';
});
btn.addEventListener('mouseout', function() {
this.style.background = '#073367';
});
})();
</script>