init
This commit is contained in:
iimtt@siliconpin.com
196
contact-1.php
Normal file
196
contact-1.php
Normal file
@@ -0,0 +1,196 @@
|
||||
<!-- Title -->
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<?php include("_navbar.php"); ?>
|
||||
|
||||
<!-- WELCOME -->
|
||||
<section data-jarallax data-speed=".8"
|
||||
class="py-12 py-md-15 bg-cover jarallax shadow-light-lg overlay overlay-dark overlay-40"
|
||||
style="background-image: url(/assets/img/contact-banner.jpeg);height: 50px;">
|
||||
<div class="container">
|
||||
<h1 style="text-align: center;color:white;" class="display-3">CONTACT US</h1>
|
||||
</div>
|
||||
</section>
|
||||
<div class="position-relative">
|
||||
<div class="shape shape-bottom shape-fluid-x svg-shim text-white">
|
||||
<svg viewBox="0 0 2880 48" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M0 48h2880V0h-720C1442.5 52 720 0 720 0H0v48z" fill="currentColor" />
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!------------------------------------------------------------------------>
|
||||
<!-- CONTENT -->
|
||||
<br><br>
|
||||
<section>
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<!-- Left Section -->
|
||||
<div class="col-12 col-md-6 col-lg-5">
|
||||
<h2 class="font-weight-bold" style="color: #00b1c1;text-align: center;">Head Office</h2>
|
||||
<div style="background-image: url(/assets/img/uk.jpg); border-radius: 10px;border-left:3px solid #0189c8"
|
||||
class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark">
|
||||
<div class="container">
|
||||
<p style=" color:white;font-size: 14px;">
|
||||
<span style="color: #0189c8; font-size: 16PX;font-weight: bold;">UK:</span><br>
|
||||
Kemp House 160 City Road, London, Ec1v2nx<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="Phone"> +442038077020<br>
|
||||
<img style="height: 15px;" src="/assets/img/message.jpeg" alt="message"> enquiry@iimtt.org<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2 class="font-weight-bold" style="color: #00b1c1;text-align: center;">Regional Offices</h2>
|
||||
|
||||
<div style="background-image:url(/assets/img/india.jpg);background-repeat:no-repeat;border-radius: 10px;border-left:3px solid #f7a325;"
|
||||
class="add1 shadow-dark bg-cover overlay overlay-dark overlay-40 shadow-dark">
|
||||
<div class="container">
|
||||
<p style="font-size: 14px;color:white;">
|
||||
<span style="color: #f7a325; font-size: 16PX;font-weight: bold;">India:</span><br>
|
||||
DE 2B VIP Road, Kolkata 59, West Bengal<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="phone">+91-334058-5535<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image:url(/assets/img/vietnam.jpg);border-radius: 10px;border-left:3px solid #00c1b1;"
|
||||
class="shadow-light-lg bg-cover overlay overlay-dark overlay-60 add1 bg-cover overlay overlay-dark overlay-40 shadow-dark shadow-dark">
|
||||
<div class="container">
|
||||
<p style="color:white;font-size: 14px;">
|
||||
<span style="color: #00c1b1; font-size: 16PX;font-weight: bold;">Vietnam:</span><br>
|
||||
Cổ Nhuế 1, Từ Liêm, Hanoi, Vietnam<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="phone"> +0359057904<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="background-image:url(/assets/img/kenya-min.jpg);border-radius: 10px;border-left:3px solid #0189c8;"
|
||||
class="add1 bg-cover overlay overlay-dark overlay-40 shadow-dark shadow-dark">
|
||||
<div class="container">
|
||||
<p style="color: white; font-size: 14px;">
|
||||
<span style="color: #0189c8; font-size: 16PX;font-weight: bold;">Kenya:</span><br>
|
||||
Eldama Ravine Cl, Nairobi, Kenya<br>
|
||||
<img style="height: 20px;" src="/assets/img/phone.png" alt="phone"> +0737999928<br>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Section (Form) -->
|
||||
<div class="col-12 col-md-6 col-lg-7">
|
||||
<h2 style="color: #00b1c1;" class="font-weight-bold text-center">Let's get in touch</h2>
|
||||
<div class="alert alert-danger" id="warning" style="display: none;">Fill all the fields!</div>
|
||||
<div class="alert alert-success" id="success" style="display: none;">Thank You! We will contact you soon!</div>
|
||||
|
||||
<!-- Form -->
|
||||
<form class="" role="form" method="post">
|
||||
<div class="form-group mb-5">
|
||||
<input type="text" name="widget-contact-form-name" required
|
||||
class="form-control" id="name1" placeholder="Enter your Name">
|
||||
</div>
|
||||
<div class="form-group mb-5">
|
||||
<input class="form-control" id="phn" type="number" name="telephone"
|
||||
placeholder="Enter your Contact number" required>
|
||||
<p id="phnError" style="color: red; display: none;">Enter a valid phone number</p>
|
||||
</div>
|
||||
<div class="form-group mb-5">
|
||||
<input type="email" id="email" name="widget-contact-form-email" required
|
||||
class="form-control" placeholder="Enter your Email">
|
||||
<p id="emailError" style="color: red; display: none;">Enter a valid email address</p>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<input type="text" class="form-control" id="addr" name="address"
|
||||
placeholder="Enter your Full Address" required>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="form-group col-md-12">
|
||||
<select id="req" class="form-control" name="gender" required>
|
||||
<option value="">In which field you are interested in?</option>
|
||||
<option value="Montessori Training">Montessori Training</option>
|
||||
<option value="Partnership with IIMTT">Partnership with IIMTT</option>
|
||||
<option value="Preschool setup for High School">Preschool setup for High School</option>
|
||||
<option value="Others">Others</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-7 mb-md-9">
|
||||
<textarea name="widget-contact-form-message" required rows="3"
|
||||
class="form-control" id="message" placeholder="Enter your Message"></textarea>
|
||||
</div>
|
||||
|
||||
<!-- ✅ Google reCAPTCHA -->
|
||||
<div class="form-group text-center mb-3">
|
||||
<div class="g-recaptcha" data-sitekey="6LfLjvgrAAAAAIlFINpRhfP5HgnJbJ8lPQbVky8Z"></div>
|
||||
<p id="captchaError" style="color:red; display:none;">Please verify that you are not a robot.</p>
|
||||
</div>
|
||||
|
||||
<div class="form-group mb-0 text-center">
|
||||
<button style="background-color: #f7a325;margin:10px;" class="btn btn-sm btn-block lift" type="button"
|
||||
onclick="submitForm()"> Send message</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- ✅ Load reCAPTCHA API (at bottom for performance) -->
|
||||
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
function submitForm() {
|
||||
const name = document.getElementById("name1").value.trim();
|
||||
const phn = document.getElementById("phn").value.trim();
|
||||
const addr = document.getElementById("addr").value.trim();
|
||||
const email = document.getElementById("email").value.trim();
|
||||
const message = document.getElementById("message").value.trim();
|
||||
const subject = document.getElementById("req").value.trim();
|
||||
const captchaResponse = grecaptcha.getResponse();
|
||||
|
||||
const warning = document.getElementById("warning");
|
||||
const success = document.getElementById("success");
|
||||
const emailError = document.getElementById("emailError");
|
||||
const phnError = document.getElementById("phnError");
|
||||
const captchaError = document.getElementById("captchaError");
|
||||
|
||||
warning.style.display = "none";
|
||||
success.style.display = "none";
|
||||
emailError.style.display = "none";
|
||||
phnError.style.display = "none";
|
||||
captchaError.style.display = "none";
|
||||
|
||||
// Basic validation
|
||||
if (!name || !phn || !addr || !email || !message || !subject) {
|
||||
warning.style.display = "block";
|
||||
return;
|
||||
}
|
||||
|
||||
// Email and phone validation
|
||||
const reg = /^([A-Za-z0-9_\-\.])+@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
|
||||
const mobile = /^\d{10}$/;
|
||||
if (!reg.test(email)) {
|
||||
emailError.style.display = "block";
|
||||
return;
|
||||
}
|
||||
if (!mobile.test(phn)) {
|
||||
phnError.style.display = "block";
|
||||
return;
|
||||
}
|
||||
|
||||
// ✅ CAPTCHA validation
|
||||
if (captchaResponse.length === 0) {
|
||||
captchaError.style.display = "block";
|
||||
return;
|
||||
}
|
||||
|
||||
// Proceed with your existing fetch submission here...
|
||||
success.style.display = "block";
|
||||
}
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user