book appointment button added

index.html

@@ -25,6 +25,10 @@
   <!-- Template Main CSS File -->
   <link href="assets/css/style.css" rel="stylesheet">
 
+  <link href="https://calendar.google.com/calendar/scheduling-button-script.css" rel="stylesheet">
+
+
+
   <!-- =======================================================
   * Template Name: BizPage
   * Updated: Mar 10 2023 with Bootstrap v5.2.3
@@ -111,8 +115,11 @@ <h2 class="animate__animated animate__fadeInDown">Predictive Stochastic Adaptive
   </section>
   <!-- End Hero Section
 
+
   <main id="main">
 
+   
+
     <!-- ======= PI Section ======= -->
  <section id="testimonials" class="section-bg">
   <div class="container" data-aos="fade-up">
@@ -346,30 +353,52 @@ <h4>Colin Jones</h4>
               <i class="bi bi-envelope"></i>
               <!-- <h3>Email</h3> -->
               <p><a href="mailto:[email protected]">pkmishra at ai.iitkgp.ac.in</a></p>
+
             </div>
           </div>
         </div>
       <!-- </div> -->
           <!-- </section> -->
           <!-- End Contact Section -->
 
+
+
+
           <div class="col-lg-3 col-md-6 footer-contact">
            <div class="social-links">
               <a href="https://scholar.google.co.in/citations?user=rXhwtr0AAAAJ&hl=en"><i class="twitter"><i class="bi bi-google"></i></a>
               <a href="https://twitter.com/mishra_p_k" class="twitter"><i class="bi bi-twitter"></i></a>
               <a href="https://www.linkedin.com/in/mishra-p-k" class="linkedin"><i class="bi bi-linkedin"></i></a>
             </div>
           </div>
-
+          <!-- Google Calendar Appointment Scheduling begin -->
+          <script src="https://calendar.google.com/calendar/scheduling-button-script.js" async></script>
+          <script>
+            (function() {
+              var target = document.currentScript;
+              window.addEventListener('load', function() {
+                calendar.schedulingButton.load({
+                  url: 'https://calendar.google.com/calendar/appointments/schedules/AcZssZ0epz8xfTzyWovOpt-muTLc2SW1WvbVujLhyW77m5AYosEyVQtdtLUROCkWUUWYCMuDOo7R1_mA?gv=true',
+                  color: '#33B679',
+                  label: 'Book an appointment',
+                  target,
+                });
+              });
+            })();
+            </script>
+            <!-- end Google Calendar Appointment Scheduling --> 
 
 
         </div>
       </div>
     </div>
 
+
     <div class="container">
-
+       
       <div class="credits">
+
+
         <!--
         All the links in the footer should remain intact.
         You can delete the links only if you purchased the pro version.
@@ -381,6 +410,8 @@ <h4>Colin Jones</h4>
     </div>
   </footer><!-- End Footer -->
 
+
+
   <!-- <a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a> -->
 
   <script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>