Update index.html

index.html

@@ -32,9 +32,6 @@
     <!-- Google fonts -->
     <link href="//fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap" rel="stylesheet">
     <!-- Template CSS Style link -->
-	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
-  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
-  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
     <link rel="stylesheet" href="assets/css/style-starter.css">
 	 <!-- bootstrap -->
     <script src="assets/js/bootstrap.min.js"></script>
@@ -342,17 +339,17 @@
     <!-- //header -->
 
 <!-- //Modal popup for congratulations 	-->
-
-<div id="myModal" class="modal fade" role="dialog" style="width:100%!important">
-  <div class="modal-dialog">
-	<div class="js-container container" style="top:0px !important;">
-
-    <div class="modal-content">
-      <div class="modal-header">
-        <button type="button" class="close" data-dismiss="modal">&times;</button>
-           <h4 class="modal-title">Congratulations on clearing <b>"NEET 2024"</b></h4> 
+
+	<div id="myModal" class="modal fade" role="dialog" style="overflow:auto;">
+  <div class="modal-dialog js-container">
+    <!-- Modal content-->
+    <div class="modal-content" style="width:700px; height:750px;border-radius:10px">
+      <div class="modal-header" style="background-color:#07318c">
+       <!--  <button type="button" class="close" data-dismiss="modal">&times;</button> -->
+        <h4 class="modal-title" style="font-size:18px;color:#fff;">Congratulations on clearing <b>"NEET 2024"</b></h4>
       </div>
-      <div class="modal-body text-center">
+	  <iframe src="https://docs.google.com/forms/d/e/1FAIpQLSc496GwMCVOgIdTnKkfGPu2K3CyCahhv9EK1pkg097b44xHoQ/viewform?embedded=true" width="640" height="1986" frameborder="0" marginheight="0" marginwidth="0">Loading…</iframe>
+      <div class="modal-body" style="height:550px;overflow-y:auto;overflow-x:hidden;">
         <img src="assets/images/Nikhil.png" alt="Nikhil Kumar Jajoriya" style="width:200px;height:200px;"/>
         <p style="margin-top:10px">Dear Nikhil Kumar,</p>
 		<p>
@@ -371,18 +368,15 @@ <h4 class="modal-title">Congratulations on clearing <b>"NEET 2024"</b></h4>
 		<p><b style="color:Orange">Surendra Poonia</b></p>
 		<p>Director</p>
 		<p>B.N.V.P Senior Secondary School</p>
-
       </div>
-      <div class="modal-footer">
-
+      <div class="modal-footer" style="margin-right:40%!important">
+        <button type="button" class="btn btn-default" data-bs-dismiss="modal">Close</button>
       </div>
     </div>
 
   </div>
 </div>
-</div>
-
-
+	<!-- end of congratulation modal -->	
 
     <!-- banner section -->
     <section id="home" class="w3l-banner py-5">
@@ -947,8 +941,8 @@ <h6 class="footer-title-29">Subscribe</h6>
     </script>
     <!-- //move top -->
 
-    <!-- common jquery plugin 
-    <script src="assets/js/jquery-3.3.1.min.js"></script>-->
+    <!-- common jquery plugin -->
+    <script src="assets/js/jquery-3.3.1.min.js"></script>
     <!-- //common jquery plugin -->
 
     <!-- /counter-->