Cookiepolicy.html

<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
  <meta charset="utf-8" />
  <title>Our Cookie Policy</title>
  <meta name="description"
    content="Explore engaging quizzes on finance and economics at Fin Veda. Test your knowledge and learn with interactive quizzes covering various topics." />
  <meta name="author" content="Ayush Singh">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <link rel="shortcut icon" href="/assets/images/favicon2.webp" type="image/png" />
  <link rel="stylesheet" href="assets/css/animate.css" />
  <link rel="stylesheet" href="assets/css/magnific-popup.css" />
  <link rel="stylesheet" href="assets/css/slick.css" />
  <link rel="stylesheet" href="assets/css/LineIcons.css" />
  <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
  <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
  <link rel="stylesheet" href="assets/css/default.css" />
  <link rel="stylesheet" href="./assets/css/index.css" />
  <link rel="stylesheet" href="assets/css/style.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
  <style>
    .circle {
      position: absolute;
      width: 25px;
      height: 25px;
      border-radius: 50%;
      pointer-events: none;
      background: radial-gradient(circle, rgba(73, 232, 247, 0.466), rgba(141, 38, 172, 0.5));
      transition: transform 0.1s, left 0.1s, top 0.1s;
    }

    .circle-container {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 9999;
    }

    @media (max-width: 720px) {
      .circle-container{
        display: none;
      }
    }

    #progressBar {
        position: fixed;
        top: 0;
        left: 0;
        width: 0%;
        height: 8px;
        background-color: #f76b45;
        z-index: 9999;
      }

body {
background-color: white;
color: black;
transition: background-color 0.3s ease, color 0.3s ease;
}

.dark-mode {
background-color: #121212;
color: #e0e0e0;
}

.dark-mode h2 {
  background-color: #121212 !important;
  color: #e0e0e0 !important;
}
  </style>
  <style>
    * {
      cursor: url('/assets/images/ads_click_24dp_000000_FILL0_wght400_GRAD0_opsz24.svg'), auto;
    }


    @media (max-width: 720px) {
      .circle-container {
        display: none;
      }
    }
        body {
            font-family: sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }

        header {
            background-color: #fff;
            padding: 20px;
            text-align: center;
        }

        .container1 {
            max-width: 800px;
            margin: 30px auto;
            padding: 20px;
            background-color: #fff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            border-radius: 8px;
            margin-top: 10%;
        }

        h1 {
            font-size: 32px;
            margin-bottom: 20px;
            color: #333;
        }

        p {
            line-height: 1.6;
            color: #555;
        }
  </style>

