File: /home/qhl5pt3kkb1d/public_html/tstp-old/include_header.php
<?php
$random_alpha = md5(rand());
$popupCaptcha = substr($random_alpha, 0, 6);
?>
<header class="header main-header">
<div class="top_bar">
<div class="top_bar_container">
<div class="container">
<div class="row">
<div class="col">
<div class="top_bar_content d-flex flex-row align-items-center justify-content-start">
<ul class="top_bar_contact_list">
<li>
<div class="question">Have any questions?</div>
</li>
<li>
<i class="fa fa-phone" aria-hidden="true"></i>
<div><a href="tel:917574824766">(+91) 75748 24766</a></div>
</li>
<li>
<i class="fa fa-envelope-o" aria-hidden="true"></i>
<div><a href="mailto:info@tstp.in">info@tstp.in</a></div>
</li>
</ul>
<div class="top_bar_login ml-auto">
<div class="login_button"><a href="inquiry">Inquire Now</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header_container">
<div class="container">
<div class="row">
<div class="col">
<div class="header_content d-flex flex-row align-items-center justify-content-start">
<div class="logo_container">
<a href="./">
<div class="logo"><img src="images/logo.png" alt="THE SMART TEST PREP"></div>
</a>
</div>
<nav class="main_nav_contaner ml-auto main-menu">
<ul class="main_nav">
<li>
<a href="#">Courses</a>
<ul class="submenu">
<li><a href="digital-sat-ai-powered-dsat">Digital SAT (AI Powered)</a></li>
<!--<li><a href="digital-SAT">Digital SAT</a></li>-->
<li><a href="advanced-placement">Advanced Placement (AP)</a></li>
<li><a href="ielts">IELTS</a></li>
<li><a href="toefl">TOEFL</a></li>
<li><a href="gre">GRE</a></li>
</ul>
</li>
<li>
<a href="#"> Consultation</a>
<ul class="submenu">
<li><a href="counseling">Admission Counseling</a></li>
<li><a href="profile-building">Profile Building</a></li>
<li><a href="career-consulting">Career Consulting</a></li>
</ul>
</li>
<li><a href="#">Score Board</a>
<ul class="submenu">
<li><a href="sat-results">SAT Results</a></li>
<li><a href="ap-results">AP Results</a></li>
<li><a href="ielts-results">IELTS Results</a></li>
<li><a href="toefl-results">TOEFL Results</a></li>
<li><a href="final-admits">Final Admits</a></li>
<!--<li><a href="admit-letters">Admit Letters</a></li>-->
<li><a href="testimonials">Testimonials</a></li>
</ul>
</li>
<li>
<a href="#">Know More</a>
<ul class="submenu">
<li><a href="about-us">About Us</a></li>
<li><a href="founder">Founder</a></li>
<li><a href="our-smart-philosophy">Our Smart Philosophy</a></li>
<li><a href="process">Our Process</a></li>
<li><a href="usp">USP's</a></li>
<li><a href="test-dates">Test Dates</a></li>
<li><a href="faq">FAQ</a></li>
</ul>
</li>
<li><a href="contact">Contact</a></li>
<li class="special-link"><a href="#" id="popupFormLinkHeader">Free DSAT Diagnostic Test</a></li>
</ul>
<div class="hamburger menu_mm">
<i class="fa fa-bars menu_mm" aria-hidden="true"></i>
</div>
</nav>
</div>
</div>
</div>
</div>
</div>
</header>
<div class="menu d-flex flex-column align-items-start justify-content-start menu_mm trans_400">
<div class="menu_close_container">
<div class="menu_close">
<div></div>
<div></div>
</div>
</div>
<nav class="menu_nav">
<ul class="menu_mm">
<li class="has-submenu" id="has-submenu">
<a href="#">Courses <span id="has-menu">+</span></a>
<ul class="submenu" id="has-submenu">
<li><a href="digital-sat-ai-powered-dsat">Digital SAT (AI Powered)</a></li>
<!--<li><a href="digital-SAT">Digital SAT</a></li>-->
<li><a href="advanced-placement">Advanced Placement (AP)</a></li>
<li><a href="ielts">IELTS</a></li>
<li><a href="toefl">TOEFL</a></li>
</ul>
</li>
<li class="has-submenu" id="has-submenu0">
<a href="#">Consultation <span id="has-menu0">+</span></a>
<ul class="submenu" id="has-submenu">
<li><a href="counseling">Admission Counseling</a></li>
<li><a href="profile-building">Profile Building</a></li>
<li><a href="career-consulting">Career Consulting</a></li>
</ul>
</li>
<li class="has-submenu" id="has-submenu1">
<a href="#">Score Board <span id="has-menu1">+</span></a>
<ul class="submenu">
<li><a href="sat-results">SAT Results</a></li>
<li><a href="ap-results">AP Results</a></li>
<li><a href="ielts-results">IELTS Results</a></li>
<li><a href="toefl-results">TOEFL Results</a></li>
<li><a href="final-admits">Final Admits</a></li>
<li><a href="admit-letters">Admit Letters</a></li>
<li><a href="testimonials">Testimonials</a></li>
</ul>
</li>
<li class="has-submenu" id="has-submenu2">
<a href="#">Know More <span id="has-menu2">+</span></a>
<ul class="submenu">
<li><a href="about-us">About Us</a></li>
<li><a href="founder">Founder</a></li>
<li><a href="our-smart-philosophy">Our Smart Philosophy</a></li>
<li><a href="process">Our Process</a></li>
<li><a href="usp">USP's</a></li>
<li><a href="test-dates">Test Dates</a></li>
</ul>
</li>
<li><a href="faq">FAQ</a></li>
<li><a href="inquiry">Inquiry</a></li>
<li><a href="contact">Contact</a></li>
<li class="special-link"><a href="#" id="popupFormLinkMenu">Free DSAT Diagnostic Test</a></li>
</ul>
</nav>
</div>
<style>
/* Popup form style */
.header-popup-form {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
padding: 20px;
border: 1px solid #ddd;
border-radius: 5px;
background-color: white;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
z-index: 1000;
width: 80%;
max-width: 400px;
}
.title {
font-size: 20px;
font-weight: 600;
text-align: center;
}
.header-popup-form label {
display: block;
margin: 10px 0 5px;
}
.header-popup-form input {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
font-size: 16px;
color: #333;
background-color: #f9f9f9;
font-weight: bold;
}
.header-popup-form button {
margin: 13px;
border: none;
border-radius: 5px;
padding: 10px;
font-size: 16px;
cursor: pointer;
}
.header-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
</style>
<div class="header-overlay" id="overlay"></div>
<div class="header-popup-form" id="popupForm">
<h2 class="title">Free Test Registration</h2>
<form action="free-dsat-mail.php" method="POST" id="contactForm">
<!--<label for="name">Name:</label>-->
<br><input type="text" id="name" name="name" placeholder="Name" required>
<!--<label for="email">Email:</label>-->
<input type="email" id="email" name="email" placeholder="Email" required title="Please Enter a Valid Email Address">
<!--<label for="phone">Phone Number:</label>-->
<input type="text" id="phone" name="phone" placeholder="Phone No" required pattern="^0?\d{10}$" title="Phone number must be 10 digits">
<label class="title">Captcha Code</label>
<input class="n_form-control" id="popupCurrentCaptcha" value="<?php echo $popupCaptcha; ?>" style="background:#9b1a1a; color:#ffffff; font-size:18px; font-weight:bold; text-align:center; letter-spacing:1px;" readonly>
<input class="n_form-control" id="popupCaptcha_code" name="popupCaptcha_code" value="<?php echo $popupCaptcha; ?>" hidden>
<label class="title">Enter Captcha Code<span>*</span></label>
<input class="n_form-control" aria-required="true" aria-invalid="false" type="text" id="popupCaptcha" name="popupCaptcha" required>
<div id="captchaError" style="color: red; display: none;"></div>
<button class="comment_button trans_200" id="submitBtn" type="submit">Submit</button>
<button class="comment_button trans_200" id="nb_closeBtn" type="button">Close</button>
</form>
</div>
<script>
const freeTestBtnHeader = document.getElementById('popupFormLinkHeader');
const freeTestBtnMenu = document.getElementById('popupFormLinkMenu');
const popupForm = document.querySelector('.header-popup-form');
const overlay = document.querySelector('.header-overlay');
const nb_closeBtn = document.getElementById('nb_closeBtn');
freeTestBtnHeader.addEventListener('click', showPopupForm);
freeTestBtnMenu.addEventListener('click', showPopupForm);
function showPopupForm() {
popupForm.style.display = 'block';
overlay.style.display = 'block';
}
nb_closeBtn.addEventListener('click', () => {
popupForm.style.display = 'none';
overlay.style.display = 'none';
});
overlay.addEventListener('click', () => {
popupForm.style.display = 'none';
overlay.style.display = 'none';
});
document.getElementById('contactForm').addEventListener('submit', function(event) {
event.preventDefault();
var form = event.target;
var formData = new FormData(form);
fetch('free-dsat-mail.php', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(result => {
if (result.success) {
document.getElementById('captchaError').innerText = '';
document.getElementById('captchaError').style.display = 'none';
window.open("https://dsat.thesmarttestprep.com/", "_blank");
form.reset();
} else {
document.getElementById('captchaError').innerText = result.message;
document.getElementById('captchaError').style.display = 'block';
}
})
.catch(error => {
console.error('Error:', error);
});
});
</script>