File: /home/qhl5pt3kkb1d/public_html/tstp-old/inquiry.php
<?php
$random_alpha = md5(rand());
$captcha_code = substr($random_alpha, 0, 6);
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Explore Global Learning: Inquire Now for SAT, ACT, IELTS, TOEFL, PSAT, and APs at The Smart Test Prep</title>
<meta name="description" content="Explore global education with The Smart Test Prep. Choose SAT, ACT, IELTS, TOEFL, PSAT, or AP courses tailored for your journey. Your dreams are our priority – start shaping your future today!">
<meta name="keywords" content="Inquire Now, global education, SAT, ACT, IELTS, TOEFL, PSAT, APs, education, test preparation, expert guidance, shaping your future">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" href="images/favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/favicon/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" type="image/x-icon" href="images/favicon/favicon.png">
<link rel="stylesheet" type="text/css" href="styles/bootstrap4/bootstrap.min.css">
<link href="plugins/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.carousel.css">
<link rel="stylesheet" type="text/css" href="plugins/OwlCarousel2-2.2.1/owl.theme.default.css">
<link rel="stylesheet" type="text/css" href="styles/datepicker.css">
<link rel="stylesheet" type="text/css" href="styles/animate.min.css">
<link rel="stylesheet" type="text/css" href="styles/main_styles.css">
<link rel="stylesheet" type="text/css" href="styles/responsive.css">
<link rel="stylesheet" type="text/css" href="styles/custom.css">
<style>
input[readonly]::placeholder {
color: blue !important;
}
</style>
</head>
<body>
<div class="super_container">
<div id="preloader-active">
<div class="preloader d-flex align-items-center justify-content-center">
<div class="preloader-inner position-relative">
<div class="preloader-circle"></div>
<div class="preloader-img pere-text">
<img src="images/loader.png" alt="THE SMART TEST PREP">
</div>
</div>
</div>
</div>
<!-- Start header -->
<?php include 'include_header.php'; ?>
<!-- end of header -->
<!-- Start banner -->
<section class="banner-main banner-bg">
<div class="container">
<div class="banner-wrap banner-inner">
<div class="page-heading">
<div class="shape6 tg wow animate__fadeInDown animate__animated animate__delay-0_7s">
<span class="wow animate__animated animate__delay-0_7s"><img src="images/shape6.png" alt=""></span>
</div>
<h2>Inquire Now</h2>
<div class="bread-crum">
<ul>
<li><a href="./"><i class="fa fa-home" aria-hidden="true"></i></a></li>
<li>Inquire Now</li>
</ul>
</div>
</div>
</div>
</div>
<div class="banner-bottom"><img src="images/banner-bottom.png" alt=""></div>
</section>
<!-- End banner -->
<div class="features pb-0">
<div class="container">
<div class="row">
<div class="inquire-section">
<div class="section_title_container wow animate__fadeIn animate__ animate__delay-0_9s animated text-center" style="visibility: visible; animation-name: fadeIn;">
<h2 class="section_title_inner">Inquire<span> Now </span> </h2>
<p>Ready to explore the world of education beyond borders? Inquire now to kickstart your journey towards global learning. Your dreams, our guidance.</p>
</div>
<div class="inquire-form" id="inquire_form_scroll">
<div class="inq-form-left">
<form method="post" id="inquiry_form" class="comment_form pt-3">
<div class="form-box">
<div class="form_title">Student Name:<span class="required">*</span></div>
<input type="text" class="comment_input" name="student_name" required="required" pattern="[A-Za-z\s ']{3,}" title="Please enter at least 3 alphabets.">
</div>
<div class="form-box">
<div class="form_title">Contact Number:<span class="required">*</span></div>
<input type="text" class="comment_input" name="number" required="required" maxlength="10" pattern="[0-9]{10}" title="Only 10 digits are allowed">
</div>
<div class="form-box">
<div class="form_title">Email:<span class="required">*</span></div>
<input type="email" class="comment_input" name="email" required="required">
</div>
<div class="form-box">
<div class="form_title">Inquiry By:<span class="required">*</span></div>
<select class="form-select" aria-label="Inquiry by" name="inquiry_by" required="required">
<option value="">Select Inquiry By</option>
<option value="Student">Student</option>
<option value="Parent">Parent</option>
<option value="Relative">Relative</option>
</select>
</div>
<div class="form-box">
<div class="form_title">Current Class / Year:<span class="required">*</span></div>
<input type="text" class="comment_input" name="year" required="required">
</div>
<div class="form-box">
<div class="form_title">Name Of School / College:<span class="required">*</span></div>
<input type="text" class="comment_input" name="sc_co" id="sc_co" required="required" pattern="^(?=.*[a-zA-Z ])[\w\d\s]+$" title="Only number not allowed">
</div>
<div class="form-box">
<div class="form_title">Class Type:<span class="required">*</span></div>
<select class="form-select" aria-label="Inquiry by" name="class_type" required="required">
<option value="">—Please choose an option—</option>
<option value="Online">Online</option>
<option value="Offline">Offline</option>
<option value="Hybrid">Hybrid</option>
<option value="Group">Group</option>
<option value="1-on-1 Online">1-on-1 Online</option>
<option value="1-on-1 Offline">1-on-1 Offline</option>
<option value="2-on-1 Online">2-on-1 Online</option>
<option value="2-on-1 Offline">2-on-1 Offline</option>
</select>
</div>
<!--<div class="form-box">-->
<!-- <div class="form_title">Courses</div>-->
<!-- <div class="courses-block-form">-->
<!-- <div class="custom-control custom-checkbox">-->
<!-- <input type="checkbox" class="custom-control-input" id="sat" value="SAT" name="courses">-->
<!-- <label class="custom-control-label" for="sat">SAT</label>-->
<!-- </div>-->
<!-- <div class="custom-control custom-checkbox">-->
<!-- <input type="checkbox" class="custom-control-input" id="act" value="ACT" name="courses">-->
<!-- <label class="custom-control-label" for="act">ACT</label>-->
<!-- </div>-->
<!-- <div class="custom-control custom-checkbox">-->
<!-- <input type="checkbox" class="custom-control-input" id="ielts" value="IELTS" name="courses">-->
<!-- <label class="custom-control-label" for="ielts">IELTS</label>-->
<!-- </div>-->
<!-- <div class="custom-control custom-checkbox">-->
<!-- <input type="checkbox" class="custom-control-input" id="toefl" value="TOEFL" name="courses">-->
<!-- <label class="custom-control-label" for="toefl">TOEFL</label>-->
<!-- </div>-->
<!-- <div class="custom-control custom-checkbox">-->
<!-- <input type="checkbox" class="custom-control-input" id="psat" value="PSAT" name="courses">-->
<!-- <label class="custom-control-label" for="psat">PSAT</label>-->
<!-- </div>-->
<!-- <div class="custom-control custom-checkbox">-->
<!-- <input type="checkbox" class="custom-control-input" id="ap" value="APs" name="courses">-->
<!-- <label class="custom-control-label" for="ap">APs</label>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!--<div class="form-box">-->
<!-- <div class="form_title">When you are planning to take the exam:<span class="required">*</span></div>-->
<!-- <div class="datepicker date input-group p-0 shadow-sm mb-0">-->
<!-- <input type="text" placeholder="Choose Exam Date" class="form-control" id="examDate" name="exam_date" required="required">-->
<!-- <div class="input-group-append"><span class="input-group-text px-4"><i class="fa fa-calendar"></i></span></div>-->
<!-- </div>-->
<!--</div>-->
<div class="form-box">
<div class="form_title">Visit Date:</div>
<input type="date" class="comment_input" name="visit_date">
</div>
<!--<div class="form-box">-->
<!-- <div class="form_title">Visit Date:</div>-->
<!-- <div class="datepicker date input-group p-0 shadow-sm mb-0">-->
<!-- <input type="text" placeholder="Choose Exam Date" class="form-control" id="visit_date" name="visit_date">-->
<!-- <div class="input-group-append"><span class="input-group-text px-4"><i class="fa fa-calendar"></i></span></div>-->
<!-- </div>-->
<!--</div>-->
<div class="form-box">
<div class="form_title">Visiting Time:<span class="required">*</span></div>
<select class="form-select" aria-label="Inquiry by" name="time" required="required">
<option value="">-Please Select Time Slot-</option>
<option value="9:00 am - 10:00 am">9:00 am - 10:00 am</option>
<option value="10:00 am - 11:00 am">10:00 am - 11:00 am</option>
<option value="11:00 am - 12:00 pm">11:00 am - 12:00 pm</option>
<option value="12:00 pm - 1:00 pm">12:00 pm - 1:00 pm</option>
<option value="1:00 pm - 2:00 pm">1:00 pm - 2:00 pm</option>
<option value="2:00 pm - 3:00 pm">2:00 pm - 3:00 pm</option>
<option value="3:00 pm - 4:00 pm">3:00 pm - 4:00 pm</option>
<option value="4:00 pm - 5:00 pm">4:00 pm - 5:00 pm</option>
<option value="5:00 pm - 6:00 pm">5:00 pm - 6:00 pm</option>
<option value="6:00 pm - 7:00 pm">6:00 pm - 7:00 pm</option>
<option value="7:00 pm - 8:00 pm">7:00 pm - 8:00 pm</option>
</select>
</div>
<div class="form-box full-width">
<div class="form_title"> How you came to know about us?</div>
<textarea class="" aria-required="true" aria-invalid="false" name="message"></textarea>
</div>
<div class="form-box full-width">
<div class="form_title">Remarks:</div>
<input type="text" class="comment_input" name="user_remarks">
</div>
<div class="form-box full-width">
<div class="form_title"> Select course</div>
<span class="alert alert-danger" id="courseMSG" style="display: none;"></span>
</div>
<div class="dt-field">
<div class="form-box">
<!--<div class="form_title">Courses</div>-->
<div class="courses-block-form">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="sat_check" value="SAT" name="courses1" onclick="courseSAT()">
<label class="custom-control-label" for="sat">SAT</label>
</div>
</div>
</div>
<div class="form-box" id="sat_date">
<div class="form_title">When you are planning to take the exam[SAT]:</div>
<div class="datepicker date input-group p-0 shadow-sm mb-0">
<input type="text" placeholder="Choose Exam Date" class="form-control" id="satDate" name="cource_date1">
<div class="input-group-append"><span class="input-group-text px-4"><i class="fa fa-calendar"></i></span></div>
</div>
</div>
</div>
<div class="dt-field">
<div class="form-box">
<!--<div class="form_title">Courses</div>-->
<div class="courses-block-form">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="act_check" value="ACT" name="courses2" onclick="courseACT()">
<label class="custom-control-label" for="act">ACT</label>
</div>
</div>
</div>
<div class="form-box" id="act_date">
<div class="form_title">When you are planning to take the exam[ACT]:</div>
<div class="datepicker date input-group p-0 shadow-sm mb-0">
<input type="text" placeholder="Choose Exam Date" class="form-control" id="actDate" name="cource_date2">
<div class="input-group-append"><span class="input-group-text px-4"><i class="fa fa-calendar"></i></span></div>
</div>
</div>
</div>
<div class="dt-field">
<div class="form-box">
<!--<div class="form_title">Courses</div>-->
<div class="courses-block-form">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="ielts_check" value="IELTS" name="courses3" onclick="courseIELTS()">
<label class="custom-control-label" for="ielts">IELTS</label>
</div>
</div>
</div>
<div class="form-box" id="ielts_date">
<div class="form_title">When you are planning to take the exam[IELTS]:</div>
<div class="datepicker date input-group p-0 shadow-sm mb-0">
<input type="text" placeholder="Choose Exam Date" class="form-control" id="ieltsDate" name="cource_date3">
<div class="input-group-append"><span class="input-group-text px-4"><i class="fa fa-calendar"></i></span></div>
</div>
</div>
</div>
<div class="dt-field">
<div class="form-box">
<!--<div class="form_title">Courses</div>-->
<div class="courses-block-form">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="toefl_check" value="TOEFL" name="courses4" onclick="courseTOEFL()">
<label class="custom-control-label" for="toefl">TOEFL</label>
</div>
</div>
</div>
<div class="form-box" id="toefl_date">
<div class="form_title">When you are planning to take the exam[TOEFL]:</div>
<div class="datepicker date input-group p-0 shadow-sm mb-0">
<input type="text" placeholder="Choose Exam Date" class="form-control" id="toeflDate" name="cource_date4">
<div class="input-group-append"><span class="input-group-text px-4"><i class="fa fa-calendar"></i></span></div>
</div>
</div>
</div>
<div class="dt-field">
<div class="form-box">
<!--<div class="form_title">Courses</div>-->
<div class="courses-block-form">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="psat_check" value="PSAT" name="courses5" onclick="coursePSAT()">
<label class="custom-control-label" for="psat">PSAT</label>
</div>
</div>
</div>
<div class="form-box" id="psat_date">
<div class="form_title">When you are planning to take the exam[PSAT]:</div>
<div class="datepicker date input-group p-0 shadow-sm mb-0">
<input type="text" placeholder="Choose Exam Date" class="form-control" id="psatDate" name="cource_date5">
<div class="input-group-append"><span class="input-group-text px-4"><i class="fa fa-calendar"></i></span></div>
</div>
</div>
</div>
<div class="dt-field">
<div class="form-box">
<!--<div class="form_title">Courses</div>-->
<div class="courses-block-form">
<div class="custom-control custom-checkbox">
<input type="checkbox" class="custom-control-input" id="aps_check" value="APs" name="courses6" onclick="courseAPs()">
<label class="custom-control-label" for="aps">APs</label>
</div>
</div>
</div>
<div class="form-box" id="aps_date">
<div class="form_title">When you are planning to take the exam[APs]</div>
<div class="datepicker date input-group p-0 shadow-sm mb-0">
<input type="text" placeholder="Choose Exam Date" class="form-control" id="apsDate" name="cource_date6">
<div class="input-group-append"><span class="input-group-text px-4"><i class="fa fa-calendar"></i></span></div>
</div>
</div>
</div>
<div class="form-box full-width">
<div>
<input type="checkbox" class="control-input" id="bcs" value="YES" name="bcs">
<label class="form_title" for="aps"> Please contact me by phone, email or SMS for booking counselling session.</label>
</div>
</div>
<div class="row full-width">
<div class="col-sm-4 col-md-4">
<input class="form-control" placeholder="<?php echo $captcha_code;?>" style="font-weight: 800;background: white;text-align: center;" readonly>
<input class="form-control" id="captcha_code" name="captcha_code" value="<?php echo $captcha_code;?>" hidden>
</div>
<div class="col-sm-8 col-md-8">
<input class="form-control" aria-required="true" aria-invalid="false" type="text" id="captcha" name="captcha" required>
</div>
</div>
<div class="mb-3">
<button type="submit" class="comment_button trans_200" id="ibtn" onclick="submitNow()">submit now</button>
</div>
</form>
</div>
<div class="inq-img">
<img src="images/inquiry-img.jpg" alt="" class="wow animate__fadeInUp animate__animated animate__delay-0_9s">
</div>
</div>
</div>
</div>
</div>
<div class="pg-element1"><img src="images/shape7.png" alt></div>
<div class="pg-element2"><img src="images/shape8.png" alt></div>
</div>
<!-- Start footer -->
<?php include 'include_footer.php'; ?>
<!-- end of footer -->
</div>
<script src="js/bootstrap-datepicker.min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<script src="inquiry.js"></script>
<script>
document.getElementById("sat_date").style.display = "none";
function courseSAT() {
var checkBox = document.getElementById("sat_check");
var text = document.getElementById("sat_date");
if (checkBox.checked == true) {
text.style.display = "block";
// $("#satDate").prop("required", true);
} else {
text.style.display = "none";
// $("#satDate").prop("required", false);
}
}
document.getElementById("act_date").style.display = "none";
function courseACT() {
var checkBox = document.getElementById("act_check");
var text = document.getElementById("act_date");
if (checkBox.checked == true) {
text.style.display = "block";
// $("#actDate").prop("required", true);
} else {
text.style.display = "none";
// $("#actDate").prop("required", false);
}
}
document.getElementById("ielts_date").style.display = "none";
function courseIELTS() {
var checkBox = document.getElementById("ielts_check");
var text = document.getElementById("ielts_date");
if (checkBox.checked == true) {
text.style.display = "block";
// $("#ieltsDate").prop("required", true);
} else {
text.style.display = "none";
// $("#ieltsDate").prop("required", false);
}
}
document.getElementById("toefl_date").style.display = "none";
function courseTOEFL() {
var checkBox = document.getElementById("toefl_check");
var text = document.getElementById("toefl_date");
if (checkBox.checked == true) {
text.style.display = "block";
// $("#toeflDate").prop("required", true);
} else {
text.style.display = "none";
// $("#toeflDate").prop("required", false);
}
}
document.getElementById("psat_date").style.display = "none";
function coursePSAT() {
var checkBox = document.getElementById("psat_check");
var text = document.getElementById("psat_date");
if (checkBox.checked == true) {
text.style.display = "block";
$("#psatDate").prop("required", true);
} else {
text.style.display = "none";
$("#psatDate").prop("required", false);
}
}
document.getElementById("aps_date").style.display = "none";
function courseAPs() {
var checkBox = document.getElementById("aps_check");
var text = document.getElementById("aps_date");
if (checkBox.checked == true) {
text.style.display = "block";
// $("#apsDate").prop("required", true);
} else {
text.style.display = "none";
// $("#apsDate").prop("required", false);
}
}
function submitNow()
{
$("#ibtn").css('background-color', 'grey');
$(window).scrollTop(0);
}
$(function () {
// INITIALIZE DATEPICKER PLUGIN
$('.datepicker').datepicker({
startDate: new Date(),
// clearBtn: true,
// format: "dd-mm-yyyy",
autoclose: true,
format: "mm-yyyy",
startView: "months",
minViewMode: "months"
});
// FOR DEMO PURPOSE
$('#reservationDate').on('change', function () {
var pickedDate = $('input').val();
$('#pickedDate').html(pickedDate);
});
});
</script>
</body>
</html>