<body>

  <div class="circle-container">
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
    <div class="circle"></div>
  </div>
  <script>
    document.addEventListener("DOMContentLoaded", function () {
      const coords = { x: 0, y: 0 };
      const circles = document.querySelectorAll(".circle");

      circles.forEach(function (circle) {
        circle.x = 0;
        circle.y = 0;
      });

      window.addEventListener("mousemove", function (e) {
        coords.x = e.pageX;
        coords.y = e.pageY - window.scrollY; // Adjust for vertical scroll position
      });

      window.addEventListener("DOMContentLoaded", (event) => {
      const savedTheme = localStorage.getItem("theme");

      // Apply the theme if stored
      if (savedTheme === "dark") {
        document.body.classList.add("dark-mode");
      }
    });

      function animateCircles() {
        let x = coords.x;
        let y = coords.y;

        circles.forEach(function (circle, index) {
          circle.style.left = `${x - 12}px`;
          circle.style.top = `${y - 12}px`;
          circle.style.transform = `scale(${(circles.length - index) / circles.length})`;

          const nextCircle = circles[index + 1] || circles[0];
          circle.x = x;
          circle.y = y;

          x += (nextCircle.x - x) * 0.3;
          y += (nextCircle.y - y) * 0.3;
        });

        requestAnimationFrame(animateCircles);
      }

      animateCircles();
    });

  </script>

  <div id="progressBar"></div>
  <script>
    window.onscroll = function () {
      var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
      var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
      var scrolled = (winScroll / height) * 100;
      document.getElementById("progressBar").style.width = scrolled + "%";
    };
  </script>
  <header class="header-area">
    <div style="display: flex; justify-content: center;" class="navbar-area">
      <div style="display: flex; justify-content: center;" class="container">
        <div class="row">
          <nav class="navbar navbar-expand-lg" style="display: flex; background-color: #2c3e50;">
            <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
              <div class="icon1">
                <a href="./index.html">
                  <img src="./assets/images/FinvedaLogo.png" alt="Finveda Logo" style="width: 13rem;">
                </a>
              </div>
              <ul id="nav" class="navbar-nav ml-auto" style="margin: auto;">
                <li class="nav-item">
                  <a class="page-scroll" href="./index.html">
                    <i class="fas fa-home icon-hover" style="margin: 5px;"></i> Home
                  </a>
                </li>
                <li class="nav-item">
                  <a class="page-scroll" href="./about.html">
                    <i class="fas fa-info-circle icon-hover" style="margin: 5px;"></i> About Us
                  </a>
                </li>
                <li class="nav-item">
                  <a class="page-scroll" href="./finance.html">
                    <i class="fas fa-graduation-cap icon-hover" style="margin: 5px;"></i> Courses
                  </a>
                </li>
                <li class="nav-item">
                  <a class="page-scroll" href="./contact.html">
                    <i class="fas fa-envelope icon-hover" style="margin: 5px;"></i> Contact
                  </a>
                </li>
                <li class="nav-item">
                  <a class="page-scroll" href="./faq.html">
                    <i class="fas fa-question-circle icon-hover" style="margin: 5px;"></i> Help
                  </a>
                </li>
                <!-- Dropdown for Explore -->
                <li class="nav-item dropdown" onmouseover="toggleDropdown(true)" onmouseout="toggleDropdown(false)">
                  <a class="page-scroll dropdown-toggle" href="#">
                    <i class="fas fa-chevron-down icon-hover" style="margin: 5px;"></i> Explore More
                  </a>
                  <ul class="dropdown-menu">
                    <li><a href="./trends.html"><i class="fas fa-chart-line icon-hover" style="margin: 5px;"></i>
                        Trends</a></li>
                    <li><a href="./tools/sip.html"><i class="fas fa-tools icon-hover" style="margin: 5px;"></i>
                        Tools</a></li>
                    <li><a href="./blog.html"><i class="fas fa-blog icon-hover" style="margin: 5px;"></i> Blogs</a></li>
                    <li><a href="./quiz.html"><i class="fas fa-question icon-hover" style="margin: 5px;"></i> Quiz</a>
                    </li>
                    <li><a href="./maps.html"><i class="fas fa-map icon-hover" style="margin: 5px;"></i> MAPS</a></li>
                  </ul>
                </li>
                <!-- Navigation item placeholder for Login/Register or Logout button -->
                <li class="nav-item no-underline" id="auth-btn-container">
                  <a class="main-btn navbar-btn" style="padding: 2px 20px;" data-scroll-nav="0" href="./loginPage.html">
                    <i class="fas fa-user-circle icon-hover" style="margin: 5px;"></i> Login/Register
                  </a>
                </li>
                <li class="nav-item no-underline align-self-center">
                  <button id="theme-toggle" class="theme-toggle" onclick="toggleTheme()">
                    <span>🌞</span>
                  </button>
                </li>
              </ul>
            </div>
          </nav>
        </div>
        
        <script>
          // Function to initialize theme based on localStorage
          function initializeTheme() {
            const body = document.body;
            const toggleButton = document.getElementById('theme-toggle');
            const currentTheme = localStorage.getItem('theme');
        
            // Apply saved theme
            if (currentTheme === 'dark') {
              body.classList.add('dark-mode');
              toggleButton.classList.add('dark');
              toggleButton.querySelector('span').textContent = '🌙'; // Dark mode icon
            } else {
              toggleButton.querySelector('span').textContent = '🌞'; // Light mode icon
            }
          }
        
          // Call initializeTheme on page load
          document.addEventListener('DOMContentLoaded', () => {
            initializeTheme();
        
            const toggleButton = document.getElementById('theme-toggle');
            const body = document.body;
        
            // Event listener for theme toggle
            toggleButton.addEventListener('click', () => {
              body.classList.toggle('dark-mode');
              toggleButton.classList.toggle('dark');
        
              // Update icon and save theme
              if (body.classList.contains('dark-mode')) {
                toggleButton.querySelector('span').textContent = '🌙'; // Dark mode icon
                localStorage.setItem('theme', 'dark');
              } else {
                toggleButton.querySelector('span').textContent = '🌞'; // Light mode icon
                localStorage.setItem('theme', 'light');
              }
        
              loadShow(); // Call any additional function if needed
            });
          });
        
          // Function placeholder for additional operations (if needed)
          function loadShow() {
            // Additional actions can go here
          }
        </script>
      </div>
      </nav>

      <link href="https://fonts.googleapis.com/css?family=Raleway&display=swap" rel="stylesheet">

      <nav class="mobile-menu ">
        <a class="page-scroll active-link" href="./index.html">Home 🏡</a>
        <a class="page-scroll" href="./about.html">About Us 📖</a>
        <a class="page-scroll" href="./trends.html">Trends 📈</a>
        <a class="page-scroll" href="./tools/sip.html">Tools 🔧</a>
        <a class="page-scroll" href="./blog.html">Blogs 📰</a>
        <a class="page-scroll" href="./quiz.html">Quiz 🤔</a>
        <a class="page-scroll" href="./contact.html">Contact🤔</a>
        <li class="nav-item no-underline">
          <a class="main-btn navbar-btn" style="padding: 2px 20px; transform: none; border: none;" href="#"
            onclick="openModal()" onmouseout="this.style.color='white'">Login/Register 💻</a>
        </li>

        <div class="mobile-menu__trigger" onclick="toggleMobileMenu()">
          <span></span>
        </div>
      </nav>
    </div>
    </div>
    </div>
    </div>


    <link href="./navbar.css" rel="stylesheet">
    <script type="text/javascript" src="./navbar.js"></script>

    </div>


  </header>
  <div class="container1">
    <h1>Our Cookie Policy</h1>
    <p>How we use cookies on our website</p>
    <p>As from Saturday 26th May 2012, an EU Cookie Law is in place. It is designed to protect online privacy by making you aware of how we use information gathered by cookies.</p>
    <h2>What are Cookies?</h2>
    <p>Cookies are small data files transferred to your PC when you visit our site for the first time. When you make a return visit we recognise you.</p>
    <p>We use the cookies to track which pages you visit and how you use the website. There are various cookies which all do different jobs, some functional and if removed would affect the way our site can be viewed and used. Other cookies are used for tracking and analytics purposes, helping us understand user behavior and improve our services.</p>
    <h2>Types of Cookies We Use</h2>
    <ul>
        <li><strong>Essential Cookies:</strong> These cookies are necessary for the website to function and cannot be switched off in our systems.</li>
        <li><strong>Performance Cookies:</strong> These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site.</li>
        <li><strong>Functional Cookies:</strong> These cookies enable the website to provide enhanced functionality and personalization.</li>
        <li><strong>Targeting Cookies:</strong> These cookies may be set through our site by our advertising partners to build a profile of your interests and show you relevant ads on other sites.</li>
    </ul>
    <h2>Managing Cookies</h2>
    <p>You can manage your cookie preferences through your browser settings. Most web browsers allow you to control cookies through their settings preferences. However, if you choose to disable cookies, it may limit your use of certain features or functions on our website.</p>
    <h2>Changes to Our Cookie Policy</h2>
    <p>We may update our Cookie Policy from time to time. We encourage you to review this policy periodically for the latest information on our privacy practices.</p>
    <h2>Contact Us</h2>
    <p>If you have any questions about our Cookie Policy, please contact us at <a href="mailto:ayush1337@hotmail.com">ayush1337@hotmail.com</a>.</p>
