bnmbertsu,yu,yu,fffffffy,ltdfg

hjkhhndndndnd,trt bnmbertsu,yu,yu,fffffffy,ltdfg

<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Hindu College, Amritsar</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/aos.min.css">
    <link rel="stylesheet" href="css/magnific-popup.css">
    <link rel="stylesheet" href="css/icofont.min.css">
    <link rel="stylesheet" href="css/slick.css">
    <link rel="stylesheet" href="css/swiper-bundle.min.css">
    <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/cstm.css">
      <link rel="stylesheet" href="css/tabd2.css">

</head>

<!--<div class="mode_switcher my_switcher">
        <button id="light--to-dark-button" class="light align-items-center">
            <svg xmlns="http://www.w3.org/2000/svg" class="ionicon dark__mode" viewBox="0 0 512 512"><path d="M160 136c0-30.62 4.51-61.61 16-88C99.57 81.27 48 159.32 48 248c0 119.29 96.71 216 216 216 88.68 0 166.73-51.57 200-128-26.39 11.49-57.38 16-88 16-119.29 0-216-96.71-216-216z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"/></svg>

<span class="light__mode">Light</span>
            <span class="dark__mode">Dark</span>
        </button>
    </div>-->

<div id="header-container"></div>

<div>
            <div class="theme__shadow__circle"></div>
            <div class="theme__shadow__circle shadow__right"></div>
        </div>

<div class="breadcrumbarea    divider3 parallax3 layer-overlay3 overlay-dark-10" style="background:url(img/herobanner/bg-c_1.jpg); background-size:cover;">

<div class="container">
                <div class="row">
                    <div class="col-xl-12">
                        <div class="breadcrumb__content__wraper aos-init aos-animate" data-aos="fade-up">
                            <div class="breadcrumb__title">
                                <h2 class="heading">Teacher Registration</h2>
                            </div>
                            <div class="breadcrumb__inner">
                                <ul>
                                    <li><a href="index.php">Home</a></li>
                                    <li>Teacher Registration</li>
                                </ul>
                            </div>
                        </div>

</div>
                </div>
            </div>

</div>
        
        
        
        
        
        <div class="aboutarea__5 sp_bottom_40 sp_top_50">
            <div class="container">
                <div class="row">
                    
                   
                                
                                
                                
                                <style>

</style>
                                
                                
                                
                                <div class="col-xl-12 col-lg-12 aos-init aos-animate" data-aos="fade-up" >
                                <h2 class="font-22">Teacher Registration </h2>
                      <div class="registerarea__form mt-20 mb-30">
                            
                            <form action="teacher_form.php" method="post" enctype="multipart/form-data" id="registration_form" onsubmit="return validateForm()">
                                <div class="row">
                                  <div class="col-xl-6">
                                    <label>Teacher Name <span>*</span></label>
                                    <input class="register__input" type="text" name="t_name" placeholder=" " required>
                                  </div>
                                  <div class="col-xl-6">
                                    <label>Teacher Mobile <span>*</span></label>
                                    <input class="register__input" type="number" name="t_mobile" placeholder=" " required>
                                  </div>
                                  
                                </div>
                            
                                <div class="row">
                                  
                                  <div class="col-xl-6">
                                    <label>Teacher Email <span>*</span></label>
                                    <input class="register__input" type="email" name="t_email" placeholder=" " required>
                                  </div>
                                  <div class="col-xl-6">
                                    <label>Teacher Qualification <span>*</span></label>
                                    <input class="register__input" type="text" name="t_qual" placeholder=" " required>
                                  </div>
                                </div>
                                
                                <div class="row" align="center">
                                  <div class="col-xl-12">
                                    <div class="registerarea__button">
                                      <button type="submit" class="default__button btn-group-lg">Submit <i class="icofont-long-arrow-right"></i></button>
                                    </div>
                                  </div>
                                </div>
                              </form>

</div>
              
            
   
  
                               </div>
                                
                               
                               
                               
                               
                  
                
                
                
              </div>
              
              
              
              
                
                
                
                
            </div>
        </div>
        
        
        
          
      
        
        <div id="footer-container"></div>

</main>
    <script>
        function validateForm() {
          var name = document.forms["registration_form"]["t_name"].value;
          var mobile = document.forms["registration_form"]["t_mobile"].value;
          var email = document.forms["registration_form"]["t_email"].value;
          var qual = document.forms["registration_form"]["t_qual"].value;

// Validate Student Name
          if (name == "") {
            alert("Teacher Name must be filled out");
            return false;
          }
      
          // Validate Description
          if (mobile == "") {
            alert("Teacher Mobile must be filled out");
            return false;
          }
          if (email == "") {
            alert("Email must be filled out");
            return false;
          }
          if (qual == "") {
            alert("Qualification must be filled out");
            return false;
          }
      
          return true;
        }
      
        // function validatePhoto(input) {
        //   var file = input.files[0];
        //   var fileType = file.type.toLowerCase();
        //   var fileSize = file.size; // Size in bytes
        //   var maxSize = 2 * 1024 * 1024; // 2MB in bytes
      
        //   // Validate file type
        //   if (fileType !== 'application/pdf') {
        //     alert("Only PDF files are allowed.");
        //     input.value = ''; // Clear the file input
        //     return;
        //   }
      
        //   // Validate file size
        //   if (fileSize > maxSize) {
        //     alert("PDF file size should not exceed 2MB.");
        //     input.value = ''; // Clear the file input
        //     return;
        //   }
        // }
      </script>

<script src="js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="js/vendor/jquery-3.6.0.min.js"></script>
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/isotope.pkgd.min.js"></script>
    <script src="js/slick.min.js"></script>
   
  
  
  <script>
  
    // Function to fetch and include HTML content
        function includeHTML(url, containerId) {
            fetch(url)
                .then(response => response.text())
                .then(html => {
                    document.getElementById(containerId).innerHTML = html;
                });
        }

// Load header and footer
        includeHTML('header.html', 'header-container');
        includeHTML('footer.html', 'footer-container');
  
  </script>

</body>

</html>