Bohora-rental/contact.php

163 lines
8.9 KiB
PHP
Raw Normal View History

2025-01-08 18:14:24 +05:45
<?php include('header.php') ?>
2025-02-19 13:33:29 +05:45
<!-- 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>
2025-01-09 20:07:52 +05:45
<!--<< 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>
2025-01-16 15:51:02 +05:45
<!-- <a href="index.php">
2025-01-09 20:07:52 +05:45
Home
</a>
</li>
<li>
<i class="fas fa-chevron-right"></i>
</li>
<li>
Contact
2025-01-16 15:51:02 +05:45
</li> -->
2025-01-09 20:07:52 +05:45
</ul>
2025-01-10 13:19:33 +05:45
<h1 class="wow fadeInUp" data-wow-delay=".5s">Contact</h1>
2025-01-09 20:07:52 +05:45
</div>
</div>
</div>
2025-01-08 18:14:24 +05:45
<!-- 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>
2025-02-19 13:33:29 +05:45
<form action="mail.php" id="contact-form" method="POST" class="contact-form-items mt-5 mt-md-0">
2025-01-08 18:14:24 +05:45
<div class="row g-4">
<div class="col-lg-6">
<div class="form-clt">
2025-02-19 13:32:46 +05:45
<label for="">Name</label>
2025-01-08 18:14:24 +05:45
<input type="text" name="name" id="name" placeholder="Your Name">
</div>
</div>
<div class="col-lg-6">
<div class="form-clt">
2025-02-19 13:32:46 +05:45
<label for="">Email</label>
2025-01-08 18:14:24 +05:45
<input type="text" name="email" id="email2" placeholder="Your Email">
</div>
</div>
<div class="col-lg-6">
<div class="form-clt">
2025-02-19 13:32:46 +05:45
<label for="">Subject</label>
2025-01-08 18:14:24 +05:45
<input type="text" name="subject" id="subject" placeholder="Subject">
</div>
</div>
<div class="col-lg-6">
<div class="form-clt">
2025-02-19 13:32:46 +05:45
<label for="">Phone</label>
2025-01-08 18:14:24 +05:45
<input type="text" name="phone" id="phone" placeholder="Phone">
</div>
</div>
<div class="col-lg-12">
2025-02-19 13:33:29 +05:45
<div class="form-clt">
2025-01-08 18:14:24 +05:45
<textarea name="message" id="message" placeholder="Write a Comment"></textarea>
</div>
</div>
<div class="col-lg-6">
2025-02-16 17:55:34 +05:45
<button type="submit" class="theme-btn text-14 px-5">
Send Message
2025-01-08 18:14:24 +05:45
</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>
2025-01-12 13:30:45 +05:45
<h6><a href="tel:+923076806860">+977 9801136594</a></h6>
2025-01-08 18:14:24 +05:45
</div>
</div>
<div class="icon-items">
<div class="icon">
<img src="img/email.png" alt="img">
</div>
<div class="content">
<p>Write Email</p>
2025-01-12 13:30:45 +05:45
<h6><a href="mailto: info@boharacarrental.com" class="link"> info@boharacarrental.com</a></h6>
2025-01-08 18:14:24 +05:45
</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>
2025-01-12 13:30:45 +05:45
<br>
Kathmandu
2025-01-08 18:14:24 +05:45
</h6>
</div>
</div>
<div class="social-icon d-flex align-items-center">
<a href="contact.php#"><i class="fab fa-facebook-f"></i></a>
2025-01-12 13:30:45 +05:45
<!-- <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>
2025-01-08 18:14:24 +05:45
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include('footer.php') ?>