</div>
</body>


<!-- Timed popup that will appear after succesful submission of feebback form! -->
<button class="notification" id="successnotification" style="display:none;">
  <span class="message" id="successmsg">Submitted successfully!</span>
  <span class="closenotif" id="closeSuccessNotification">✖</span>
  <div class="timerline" id="timerline"></div>
</button>


<footer id="footer" class="footer-area pt-120" style="color: white;">
  <div class="container">
      <!-- Newsletter Section -->
      <div class="subscribe-area wow fadeIn" data-wow-duration="1s" data-wow-delay="0.5s" style="height: 265px; background-color: #0890ff;">
          <div class="row">
              <div class="col-lg-6">
                  <div class="subscribe-content mt-45">
                      <h2 class="subscribe-title">
                          Subscribe to Our Newsletter
                          <span style="font-size: 22px;"> Get regular updates</span>
                      </h2>
                  </div>
              </div>
              <div class="col-lg-6">
                  <div class="subscribe-form mt-50">
                      <form id="unique-subscribe-form">
                          <input type="email" id="unique-news-email" placeholder="Enter Email" required/>
                          <button class="unique-main-btn" id="unique-subscribe-btn" type="submit" style="border-radius: 5px; padding: 10px 20px; background-color: #ea5541; color: white; border: none;">
                              Subscribe
                          </button>
                      </form>
                      <div id="unique-message" class="unique-popup-message" style="display: none;">
                          <div class="border-animation"></div>
                          Thank You for the subscription!
                      </div>
                  </div>
              </div>
          </div>
      </div>

      <!-- Footer Widget Section -->
      <div class="footer-widget pb-100">
          <div class="row">
              <!-- About Section -->
              <div class="col-lg-4 col-md-6 col-sm-8">
                  <div class="footer-about mt-50 ml-45 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
                      <img src="./assets/images/FinvedaLogo.png" alt="FinVeda Logo" style="height: 80px; width: auto; margin-bottom: 15px;"/>
                      <p class="text custom-margin">
                          We at FinVeda aim to make you a stock market Guru easily with our AI-powered teaching and financial blogs.
                      </p>
                  </div>
              </div>

              <!-- Quick Links Section -->
              <div class="col-lg-5 col-md-7 col-sm-7">
                  <div class="footer-link d-flex mt-50 justify-content-md-between" style="justify-content: space-around !important;">
                      <div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.4s">
                          <div class="footer-title">
                              <h3 class="title custom-margin">Quick Links</h3>
                          </div>
                          <ul class="link custom-margin">
                              <li><a href="./blogs/privacy-policy.html"><i class="fas fa-user-secret"></i> Privacy Policy</a></li>
                              <li><a href="./blogs/refund-policy.html"><i class="fas fa-undo-alt"></i> Refund Policy</a></li>
                              <li><a href="Licensing.html"><i class="fas fa-file-contract"></i> Licensing</a></li>
                              <li><a href="./blogs/terms-of-service.html"><i class="fas fa-file-alt"></i> Terms of Service</a></li>
                              <li><a href="./contributors.html"><i class="fas fa-users"></i> Our Contributors</a></li>
                              <li><a href="./blogs/sitemap.html"><i class="fa-solid fa-sitemap"></i> Site Map</a></li>
                              <li><a href=".Cookieo+policty.html"><i class="fas fa-cookie-bite"></i> Our Cookie Policy</a></li>
                          </ul>
                      </div>
                      <div class="link-wrapper wow fadeIn" data-wow-duration="1s" data-wow-delay="0.6s">
                          <div class="footer-title">
                              <h4 class="title custom-margin">Resources</h4>
                          </div>
                          <ul class="link custom-margin">
                              <li><a href="./index.html"><i class="fas fa-home"></i> Home</a></li>
                              <li><a href="./about.html"><i class="fas fa-info-circle"></i> About Us</a></li>
                              <li><a href="./trends.html"><i class="fas fa-chart-line"></i> Trends</a></li>
                              <li><a href="./tools/sip.html"><i class="fas fa-tools"></i> Tools</a></li>
                              <li><a href="./blog.html"><i class="fas fa-blog"></i> Blog</a></li>
                              <li><a href="./quiz.html"><i class="fas fa-question-circle"></i> Quiz</a></li>
                          </ul>
                      </div>
                  </div>
              </div>

              <!-- Contact Section -->
              <div class="col-lg-3 col-md-5 col-sm-5">
                  <div class="footer-contact mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s">
                      <div class="footer-title">
                          <h4 class="title custom-margin">Contact Us</h4>
                      </div>
                      <ul class="contact custom-margin-big" style="justify-content: space-around;">
                          <li class="d-sm-flex justify-content-center">
                              <i class="fa fa-envelope d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
                              <p style="width: 80%;">
                                  <a href="mailto:ayush1337@hotmail.com" target="_blank" style="color: white; text-decoration: underline;">
                                      ayush1337@hotmail.com
                                  </a>
                              </p>
                          </li>
                          <li class="d-sm-flex justify-content-center">
                              <i class="fa fa-globe d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
                              <div style="width: 80%;">
                                  <a href="https://fin-veda.vercel.app/index.html" target="_blank" style="color: #fff;">
                                      fin-veda.vercel.app
                                  </a>
                              </div>
                          </li>
                          <li class="d-sm-flex justify-content-center">
                              <i class="fa fa-location-dot d-sm-flex align-items-center white" style="font-size: 16px; width: 10%;"></i>
                              <div style="width: 80%;">
                                  <a href="https://www.google.com/maps/place/Delhi" style="color:#fff">
                                      Delhi, India
                                  </a>
                              </div>
                          </li>
                      </ul>

                      <!-- Social Media Icons -->
                      <div class="social-icons">
                          <a href="https://www.instagram.com/"><i class="fa-brands fa-instagram"></i></a>
                          <a href="https://www.facebook.com/"><i class="fa-brands fa-facebook"></i></a>
                          <a href="https://x.com/"><i class="fa-brands fa-x-twitter"></i></a>
                          <a href="https://discord.com/"><i class="fa-brands fa-discord"></i></a>
                          <a href="https://github.com/ayush-that/FinVeda"><i class="fa-brands fa-github"></i></a>
                      </div>
                  </div>
              </div>
          </div>
      </div>

      <!-- Copyright Section -->
      <div class="footer-copyright mt-50 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.8s" style="text-align: center">
          <div class="row">
              <div class="col-lg-12">
                  <div class="copyright d-sm-flex justify-content-center">
                      <div class="copyright-content">
                          <p class="text">
                              © <span id="copyright-year">2024</span> FinVeda. All rights reserved<br />
                              Made with ♥ in India
                          </p>
                      </div>
                  </div>
              </div>
          </div>
      </div>
  </div>

  <div id="particles-2"></div>
