163 lines
8.9 KiB
PHP
163 lines
8.9 KiB
PHP
<?php include('header.php') ?>
|
||
<!-- Bootstrap CSS (Include if not already added) -->
|
||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
|
||
|
||
<!-- Toast Container (Fixed Position) -->
|
||
<div class="position-fixed top-0 end-0 p-3" style="z-index: 1050">
|
||
<?php if (isset($_GET['status'])): ?>
|
||
<div id="statusToast" class="toast align-items-center text-white bg-<?php echo ($_GET['status'] == 'success' ? 'success' : ($_GET['status'] == 'error' ? 'danger' : 'warning')); ?> border-0 show" role="alert" aria-live="assertive" aria-atomic="true">
|
||
<div class="d-flex">
|
||
<div class="toast-body">
|
||
<?php
|
||
if ($_GET['status'] == 'success') {
|
||
echo "✅ Message sent successfully!";
|
||
} elseif ($_GET['status'] == 'error') {
|
||
// echo "❌ There was an error sending your message. Please try again.";
|
||
echo "❌ There was an error: " . htmlspecialchars($_GET['message']);
|
||
} elseif ($_GET['status'] == 'missing_fields') {
|
||
echo "⚠️ Please fill in all required fields.";
|
||
}
|
||
?>
|
||
</div>
|
||
<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
|
||
</div>
|
||
</div>
|
||
<?php $_GET['status'] = null; ?>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<!-- Bootstrap JS & Auto Hide Toast Script -->
|
||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
||
<script>
|
||
document.addEventListener("DOMContentLoaded", function () {
|
||
let statusToast = document.getElementById("statusToast");
|
||
if (statusToast) {
|
||
let toast = new bootstrap.Toast(statusToast, { delay: 3000 }); // Auto-hide after 3s
|
||
toast.show();
|
||
}
|
||
});
|
||
</script>
|
||
|
||
<!--<< Breadcrumb Section Start >>-->
|
||
<div class="breadcrumb-wrapper bg-cover" style="background-image: url('img/bg-header-banner.jpg');">
|
||
<div class="container">
|
||
<div class="page-heading">
|
||
<ul class="breadcrumb-items wow fadeInUp" data-wow-delay=".3s">
|
||
<li>
|
||
<!-- <a href="index.php">
|
||
Home
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<i class="fas fa-chevron-right"></i>
|
||
</li>
|
||
<li>
|
||
Contact
|
||
</li> -->
|
||
</ul>
|
||
<h1 class="wow fadeInUp" data-wow-delay=".5s">Contact</h1>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Contact Section Start -->
|
||
<section class="contact-section-1 fix section-padding pb-0">
|
||
<div class="container">
|
||
<div class="contact-wrapper-area">
|
||
<div class="row g-4">
|
||
<div class="col-lg-9">
|
||
<div class="contact-content">
|
||
<div class="section-title">
|
||
<img src="img/sub-icon.png" alt="icon-img" class="wow fadeInUp">
|
||
<span class="wow fadeInUp" data-wow-delay=".2s">contact us</span>
|
||
<h2 class="wow fadeInUp" data-wow-delay=".4s">
|
||
Drop us a Line
|
||
</h2>
|
||
</div>
|
||
<form action="mail.php" id="contact-form" method="POST" class="contact-form-items mt-5 mt-md-0">
|
||
<div class="row g-4">
|
||
<div class="col-lg-6">
|
||
<div class="form-clt">
|
||
<label for="">Name</label>
|
||
<input type="text" name="name" id="name" placeholder="Your Name">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-clt">
|
||
<label for="">Email</label>
|
||
<input type="text" name="email" id="email2" placeholder="Your Email">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-clt">
|
||
<label for="">Subject</label>
|
||
<input type="text" name="subject" id="subject" placeholder="Subject">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<div class="form-clt">
|
||
<label for="">Phone</label>
|
||
<input type="text" name="phone" id="phone" placeholder="Phone">
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-12">
|
||
<div class="form-clt">
|
||
<textarea name="message" id="message" placeholder="Write a Comment"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-6">
|
||
<button type="submit" class="theme-btn text-14 px-5">
|
||
Send Message
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-3">
|
||
<div class="contact-right-items">
|
||
<div class="contact-img">
|
||
<img src="img/contact.jpg" alt="img">
|
||
</div>
|
||
<div class="icon-items">
|
||
<div class="icon">
|
||
<img src="img/question.png" alt="img">
|
||
</div>
|
||
<div class="content">
|
||
<p>Have Question?</p>
|
||
<h6><a href="tel:+923076806860">+977 980‑1136594</a></h6>
|
||
</div>
|
||
</div>
|
||
<div class="icon-items">
|
||
<div class="icon">
|
||
<img src="img/email.png" alt="img">
|
||
</div>
|
||
<div class="content">
|
||
<p>Write Email</p>
|
||
<h6><a href="mailto: info@boharacarrental.com" class="link"> info@boharacarrental.com</a></h6>
|
||
</div>
|
||
</div>
|
||
<div class="icon-items">
|
||
<div class="icon">
|
||
<img src="img/location.png" alt="img">
|
||
</div>
|
||
<div class="content">
|
||
<p>Visit Office</p>
|
||
<h6>
|
||
<br>
|
||
Kathmandu
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
<div class="social-icon d-flex align-items-center">
|
||
<a href="contact.php#"><i class="fab fa-facebook-f"></i></a>
|
||
<!-- <a href="contact.php#"><i class="fab fa-twitter"></i></a> -->
|
||
<a href="contact.php#"><i class="fa-brands fa-whatsapp"></i></a>
|
||
<a href="contact.php#"><i class="fa-brands fa-instagram"></i></a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
<?php include('footer.php') ?>
|