</footer>

<script>document.getElementById("copyright-year").textContent = new Date().getFullYear();</script>
<a href="#" class="back-to-top"><i class="lni-chevron-up"></i></a>


<script src="./assets/js/subscribe.js"></script>
<script src="../assets/js/vendor/jquery-1.12.4.min.js"></script>
<script src="../assets/js/vendor/modernizr-3.7.1.min.js"></script>
<script src="../assets/js/popper.min.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<script src="../assets/js/plugins.js"></script>
<script src="../assets/js/slick.min.js"></script>
<script src="../assets/js/ajax-contact.js"></script>
<script src="../assets/js/waypoints.min.js"></script>
<script src="../assets/js/jquery.counterup.min.js"></script>
<script src="../assets/js/jquery.magnific-popup.min.js"></script>
<script src="../assets/js/jquery.easing.min.js"></script>
<script src="../assets/js/scrolling-nav.js"></script>
<script src="../assets/js/wow.min.js"></script>
<script src="../assets/js/particles.min.js"></script>
<script src="../assets/js/main.js"></script>
<script src="../assets/js/quiz.js"></script>
<script src="../assets/js/popup.js"></script>
<script src="../assets/js/quiz_modify.js"></script>
<script src="https://cdn.botpress.cloud/webchat/v1/inject.js"></script>
<script src="https://mediafiles.botpress.cloud/5e160793-5606-4412-ba4c-337e416f14fe/webchat/config.js" defer></script>
<script defer src="./assets/js/arthsathi-style.js"></script>
<script src="./assets/js/botpress.js"></script>

<script>
  // Get the modals
  var loginModal = document.getElementById('myModal');
  var registerModal = document.getElementById('registerModal');

  // Get the button that opens the login modal
  var loginBtn = document.getElementById('loginBtn');

  // Get the links that open the register and login modals
  var registerLink = document.getElementById('registerLink');
  var loginLink = document.getElementById('loginLink');

  // Get the <span> elements that close the modals
  var closeBtns = document.getElementsByClassName('close');

  //show and hide icon button
  document.addEventListener('DOMContentLoaded', () => {
    const togglePasswordButtons = document.querySelectorAll('.toggle-password-btn');

    togglePasswordButtons.forEach(button => {
      button.addEventListener('click', () => {
        const passwordInput = button.previousElementSibling;
        if (passwordInput.type === 'password') {
          passwordInput.type = 'text';
          button.innerHTML = <i class="fa-solid fa-eye-slash"></i>
        } else {
          passwordInput.type = 'password';
          button.innerHTML = <i class="fa-solid fa-eye"></i>
        }
      });
    });
  });

  // When the user clicks the register link, open the register modal
  registerLink.onclick = function (event) {
    event.preventDefault();
    loginModal.style.display = 'none';
    registerModal.style.display = 'block';
  }

  // When the user clicks the login link, open the login modal
  loginLink.onclick = function (event) {
    event.preventDefault();
    registerModal.style.display = 'none';
    loginModal.style.display = 'block';
  }

  // When the user clicks on <span> (x), close the modal
  for (var i = 0; i < closeBtns.length; i++) {
    closeBtns[i].onclick = function () {
      loginModal.style.display = 'none';
      registerModal.style.display = 'none';
    }
  }

  // When the user clicks anywhere outside of the modal, close it
  window.onclick = function (event) {
    if (event.target == loginModal) {
      loginModal.style.display = 'none';
    }
    if (event.target == registerModal) {
      registerModal.style.display = 'none';
    }
  }
  function openModal() {
    var modal = document.getElementById("myModal");
    modal.style.display = "block";
    document.title = "Login/Register - FinVeda";  // Update the title when modal is opened
  }

  function closeModal() {
    var modal = document.getElementById("myModal");
    modal.style.display = "none";
    document.title = "FinVeda";  // Revert the title back when modal is closed
  }

  window.onclick = function (event) {
    var modal = document.getElementById("myModal");
    if (event.target == modal) {
      closeModal(); // Call closeModal function
    }
  };

  document.addEventListener("DOMContentLoaded", function () {
    const registerModal = document.getElementById("registerModal");
    const loginModal = document.getElementById("myModal");
    const registerLink = document.getElementById("registerLink");
    const loginLink = document.getElementById("loginLink");

    // Event listener for the register link
    registerLink.addEventListener("click", function (event) {
      event.preventDefault();
      loginModal.style.display = "none";
      registerModal.style.display = "block";
      document.title = "Login/Register - FinVeda";  // Update title when registering
    });

    // Event listener for the login link
    loginLink.addEventListener("click", function (event) {
      event.preventDefault();
      registerModal.style.display = "none";
      loginModal.style.display = "block";
      document.title = "Login/Register - FinVeda";  // Update title when logging in
    });

    // Close button event listeners for modals
    registerModal.querySelector(".close").addEventListener("click", closeModal);
    loginModal.querySelector(".close").addEventListener("click", closeModal);
  });


  document.getElementById("copyright-year").textContent = new Date().getFullYear();

  function applyJob(jobTitle) {
    alert("You have applied for: " + jobTitle);
  }

</script>
<script>
  document.querySelector('.contact-frame form').addEventListener('submit', function (event) {
    event.preventDefault(); // Prevent form from actually submitting

    // Show the success notification
    var notification = document.getElementById('successnotification');
    notification.style.display = 'block';

    // Start the timer animation
    var timerline = document.getElementById('timerline');
    timerline.style.animation = 'timer 3s linear';

    // Hide the notification after 3 seconds
    setTimeout(function () {
      notification.style.display = 'none';
      timerline.style.animation = 'none';
    }, 3000);

    // Clear the form fields
    this.reset();
  });

  // Close button functionality for the notification
  document.getElementById('closeSuccessNotification').addEventListener('click', function () {
    document.getElementById('successnotification').style.display = 'none';
  });
</script>
<script src="./tools/smoothScroll.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
  new WOW().init();
</script>

<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = { "default_language": "en", "detect_browser_language": true, "wrapper_selector": ".gtranslate_wrapper" }</script>
<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
</body>

</html>