diff --git a/Chatbot/chat.css b/Chatbot/chat.css
deleted file mode 100644
index 018ff4b..0000000
--- a/Chatbot/chat.css
+++ /dev/null
@@ -1,199 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  font-family: "Poppins", sans-serif;
-}
-body {
-  background: #E3F2FD;
-}
-.chatbot-toggler {
-  position: fixed;
-  bottom: 30px;
-  right: 35px;
-  outline: none;
-  border: none;
-  height: 50px;
-  width: 50px;
-  display: flex;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background: rgb(80, 183, 218);
-  transition: all 0.2s ease;
-}
-.chatbot-toggler:hover{
-  background: #add8e6;
-}
-body.show-chatbot .chatbot-toggler {
-  transform: rotate(90deg);
-}
-.chatbot-toggler span {
-  color: #fff;
-  position: absolute;
-}
-.chatbot-toggler span:last-child,
-body.show-chatbot .chatbot-toggler span:first-child  {
-  opacity: 0;
-}
-body.show-chatbot .chatbot-toggler span:last-child {
-  opacity: 1;
-}
-.chatbot {
-  position: fixed;
-  right: 35px;
-  bottom: 90px;
-  width: 420px;
-  background: #fff;
-  border-radius: 15px;
-  overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-  transform: scale(0.5);
-  transform-origin: bottom right;
-  box-shadow: 0 0 128px 0 rgba(0,0,0,0.1),
-              0 32px 64px -48px rgba(0,0,0,0.5);
-  transition: all 0.1s ease;
-}
-body.show-chatbot .chatbot {
-  opacity: 1;
-  pointer-events: auto;
-  transform: scale(1);
-}
-.chatbot header {
-  padding: 16px 0;
-  position: relative;
-  text-align: center;
-  color: #fff;
-  background: #add8e6;
-  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-}
-.chatbot header span {
-  position: absolute;
-  right: 15px;
-  top: 50%;
-  display: none;
-  cursor: pointer;
-  transform: translateY(-50%);
-}
-header h2 {
-  font-size: 1.4rem;
-}
-.chatbot .chatbox {
-  overflow-y: auto;
-  height: 510px;
-  padding: 30px 20px 100px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar {
-  width: 6px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-track {
-  background: #fff;
-  border-radius: 25px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-thumb {
-  background: #ccc;
-  border-radius: 25px;
-}
-.chatbox .chat {
-  display: flex;
-  list-style: none;
-}
-.chatbox .outgoing {
-  margin: 20px 0;
-  justify-content: flex-end;
-}
-.chatbox .incoming span {
-  width: 32px;
-  height: 32px;
-  color: #fff;
-  cursor: default;
-  text-align: center;
-  line-height: 32px;
-  align-self: flex-end;
-  background: #add8e6;
-  border-radius: 4px;
-  margin: 0 10px 7px 0;
-}
-.chatbox .chat p {
-  white-space: pre-wrap;
-  padding: 12px 16px;
-  border-radius: 10px 10px 0 10px;
-  max-width: 75%;
-  color: #fff;
-  font-size: 0.95rem;
-  background: #add8e6;
-
-}
-.chatbox .incoming p {
-  border-radius: 10px 10px 10px 0;
-}
-.chatbox .chat p.error {
-  color: #721c24;
-  background: #f8d7da;
-}
-.chatbox .incoming p {
-  color: #000;
-  background: #f2f2f2;
-}
-.chatbot .chat-input {
-  display: flex;
-  gap: 5px;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  background: #fff;
-  padding: 3px 20px;
-  border-top: 1px solid #ddd;
-}
-.chat-input textarea {
-  height: 55px;
-  width: 100%;
-  border: none;
-  outline: none;
-  resize: none;
-  max-height: 180px;
-  padding: 15px 15px 15px 0;
-  font-size: 0.95rem;
-}
-.chat-input span {
-  align-self: flex-end;
-  background: #add8e6;
-
-  cursor: pointer;
-  height: 55px;
-  display: flex;
-  align-items: center;
-  visibility: hidden;
-  font-size: 1.35rem;
-}
-.chat-input textarea:valid ~ span {
-  visibility: visible;
-}
-
-@media (max-width: 490px) {
-  .chatbot-toggler {
-    right: 20px;
-    bottom: 20px;
-  }
-  .chatbot {
-    right: 0;
-    bottom: 0;
-    height: 100%;
-    border-radius: 0;
-    width: 100%;
-  }
-  .chatbot .chatbox {
-    height: 90%;
-    padding: 25px 15px 100px;
-  }
-  .chatbot .chat-input {
-    padding: 5px 15px;
-  }
-  .chatbot header span {
-    display: block;
-  }
-}
\ No newline at end of file
diff --git a/Chatbot/chat.js b/Chatbot/chat.js
deleted file mode 100644
index 0f72b7d..0000000
--- a/Chatbot/chat.js
+++ /dev/null
@@ -1,73 +0,0 @@
-const chatbotToggler = document.querySelector(".chatbot-toggler");
-const closeBtn = document.querySelector(".close-btn");
-const chatbox = document.querySelector(".chatbox");
-const chatInput = document.querySelector(".chat-input textarea");
-const sendChatBtn = document.querySelector(".chat-input span");
-
-let userMessage = null; 
-
-const faqData = {
-    "How can I view the products?": "Go to our 'SERVICES' page",
-    "Where can I find about startups": "Go to our 'SERVICES' page",
-    "How are you?": "I am fine! How can I help you?",
-    "I am feeling stressed!":"No need to worry, we've got your back! Just go to CALM ZONE and Relax!"
-};
-
-const inputInitHeight = chatInput.scrollHeight;
-
-const createChatLi = (message, className) => {
-    const chatLi = document.createElement("li");
-    chatLi.classList.add("chat", `${className}`);
-    let chatContent = className === "outgoing" ? `<p></p>` : `<span class="material-symbols-outlined">smart_toy</span><p></p>`;
-    chatLi.innerHTML = chatContent;
-    chatLi.querySelector("p").textContent = message;
-    return chatLi; 
-}
-
-const generateResponse = (chatElement) => {
-    const messageElement = chatElement.querySelector("p");
-
-    const answer = faqData[userMessage];
-
-    if (answer) {
-        messageElement.textContent = answer;
-    } else {
-        messageElement.textContent = "Sorry, I couldn't find an answer to that question.";
-    }
-
-    chatbox.scrollTo(0, chatbox.scrollHeight);
-}
-
-const handleChat = () => {
-    userMessage = chatInput.value.trim(); 
-    if (!userMessage) return;
-
-    chatInput.value = "";
-    chatInput.style.height = `${inputInitHeight}px`;
-
-    chatbox.appendChild(createChatLi(userMessage, "outgoing"));
-    chatbox.scrollTo(0, chatbox.scrollHeight);
-
-    setTimeout(() => {
-        const incomingChatLi = createChatLi("Thinking...", "incoming");
-        chatbox.appendChild(incomingChatLi);
-        chatbox.scrollTo(0, chatbox.scrollHeight);
-        generateResponse(incomingChatLi);
-    }, 600);
-}
-
-chatInput.addEventListener("input", () => {
-    chatInput.style.height = `${inputInitHeight}px`;
-    chatInput.style.height = `${chatInput.scrollHeight}px`;
-});
-
-chatInput.addEventListener("keydown", (e) => {
-    if (e.key === "Enter" && !e.shiftKey && window.innerWidth > 800) {
-        e.preventDefault();
-        handleChat();
-    }
-});
-
-sendChatBtn.addEventListener("click", handleChat);
-closeBtn.addEventListener("click", () => document.body.classList.remove("show-chatbot"));
-chatbotToggler.addEventListener("click", () => document.body.classList.toggle("show-chatbot"));
diff --git a/Contributors/Chatbot/chat.css b/Contributors/Chatbot/chat.css
deleted file mode 100644
index 018ff4b..0000000
--- a/Contributors/Chatbot/chat.css
+++ /dev/null
@@ -1,199 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  font-family: "Poppins", sans-serif;
-}
-body {
-  background: #E3F2FD;
-}
-.chatbot-toggler {
-  position: fixed;
-  bottom: 30px;
-  right: 35px;
-  outline: none;
-  border: none;
-  height: 50px;
-  width: 50px;
-  display: flex;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background: rgb(80, 183, 218);
-  transition: all 0.2s ease;
-}
-.chatbot-toggler:hover{
-  background: #add8e6;
-}
-body.show-chatbot .chatbot-toggler {
-  transform: rotate(90deg);
-}
-.chatbot-toggler span {
-  color: #fff;
-  position: absolute;
-}
-.chatbot-toggler span:last-child,
-body.show-chatbot .chatbot-toggler span:first-child  {
-  opacity: 0;
-}
-body.show-chatbot .chatbot-toggler span:last-child {
-  opacity: 1;
-}
-.chatbot {
-  position: fixed;
-  right: 35px;
-  bottom: 90px;
-  width: 420px;
-  background: #fff;
-  border-radius: 15px;
-  overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-  transform: scale(0.5);
-  transform-origin: bottom right;
-  box-shadow: 0 0 128px 0 rgba(0,0,0,0.1),
-              0 32px 64px -48px rgba(0,0,0,0.5);
-  transition: all 0.1s ease;
-}
-body.show-chatbot .chatbot {
-  opacity: 1;
-  pointer-events: auto;
-  transform: scale(1);
-}
-.chatbot header {
-  padding: 16px 0;
-  position: relative;
-  text-align: center;
-  color: #fff;
-  background: #add8e6;
-  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-}
-.chatbot header span {
-  position: absolute;
-  right: 15px;
-  top: 50%;
-  display: none;
-  cursor: pointer;
-  transform: translateY(-50%);
-}
-header h2 {
-  font-size: 1.4rem;
-}
-.chatbot .chatbox {
-  overflow-y: auto;
-  height: 510px;
-  padding: 30px 20px 100px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar {
-  width: 6px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-track {
-  background: #fff;
-  border-radius: 25px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-thumb {
-  background: #ccc;
-  border-radius: 25px;
-}
-.chatbox .chat {
-  display: flex;
-  list-style: none;
-}
-.chatbox .outgoing {
-  margin: 20px 0;
-  justify-content: flex-end;
-}
-.chatbox .incoming span {
-  width: 32px;
-  height: 32px;
-  color: #fff;
-  cursor: default;
-  text-align: center;
-  line-height: 32px;
-  align-self: flex-end;
-  background: #add8e6;
-  border-radius: 4px;
-  margin: 0 10px 7px 0;
-}
-.chatbox .chat p {
-  white-space: pre-wrap;
-  padding: 12px 16px;
-  border-radius: 10px 10px 0 10px;
-  max-width: 75%;
-  color: #fff;
-  font-size: 0.95rem;
-  background: #add8e6;
-
-}
-.chatbox .incoming p {
-  border-radius: 10px 10px 10px 0;
-}
-.chatbox .chat p.error {
-  color: #721c24;
-  background: #f8d7da;
-}
-.chatbox .incoming p {
-  color: #000;
-  background: #f2f2f2;
-}
-.chatbot .chat-input {
-  display: flex;
-  gap: 5px;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  background: #fff;
-  padding: 3px 20px;
-  border-top: 1px solid #ddd;
-}
-.chat-input textarea {
-  height: 55px;
-  width: 100%;
-  border: none;
-  outline: none;
-  resize: none;
-  max-height: 180px;
-  padding: 15px 15px 15px 0;
-  font-size: 0.95rem;
-}
-.chat-input span {
-  align-self: flex-end;
-  background: #add8e6;
-
-  cursor: pointer;
-  height: 55px;
-  display: flex;
-  align-items: center;
-  visibility: hidden;
-  font-size: 1.35rem;
-}
-.chat-input textarea:valid ~ span {
-  visibility: visible;
-}
-
-@media (max-width: 490px) {
-  .chatbot-toggler {
-    right: 20px;
-    bottom: 20px;
-  }
-  .chatbot {
-    right: 0;
-    bottom: 0;
-    height: 100%;
-    border-radius: 0;
-    width: 100%;
-  }
-  .chatbot .chatbox {
-    height: 90%;
-    padding: 25px 15px 100px;
-  }
-  .chatbot .chat-input {
-    padding: 5px 15px;
-  }
-  .chatbot header span {
-    display: block;
-  }
-}
\ No newline at end of file
diff --git a/Contributors/Chatbot/chat.js b/Contributors/Chatbot/chat.js
deleted file mode 100644
index 0f72b7d..0000000
--- a/Contributors/Chatbot/chat.js
+++ /dev/null
@@ -1,73 +0,0 @@
-const chatbotToggler = document.querySelector(".chatbot-toggler");
-const closeBtn = document.querySelector(".close-btn");
-const chatbox = document.querySelector(".chatbox");
-const chatInput = document.querySelector(".chat-input textarea");
-const sendChatBtn = document.querySelector(".chat-input span");
-
-let userMessage = null; 
-
-const faqData = {
-    "How can I view the products?": "Go to our 'SERVICES' page",
-    "Where can I find about startups": "Go to our 'SERVICES' page",
-    "How are you?": "I am fine! How can I help you?",
-    "I am feeling stressed!":"No need to worry, we've got your back! Just go to CALM ZONE and Relax!"
-};
-
-const inputInitHeight = chatInput.scrollHeight;
-
-const createChatLi = (message, className) => {
-    const chatLi = document.createElement("li");
-    chatLi.classList.add("chat", `${className}`);
-    let chatContent = className === "outgoing" ? `<p></p>` : `<span class="material-symbols-outlined">smart_toy</span><p></p>`;
-    chatLi.innerHTML = chatContent;
-    chatLi.querySelector("p").textContent = message;
-    return chatLi; 
-}
-
-const generateResponse = (chatElement) => {
-    const messageElement = chatElement.querySelector("p");
-
-    const answer = faqData[userMessage];
-
-    if (answer) {
-        messageElement.textContent = answer;
-    } else {
-        messageElement.textContent = "Sorry, I couldn't find an answer to that question.";
-    }
-
-    chatbox.scrollTo(0, chatbox.scrollHeight);
-}
-
-const handleChat = () => {
-    userMessage = chatInput.value.trim(); 
-    if (!userMessage) return;
-
-    chatInput.value = "";
-    chatInput.style.height = `${inputInitHeight}px`;
-
-    chatbox.appendChild(createChatLi(userMessage, "outgoing"));
-    chatbox.scrollTo(0, chatbox.scrollHeight);
-
-    setTimeout(() => {
-        const incomingChatLi = createChatLi("Thinking...", "incoming");
-        chatbox.appendChild(incomingChatLi);
-        chatbox.scrollTo(0, chatbox.scrollHeight);
-        generateResponse(incomingChatLi);
-    }, 600);
-}
-
-chatInput.addEventListener("input", () => {
-    chatInput.style.height = `${inputInitHeight}px`;
-    chatInput.style.height = `${chatInput.scrollHeight}px`;
-});
-
-chatInput.addEventListener("keydown", (e) => {
-    if (e.key === "Enter" && !e.shiftKey && window.innerWidth > 800) {
-        e.preventDefault();
-        handleChat();
-    }
-});
-
-sendChatBtn.addEventListener("click", handleChat);
-closeBtn.addEventListener("click", () => document.body.classList.remove("show-chatbot"));
-chatbotToggler.addEventListener("click", () => document.body.classList.toggle("show-chatbot"));
diff --git a/Contributors/New Background.jpeg b/Contributors/New Background.jpeg
deleted file mode 100644
index 894cb54..0000000
Binary files a/Contributors/New Background.jpeg and /dev/null differ
diff --git a/Contributors/contributor.html b/Contributors/contributor.html
deleted file mode 100644
index 4e18ea7..0000000
--- a/Contributors/contributor.html
+++ /dev/null
@@ -1,336 +0,0 @@
- <!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="./style.css">
-    <link rel="stylesheet" href="./Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <script src="./Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-
-    <style>
-      /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-          z-index: 1000;
-      }
-  
-      #scrollToTopBtn:hover {
-          background-color: rgb(60, 163, 198);
-      }
-      .container {
-        width: 90%;
-        margin: 0 auto;
-        padding: 20px;
-        text-align: center;
-    }
-
-    /* Title Styling */
-    .title {
-        font-weight: bold;
-        font-size: 2.5rem;
-        color: #333;
-        text-transform: uppercase; /* Makes the text all caps */
-        margin-bottom: 30px;
-        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow effect */
-    }
-      /* Body Styling */
-      body {
-          margin: 0;
-          padding: 0;
-          font-family: Arial, sans-serif;
-          background-image: url('./New Background.jpeg'); /* Added background image */
-          background-size: cover; /* Ensures the image covers the entire body */
-          background-position: center; /* Center the image */
-          background-repeat: no-repeat; /* Ensures the image doesn’t repeat */
-          background-attachment: fixed; /* Keeps the image fixed during scrolling */
-          color: #333;
-      }
-  
-      /* Contributors Grid */
-      .contributors-grid {
-          display: grid;
-          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-          gap: 20px;
-          margin: 40px auto;
-          padding: 0 20px;
-          max-width: 1200px;
-      }
-  
-      /* Contributor Card */
-      .contributor-card {
-          background: #fff;
-          padding: 20px;
-          border-radius: 10px;
-          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
-          transform: perspective(1000px) rotateX(0deg) rotateY(0deg);
-          transition: transform 0.3s ease, box-shadow 0.3s ease;
-          text-align: center;
-      }
-  
-      .contributor-card:hover {
-          transform: perspective(1000px) rotateX(5deg) rotateY(-5deg);
-          box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
-      }
-  
-      .contributor-card img {
-          width: 100px;
-          height: 100px;
-          border-radius: 50%;
-          margin-bottom: 10px;
-          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-      }
-  
-      .contributor-card h3 {
-          margin: 10px 0;
-          font-size: 1.2rem;
-          color: #222;
-      }
-  
-      .contributor-card p {
-          font-size: 0.9rem;
-          color: #666;
-      }
-  
-      /* Responsive Design */
-      @media (max-width: 768px) {
-          .contributors-grid {
-              padding: 10px;
-          }
-  
-          .contributor-card {
-              padding: 15px;
-          }
-  
-          .contributor-card h3 {
-              font-size: 1rem;
-          }
-  
-          .contributor-card p {
-              font-size: 0.85rem;
-          }
-      }
-  </style>
-  
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input" />
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-
-      <body>
-        <!-- Contributors Section -->
-<div class="container">
-  <h1 class="title">Contributors of STUDENT-IFY</h1>
-  <div id="contributors" class="contributors-grid">
-    <!-- Dynamic contributors will be added here -->
-  </div>
-</div>
-
-<script src="contributor.js"></script>
-
-    </body>
-
-
-    <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-  
-          </div>
-      
-          <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-              <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-            </ul>
-          </div>
-      
-      
-          <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-              <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-            </ul>
-          </div>
-      
-          <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-            <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-            </ul>
-          </div>
-        </div>
-      
-        <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-          <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-        </div>
-  
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-  
-      </footer>
-  
-      <button class="chatbot-toggler">
-          <span class="material-symbols-rounded">mode_comment</span>
-          <span class="material-symbols-outlined">close</span>
-      </button>
-      <div class="chatbot">
-          <header>
-              <h2>Chatbot</h2>
-              <span class="close-btn material-symbols-outlined">close</span>
-          </header>
-          <ul class="chatbox">
-              <li class="chat incoming">
-                  <span class="material-symbols-outlined">smart_toy</span>
-                  <p>Hi there 👋<br>How can I help you today?</p>
-              </li>
-          </ul>
-          <div class="chat-input">
-              <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-              <span id="send-btn" class="material-symbols-rounded">send</span>
-          </div>
-      </div>
-  
-      <script src="./script.js"></script>
-      <script>
-          const themeToggle = document.querySelector('.theme-toggle');
-          const icon = themeToggle.querySelector('span');
-  
-          themeToggle.addEventListener('click', () => {
-              document.body.classList.toggle('dark-theme');
-              if (document.body.classList.contains('dark-theme')) {
-                  icon.textContent = 'dark_mode';
-              } else {
-                  icon.textContent = 'light_mode';
-              }
-          });
-      </script>
-       <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-       <script>
-        // Get the button
-        let mybutton = document.getElementById("scrollToTopBtn");
-      
-        // When the user scrolls down 20px from the top of the document, show the button
-        window.onscroll = function () {
-            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-                mybutton.style.display = "block";
-            } else {
-                mybutton.style.display = "none";
-            }
-        };
-      
-        // When the user clicks on the button, scroll to the top of the document
-        mybutton.onclick = function () {
-            document.body.scrollTop = 0;
-            document.documentElement.scrollTop = 0;
-        };
-      </script>
-  </body>
-  
-  </html>
\ No newline at end of file
diff --git a/Contributors/contributor.js b/Contributors/contributor.js
deleted file mode 100644
index e2790e7..0000000
--- a/Contributors/contributor.js
+++ /dev/null
@@ -1,60 +0,0 @@
-const REPO_OWNER = "avanimathur";
-const REPO_NAME = "Student-ify";
-const GITHUB_TOKEN = ""; // Optional: Add your GitHub personal access token to avoid rate limits
-
-async function fetchContributors() {
-  const contributorsContainer = document.getElementById("contributors");
-
-  try {
-    // Fetch contributors from the GitHub API
-    const response = await fetch(
-      `https://api.github.com/repos/${REPO_OWNER}/${REPO_NAME}/contributors`,
-      {
-        headers: GITHUB_TOKEN ? { Authorization: `token ${GITHUB_TOKEN}` } : {},
-      }
-    );
-
-    if (!response.ok) throw new Error("Failed to fetch contributors");
-
-    const contributors = await response.json();
-
-    contributors.forEach((contributor) => {
-      // Create a card for each contributor
-      const card = document.createElement("div");
-      card.className = "contributor-card";
-
-      // Profile image
-      const img = document.createElement("img");
-      img.src = contributor.avatar_url;
-      img.alt = contributor.login;
-
-      // GitHub username
-      const name = document.createElement("h3");
-      name.textContent = contributor.login;
-
-      // GitHub profile link
-      const githubLink = document.createElement("a");
-      githubLink.href = contributor.html_url;
-      githubLink.target = "_blank";
-      githubLink.textContent = "GitHub Profile";
-
-      // Append elements to card
-      card.appendChild(img);
-      card.appendChild(name);
-      card.appendChild(githubLink);
-
-      // Append card to container
-      contributorsContainer.appendChild(card);
-    });
-  } catch (error) {
-    console.error("Error fetching contributors:", error);
-
-    // Show error message on the page
-    const errorMessage = document.createElement("p");
-    errorMessage.textContent = "Failed to load contributors. Please try again.";
-    contributorsContainer.appendChild(errorMessage);
-  }
-}
-
-// Fetch and render contributors on page load
-fetchContributors();
diff --git a/Contributors/style.css b/Contributors/style.css
deleted file mode 100644
index a58bc12..0000000
--- a/Contributors/style.css
+++ /dev/null
@@ -1,923 +0,0 @@
-
-@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@200;300;400;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
-
-*{
-    margin: 0;
-    padding: 0;
-    font-family: "Martel Sans", sans-serif;
-
-}
-html,body{
-    overflow-x: hidden;
-}
-
-
-.content{
-  background-image: url('img/New Background.jpeg');
-  background-size: cover;
-  padding: 2rem 4rem;
- }
-
-.content div{
-  margin-top: 4rem;
-  border-radius: 8px;
-  padding: 3rem;
-  box-shadow: 3px -3px 24px 2px rgba(239, 236, 236, 0.5);
-
-}
-
-.header{
-    overflow: hidden;
-    width: 100%;
-    height: 5rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: lightsalmon ;
-}
-
-.logo {
-    
-    width: 80px; 
-    height: auto; 
-}
-
-
-/*navbar*/
-  
-  .navbar-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    color: white;
-  }
-  
-  .navbar-list li {
-    display: inline-block; 
-    color: white;
-  }
-  
-  /* Dark Mode */
-  @media (prefers-color-scheme: dark) {
-    .header {
-        background-color: darkslategray; /* Change to your desired dark color */
-    }
-  
-    .navbar-list li {
-        color: white; /* Ensure text is readable in dark mode */
-    }
-  }
-  
-  
-  /*-----navbar------*/
-      .navbar{
-          display: flex;
-          align-items: center;
-          gap: 40px;
-      }
-      .navbar-list{
-      list-style-type: none;
-      margin: 0;
-      padding: 0;
-      display: flex;
-  }
-  
-  .navbar-list li a{
-      display: inline-block; 
-      font-size: 15px;
-      text-decoration: none;
-  }
-  .navbar-list li a:hover{
-    transform: scale(1.3); /* Adjust the scale value as needed */
-    transition: transform 0.3s ease; /* Smooth zoom-in effect */
-    color: black;
-    text-decoration: none;
-  }
-  
-  header{
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding:0 20px;
-  background: linear-gradient(45deg, #3498db, #2ecc71);
-  }
-  
-  .left{
-    display: flex;
-    gap: 20px;
-  }
-  
-  .right{
-    display: flex;
-    gap: 12px;
-  }
-  
-  .group {
-    display: flex;
-    line-height: 28px;
-    align-items: center;
-    position: relative;
-    max-width: 190px;
-   }
-   
-   .input {
-    width: 100%;
-    height: 40px;
-    line-height: 28px;
-    padding: 0 1rem;
-    padding-left: 2.5rem;
-    border: 2px solid transparent;
-    border-radius: 8px;
-    outline: none;
-    background-color:whitesmoke;
-    color: white;
-    transition: .3s ease;
-   }
-   
-   .input::placeholder {
-    color: #9e9ea7;
-   }
-   
-   .input:focus, input:hover {
-    outline: none;
-    border-color: rgba(234,76,137,0.4);
-    background-color: #fff;
-    box-shadow: 0 0 0 4px rgb(234 76 137 / 10%);
-   }
-   
-   .icon {
-    position: absolute;
-    left: 1rem;
-    fill: #9e9ea7;
-    width: 1rem;
-    height: 1rem;
-   }
-  
-   .button-explore {
-    width: 40px;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 10px;
-    background-color: #0f0c29;
-    border-radius: 30px;
-    color: rgb(255, 255, 255);
-    font-weight: 600;
-    border: none;
-    position: relative;
-    cursor: pointer;
-    transition-duration: .2s;
-    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.116);
-    padding-left: 8px;
-    transition-duration: .5s;
-  }
-  
-  .svgIcon {
-    height: 25px;
-    transition-duration: 1.5s;
-    filter: invert();
-  }
-  
-  .bell path {
-    fill: rgb(19, 19, 19);
-  }
-  
-  .button-explore:hover {
-    background-color: rgb(232, 113, 16);
-    transition-duration: .5s;
-  }
-  
-  .button-explore:active {
-    transform: scale(0.97);
-    transition-duration: .2s;
-  }
-  
-  .button-explore:hover .svgIcon {
-    transform: rotate(250deg);
-    transition-duration: 1.5s;
-  }
-  
-  
-  .Authenticate{
-    display: flex;
-    gap: 10px;
-    height: 40px;
-  }
-   
-  .sign-up,.log-in {
-    display: flex;
-    align-items: center;
-    font-family: inherit;
-    cursor: pointer;
-    font-weight: 500;
-    font-size: 17px;
-    padding: 0.8em 1.3em 0.8em 0.9em;
-    color: white;
-    background: #ad5389;
-    background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
-    border: none;
-    letter-spacing: 0.05em;
-    border-radius: 16px;
-  }
-  
-  
-  .sign-up,.log-in span {
-    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
-  }
-  
-  
-  .sign-up:hover,.log-in:hover span {
-    transform: translateX(7px);
-  }
-
-
-  /*------theme toggler------**/
-  .theme-switch {
-    --toggle-size: 15px;
-    /* the size is adjusted using font-size,
-       this is not transform scale,
-       so you can choose any size */
-    --container-width: 5.625em;
-    --container-height: 2.5em;
-    --container-radius: 6.25em;
-    /* radius 0 - minecraft mode :) */
-    --container-light-bg: #3D7EAE;
-    --container-night-bg: #1D1F2C;
-    --circle-container-diameter: 3.375em;
-    --sun-moon-diameter: 2.125em;
-    --sun-bg: #ECCA2F;
-    --moon-bg: #C4C9D1;
-    --spot-color: #959DB1;
-    --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
-    --stars-color: #fff;
-    --clouds-color: #F3FDFF;
-    --back-clouds-color: #AACADF;
-    --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
-  }
-  
-  .theme-switch, .theme-switch *, .theme-switch *::before, .theme-switch *::after {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    font-size: var(--toggle-size);
-  }
-  
-  .theme-switch__container {
-    width: var(--container-width);
-    height: var(--container-height);
-    background-color: var(--container-light-bg);
-    border-radius: var(--container-radius);
-    overflow: hidden;
-    cursor: pointer;
-    -webkit-box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-    box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-    position: relative;
-  }
-  
-  .theme-switch__container::before {
-    content: "";
-    position: absolute;
-    z-index: 1;
-    inset: 0;
-    -webkit-box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-    box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-    border-radius: var(--container-radius)
-  }
-  
-  .theme-switch__checkbox {
-    display: none;
-  }
-  
-  .theme-switch__circle-container {
-    width: var(--circle-container-diameter);
-    height: var(--circle-container-diameter);
-    background-color: rgba(255, 255, 255, 0.1);
-    position: absolute;
-    left: var(--circle-container-offset);
-    top: var(--circle-container-offset);
-    border-radius: var(--container-radius);
-    -webkit-box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-    box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-transition: var(--circle-transition);
-    -o-transition: var(--circle-transition);
-    transition: var(--circle-transition);
-    pointer-events: none;
-  }
-  
-  .theme-switch__sun-moon-container {
-    pointer-events: auto;
-    position: relative;
-    z-index: 2;
-    width: var(--sun-moon-diameter);
-    height: var(--sun-moon-diameter);
-    margin: auto;
-    border-radius: var(--container-radius);
-    background-color: var(--sun-bg);
-    -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-    box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-    -webkit-filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-    filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-    overflow: hidden;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-  }
-  
-  .theme-switch__moon {
-    -webkit-transform: translateX(100%);
-    -ms-transform: translateX(100%);
-    transform: translateX(100%);
-    width: 100%;
-    height: 100%;
-    background-color: var(--moon-bg);
-    border-radius: inherit;
-    -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-    box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-    position: relative;
-  }
-  
-  .theme-switch__spot {
-    position: absolute;
-    top: 0.75em;
-    left: 0.312em;
-    width: 0.75em;
-    height: 0.75em;
-    border-radius: var(--container-radius);
-    background-color: var(--spot-color);
-    -webkit-box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-    box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-  }
-  
-  .theme-switch__spot:nth-of-type(2) {
-    width: 0.375em;
-    height: 0.375em;
-    top: 0.937em;
-    left: 1.375em;
-  }
-  
-  .theme-switch__spot:nth-last-of-type(3) {
-    width: 0.25em;
-    height: 0.25em;
-    top: 0.312em;
-    left: 0.812em;
-  }
-  
-  .theme-switch__clouds {
-    width: 1.25em;
-    height: 1.25em;
-    background-color: var(--clouds-color);
-    border-radius: var(--container-radius);
-    position: absolute;
-    bottom: -0.625em;
-    left: 0.312em;
-    -webkit-box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-    box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-    -webkit-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    -o-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-  }
-  
-  .theme-switch__stars-container {
-    position: absolute;
-    color: var(--stars-color);
-    top: -100%;
-    left: 0.312em;
-    width: 2.75em;
-    height: auto;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-  }
-  
-  /* actions */
-  
-  .theme-switch__checkbox:checked + .theme-switch__container {
-    background-color: var(--container-night-bg);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
-    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter));
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
-    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em)
-  }
-  
-  .theme-switch__circle-container:hover {
-    left: calc(var(--circle-container-offset) + 0.187em);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
-    -webkit-transform: translate(0);
-    -ms-transform: translate(0);
-    transform: translate(0);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
-    bottom: -4.062em;
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
-  }
-/*-navbar ends----------*/
-
-.Hi {
-    border-radius: 50%;
-    margin: auto;
-    border-style: groove;
-    display: block;
-    opacity: 0; 
-    transition: opacity 1s ease; 
-}
-
-.Hi.loaded {
-    opacity: 1; 
-}
-
-.Hi:hover{
-    opacity: 0.5;
-    transform: scale(1.15);
-}
-.message{
-    text-align: center;
-    text-emphasis: none;
-}
-.message:hover{
-    text-decoration: underline;
-    text-shadow: black;
-    transform: scale(1.1);
-}
-p{
-    color: black;
-}
-
-.logo2 {
-    width: 150px; 
-    height: auto; 
-}
-
-.navbar{
-    
-    margin-right: 2rem;
-}
-.navbar-list{
-    display: flex;
-    list-style: none;
-    gap: 4rem;
-}
-li a,a:visited{
-    text-decoration: none;
-    font-size: 1.2rem;
-    color: #000;
-    font-weight: bold;
-    text-transform: uppercase;
-    transition: all 0.4s;
-}
-@media (max-width:995px) {
-    .navbar-list{
-        gap: 2rem;
-    }
-    li a,a:visited{
-        font-size: 1rem;
-    }
-}
-.navbar-list li a:hover{
-    opacity: 50%;
-    text-decoration: underline;
-}
-
-.logo{
-    border-radius: 20%;
-}
-
-.fa-solid.fa-comments, .fa-solid.fa-globe, .fa-solid.fa-handshake{
-   display: flex;
-   justify-content: center; 
-    font-size: 3rem;
-    padding: 0.5rem;
-}
-@media(max-width:920px) {
-    .boxes{
-        width: 60vw;
-    }
-}
-@media(max-width:820px) {
-    .box-section{
-        display: flex;
-        flex-direction: column;
-    }
-    .boxes{
-        width: 70vw;
-    }
-}
-@media(max-width:460px) {
-    .boxes{
-        width: 70vw;
-    }
-}
-.para1{
-    width: 100vw;
-    font-size: 1.2rem;
-}
-
-.search-bar {
-    display: flex;
-    align-items: center;
-}
-
-.search-input:hover{
-    background-color: lightgrey;
-}
-
-.search-input {
-    padding: 8px;
-    border: 1px solid #ccc;
-    border-radius: 20px; 
-    width: 200px;
-    margin-right: 10px;
-}
-
-.search-button {
-    background-color: #f5f5f5; 
-    border: none;
-    padding: 8px;
-    border-radius: 4px;
-    cursor: pointer;
-}
-
-.search-button:hover {
-    background-color: lightgreen; 
-}
-
-.sign-up , .log-in{
-    background-color: lightgrey;
-    border-radius: 20px;
-    padding: 8px;
-    border-color: lightyellow;
-}
-
-.sign-up:hover , .log-in:hover{
-    background-color: lightblue;
-}
-.footer{
-    overflow-x: hidden; 
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    height: 16rem;
-    background-color: grey;
-    gap: 1rem;
-}
-.logo2{
-    height: 6rem;
-    width: 9rem;
-    object-fit: cover;
-}
-.icons .fa-brands {
-    font-size: 2rem;
-    padding: 0.5rem;
-    border: 2px solid white; /* Border color matches footer background for contrast */
-    border-radius: 50%;
-    background-color: white; /* Background color of the icon */
-    color: black; /* Icon text color */
-    margin-bottom: auto;
-    transition: all 0.3s ease; /* Smooth transition for hover/click effects */
-}
-
-/* Hover effect for icons */
-.icons .fa-brands:hover {
-    background-color: #ff5722; /* Example hover background color (orange) */
-    color: white; /* Text color when hovered */
-    border-color: #ff5722; /* Border color changes on hover */
-    transform: scale(1.2); /* Slightly enlarges the icon */
-}
-
-
-.follow-us{
-    display: flex;
-    justify-content: center;
-    gap: 1rem;
-}
-.copyright{
-    font-size: 1.1rem;
-}
-
-.mobile-btn{
-    cursor: pointer;
-    gap: 1rem;
-    margin-right: 1rem;
-    display: none;
-}
-.fa-solid{
-    font-size: 2rem;
-}
-
-.fa-bars, .fa-xmark{
-    border: 3px solid #000;
-    padding: 0.4rem;
-}
-
-@media (max-width:670px) {
-    .fa-solid.fa-xmark{
-        display: none;
-    }
-    .navbar{
-        width: 100%;
-        height: 100vh;
-        background-color: beige;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        position: absolute;
-        top: 0;
-        left: 0;
-        transform: translateX(100%);
-        transition: all 0.6s linear;
-        opacity: 0;
-        visibility: hidden;
-    }
-    .navbar-list{
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        display: flex;
-    }
-    li a,a:visited{
-        font-size: 1.2rem;
-    }
-    .active .navbar{
-        opacity: 1;
-        visibility: visible;
-        transform: translateX(0);
-    }
-
-    .active .fa-solid .fa-xmark{
-        display: block;
-        border: 3px solid black;
-        font-size: 2rem;
-    }
-    .active #close{
-        display: block;
-    }
-    .active .fa-bars{
-        display: none;
-    }
-    .mobile-btn{
-        display: flex;
-    }
-}
-
-.cta-button {
-    background-color: #ff6600;
-    color: #fff;
-    padding: 10px 20px;
-    border: none;
-    border-radius: 5px;
-    font-size: 16px;
-    text-decoration: none;
-    transition: background-color 0.3s ease;
-}
-
-.cta-button:hover {
-    background-color: #ff8533;
-}
-
-/* Footer Styling */
-footer {
-    background-color: black;
-    padding: 40px 0;
-    font-family: 'Arial', sans-serif;
-    color: white;
-  }
-  
-  .footer-content {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: 20px;
-    max-width: 1200px;
-    margin: auto;
-    padding: 20px;
-  }
-  
-  .footer-section {
-    margin: 20px;
-  }
-  
-  .footer-section h2 {
-    font-size: 18px;
-    font-weight: bold;
-    margin-bottom: 20px;
-  }
-  
-  .footer-section ul {
-    list-style: none;
-    padding: 0;
-  }
-  
-  .footer-section ul li {
-    margin-bottom: 10px;
-  }
-  
-  .footer-section ul li a {
-    text-decoration: none;
-    color: #6c757d;
-    font-size: 14px;
-  }
-  
-  .footer-section ul li a:hover {
-    color: #000;
-  }
-  
-  .social-icons {
-    display: flex;
-    gap: 10px;
-  }
-  
-  .social-icons li {
-    list-style: none;
-  }
-  
-  .social-icons li a {
-    font-size: 20px;
-    color: #6c757d;
-  }
-  
-  /* Newsletter Section Styling */
-  .footer-section.newsletter {
-    grid-column: span 4; /* span across all sections */
-    padding: 30px;
-    background-color: black;
-    background-image: url('https://media.istockphoto.com/id/666193858/photo/indian-vegetarian-office-or-school-lunch-box-or-tiffin-with-north-indian-or-maharashtrian.jpg?s=612x612&w=0&k=20&c=Ac-U7hY1leIuM97jLNPqzv7SX5DbZofu5p_pfUCgeJA=');
-    text-align: center;
-    margin-top: 20px;
-    border-radius: 8px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  }
-  
-  .footer-section.newsletter h2 {
-    font-size: 22px;
-    color: #ea0202;
-    margin-bottom: 15px;
-  }
-  
-  .footer-section.newsletter p {
-    font-size: 14px;
-    color: #130111;
-    margin-bottom: 20px;
-  }
-  
-  .footer-section.newsletter .newsletter-form {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    align-items: center;
-  }
-  
-  .footer-section.newsletter .newsletter-form input {
-    padding: 10px;
-    font-size: 14px;
-    width: 250px;
-    border: 2px solid #ddd;
-    border-radius: 4px;
-    transition: border-color 0.3s ease;
-  }
-  
-  .footer-section.newsletter .newsletter-form input:focus {
-    border-color: #ff5722; /* Focused border color */
-    outline: none;
-  }
-  
-  .footer-section.newsletter .subscribe-btn {
-    background: linear-gradient(90deg, #ff5722, #ff0000); /* Red gradient */
-    color: #fff;
-    padding: 10px 20px;
-    font-size: 14px;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background 0.3s ease, transform 0.3s ease;
-  }
-  
-  .footer-section.newsletter .subscribe-btn:hover {
-    background: linear-gradient(90deg, #ff0000, #ff5722); /* Reverse gradient on hover */
-    transform: translateY(-3px); /* Button hover animation */
-  }
-  
-  .footer-bottom {
-    text-align: center;
-    padding: 20px 0;
-    background-color: #e9ecef;
-    font-size: 14px;
-  }
-
-.theme-toggle {
-    border-radius: 50%;
-    color: black;
-    background-color: yellow;
-    cursor: pointer;
-    padding: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.theme-toggle span {
-    font-size: 1.5rem;
-}
-
-/* Dark Theme Styles */
-.dark-theme {
-    background-color: #121212;
-    color: #eee;
-}
-
-
-/* .dark-theme .header {
-    background-color: #222;
-} */
-
-.dark-theme .search-bar input {
-    background-color: #555;
-    color: #eee;
-    border: 1px solid #777;
-}
-
-.dark-theme .search-bar button {
-    background-color: #666;
-    color: #eee;
-}
-
-.dark-theme .navbar a {
-    color: #eee;
-}
-
-.dark-theme .cta-button, .dark-theme .Authenticate button {
-  
-    color: #eee;
-    background: linear-gradient(135deg, #870000, #190a05);
-}
-
-
-.dark-theme .footer {
-    background-color: #222;
-    color: #ddd;
-}
-
-.dark-theme .footer .icons a {
-    color: #ddd;
-}
-
-.dark-theme .chatbot-toggler {
-    background-color: #555;
-    color: #eee;
-}
-
-.dark-theme .chatbot {
-    background-color: #444;
-    color: #eee;
-}
-
-.dark-theme .chatbox .chat.incoming {
-    background-color: #555;
-}
-
-.dark-theme .card {
-    background-color: #444;
-    box-shadow: 0px 4px 6px rgba(255, 255, 255, 0.2); /* White shadow */
-}
-
-.dark-theme .card h3,
-.dark-theme .card h2 {
-    
-        color: #000;
-    }
-.dark-theme .header {
-    overflow: hidden;
-    width: 100%;
-    height: 5rem;
-    display: flex
-;
-    justify-content: space-between;
-    align-items: center;
-    
-    background: linear-gradient(135deg, #e43a15, #e65245);
-}
diff --git a/Courses/Name1.html b/Courses/Name1.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name10.html b/Courses/Name10.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name11.html b/Courses/Name11.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name12.html b/Courses/Name12.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name2.html b/Courses/Name2.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name3.html b/Courses/Name3.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name4.html b/Courses/Name4.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name5.html b/Courses/Name5.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name6.html b/Courses/Name6.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name7.html b/Courses/Name7.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name8.html b/Courses/Name8.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/Name9.html b/Courses/Name9.html
deleted file mode 100644
index e69de29..0000000
diff --git a/Courses/courses.css b/Courses/courses.css
new file mode 100644
index 0000000..7d6cf02
--- /dev/null
+++ b/Courses/courses.css
@@ -0,0 +1,87 @@
+/* General Reset */
+body, h1, h3, p, a {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+/* Body Styling */
+body {
+    font-family: Arial, sans-serif;
+    color: #fff;
+    background-color: #121212;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+    margin: 0;
+}
+
+/* Courses Section */
+#courses-container {
+    text-align: center;
+    padding: 30px 15px;
+}
+
+h1 {
+    font-size: 28px;
+    margin-bottom: 20px;
+    color: #1e90ff;
+}
+
+#courses {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); /* Increased min card width */
+    gap: 25px;
+    padding: 20px;
+}
+
+/* Course Card */
+.course-card {
+    background: #1f1f1f;
+    padding: 30px; /* Increased padding */
+    border-radius: 12px; /* Slightly larger border-radius */
+    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.course-card:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
+}
+
+.course-card h3 {
+    color: #1e90ff;
+    font-size: 22px; /* Increased font size */
+    margin-bottom: 12px;
+}
+
+.course-card p {
+    font-size: 16px; /* Slightly larger text */
+    color: #d0d0d0;
+    margin-bottom: 15px;
+}
+
+.course-card a {
+    color: #1e90ff;
+    text-decoration: none;
+    font-weight: bold;
+    font-size: 16px; /* Increased font size */
+    transition: color 0.3s ease;
+}
+
+.course-card a:hover {
+    color: #00c8ff;
+}
+
+/* Footer */
+#footer {
+    background-color: #1a1a1a;
+    text-align: center;
+    padding: 10px 20px;
+    margin-top: auto;
+}
+
+#footer p {
+    font-size: 14px;
+    color: #b0b0b0;
+}
diff --git a/Courses/courses.html b/Courses/courses.html
new file mode 100644
index 0000000..1e46e68
--- /dev/null
+++ b/Courses/courses.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Courses</title>
+    <link rel="stylesheet" href="courses.css">
+</head>
+<body>
+    <!-- Courses Section -->
+    <div id="courses-container">
+        <h1>Courses</h1>
+        <div id="courses">
+            <div class="course-card">
+                <h3>HTML Basics</h3>
+                <p>Learn the fundamentals of HTML for creating basic web pages.</p>
+                <a href="https://www.w3schools.com/html/" target="_blank">Learn More</a>
+            </div>
+            <div class="course-card">
+                <h3>CSS Fundamentals</h3>
+                <p>Master CSS for styling and designing your web pages.</p>
+                <a href="https://www.w3schools.com/css/" target="_blank">Learn More</a>
+            </div>
+            <div class="course-card">
+                <h3>JavaScript Essentials</h3>
+                <p>Understand JavaScript to create dynamic and interactive websites.</p>
+                <a href="https://www.w3schools.com/js/" target="_blank">Learn More</a>
+            </div>
+            <div class="course-card">
+                <h3>React Basics</h3>
+                <p>Get started with React, a powerful JavaScript library for building UI.</p>
+                <a href="https://www.w3schools.com/react/" target="_blank">Learn More</a>
+            </div>
+            <div class="course-card">
+                <h3>Python Programming</h3>
+                <p>Learn Python, a versatile programming language used for web, data, and AI.</p>
+                <a href="https://www.w3schools.com/python/" target="_blank">Learn More</a>
+            </div>
+            <div class="course-card">
+                <h3>SQL for Beginners</h3>
+                <p>Master SQL for database management and querying structured data.</p>
+                <a href="https://www.w3schools.com/sql/" target="_blank">Learn More</a>
+            </div>
+            <div class="course-card">
+                <h3>Java Essentials</h3>
+                <p>Understand Java programming for building robust backend systems.</p>
+                <a href="https://www.w3schools.com/java/" target="_blank">Learn More</a>
+            </div>
+            <div class="course-card">
+                <h3>Node.js Basics</h3>
+                <p>Learn Node.js, a powerful JavaScript runtime for server-side programming.</p>
+                <a href="https://www.w3schools.com/nodejs/" target="_blank">Learn More</a>
+            </div>
+        </div>
+    </div>
+
+    <!-- Footer -->
+    <div id="footer">
+        <p>&copy; 2025 All Rights Reserved.</p>
+    </div>
+</body>
+</html>
diff --git a/Faq/faq.css b/Faq/faq.css
new file mode 100644
index 0000000..178f7f5
--- /dev/null
+++ b/Faq/faq.css
@@ -0,0 +1,79 @@
+/* General Body Styles */
+body {
+    font-family: "Arial", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #121212; /* Dark background */
+    color: #e0e0e0; /* Light text color */
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    height: 100vh;
+    /* overflow: hidden; */
+    padding-top: 40px;
+}
+
+/* FAQ Container */
+#faq-container {
+    width: 90%;
+    max-width: 800px;
+    background-color: #1f1f1f;
+    padding: 40px;
+    border-radius: 12px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
+}
+
+/* FAQ Heading */
+h1 {
+    color: #e0e0e0;
+    text-align: center;
+    font-size: 36px;
+    margin-bottom: 30px;
+}
+
+/* FAQ Item */
+.faq-item {
+    margin-bottom: 25px;
+    padding: 15px;
+    background-color: #333;
+    border-radius: 8px;
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
+}
+
+/* FAQ Question */
+.faq-item h2 {
+    color: #1a73e8;
+    font-size: 20px;
+    margin-bottom: 10px;
+    transition: color 0.3s ease;
+}
+
+.faq-item h2:hover {
+    color: #ff9800; /* Hover effect */
+}
+
+/* FAQ Answer */
+.faq-item p {
+    color: #b0b0b0;
+    font-size: 16px;
+    line-height: 1.6;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    #faq-container {
+        padding: 20px;
+    }
+
+    h1 {
+        font-size: 28px;
+    }
+
+    .faq-item h2 {
+        font-size: 18px;
+    }
+
+    .faq-item p {
+        font-size: 14px;
+    }
+}
diff --git a/Faq/faq.html b/Faq/faq.html
new file mode 100644
index 0000000..37a6745
--- /dev/null
+++ b/Faq/faq.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Frequently Asked Questions (FAQ)</title>
+    <link rel="stylesheet" href="faq.css">
+</head>
+<body>
+    <div id="faq-container">
+        <h1>Frequently Asked Questions</h1>
+
+        <div class="faq-item">
+            <h2>1. What services do you offer?</h2>
+            <p>We offer a range of services including software development, web design, and IT consulting. We also provide customized training and support for businesses looking to integrate new technologies.</p>
+        </div>
+
+        <div class="faq-item">
+            <h2>2. How can I contact support?</h2>
+            <p>You can reach our support team by email at support@example.com or by calling our helpline at +1234567890. We are available 24/7 to assist you with any inquiries.</p>
+        </div>
+
+        <div class="faq-item">
+            <h2>3. Do you offer any tutorials or resources?</h2>
+            <p>Yes, we have a wide variety of tutorials available on our website. We also offer free resources like ebooks and webinars that cover a variety of tech topics, ranging from programming to cloud computing.</p>
+        </div>
+
+        <div class="faq-item">
+            <h2>4. How long does it take to complete a project?</h2>
+            <p>The timeline for a project depends on its complexity. Simple projects may take a few weeks, while more complex ones could take a few months. We will provide you with a detailed project timeline during the initial consultation.</p>
+        </div>
+
+        <div class="faq-item">
+            <h2>5. Can I get a refund if I'm not satisfied?</h2>
+            <p>We strive for customer satisfaction. If you are not satisfied with our work, please contact us within 30 days of delivery, and we will do our best to resolve the issue. Refunds are available depending on the nature of the project.</p>
+        </div>
+
+        <div class="faq-item">
+            <h2>6. Are your services available internationally?</h2>
+            <p>Yes, we provide our services globally. We have clients from various parts of the world, and our team is equipped to work with clients across different time zones.</p>
+        </div>
+
+        <div class="faq-item">
+            <h2>7. Do you offer any discounts for long-term clients?</h2>
+            <p>Yes, we offer discounts for long-term clients and bulk projects. Please contact us to discuss the details of potential discounts and packages.</p>
+        </div>
+
+        <div class="faq-item">
+            <h2>8. What technologies do you specialize in?</h2>
+            <p>We specialize in modern web technologies including HTML, CSS, JavaScript, React, Node.js, and Python. We also have expertise in mobile development (iOS and Android) and cloud platforms like AWS and Google Cloud.</p>
+        </div>
+
+        <div class="faq-item">
+            <h2>9. How can I get started with your services?</h2>
+            <p>To get started, simply fill out the contact form on our website or email us at contact@example.com. Our team will get in touch with you to discuss your requirements and provide a quote.</p>
+        </div>
+
+        <div class="faq-item">
+            <h2>10. What is the best way to stay updated on your services and offers?</h2>
+            <p>You can stay updated by subscribing to our newsletter. You can also follow us on social media platforms like Facebook, Twitter, and LinkedIn for the latest news, updates, and offers.</p>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/Login-page/back.jpg b/Login-page/back.jpg
deleted file mode 100644
index ea03520..0000000
Binary files a/Login-page/back.jpg and /dev/null differ
diff --git a/Login-page/login-pg.css b/Login-page/login-pg.css
deleted file mode 100644
index 814b215..0000000
--- a/Login-page/login-pg.css
+++ /dev/null
@@ -1,137 +0,0 @@
-*{
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-    font-family: "Poppins",sans-serif;
-   
-}
-
-#login-page{
-   
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    min-height: 100vh;
-    background: url('back.jpg') no-repeat center center fixed;   
-    background-size: cover; 
-    
-}
-.container{
-    width:420px;
-    background:transparent;
-    border: 2px solid rgba(225,255,255,.2);
-    backdrop-filter: blur(20px);
-    box-shadow: 0 0 10px rgba(0,0,0,.2);
-    color: #fff;
-    border-radius: 10px;
-    padding: 30px 40px;
-    box-sizing: border-box;
-    
-}
-.heading h1 {
-    font-size: 36px;
-    text-align: center;
-
-}
-.heading p{
-    text-align: center;
-    margin-top: 15px;
-}
-form .inputbox{
-    width: 100%;
-    height: 50px;
-    
-    margin: 30px 0;
-    
-}
-.inputbox input {
-    width: 100%;
-    height: 100%;
-    background: transparent;
-    border:none;
-    outline:none;
-    font-size: 16px;
-    color:#fff;
-    padding: 20px 45px 20px 20px;
-   
-    
-   
-   
-}
-
-.inputbox{
-    border-radius: 40px;
-    border:2px solid #fff;
-    
-}
-.inputbox input::placeholder{
-  color:#fff;
-}
-.container label i{
-    position: absolute; 
-   
-   transform: translateX(-200%); 
-    padding-top:15px; 
-   
-
-}
- .container.inputbox {
-    position: absolute; 
-    top: 50%;
-     right: 10px; 
-     transform: translateY(-50%); 
-     font-size: 16px; 
-     color: #666;
-     
-    
-}
-.remember-forget{
-    display:flex;
-    justify-content: space-between;
-    font-size:14.5px;
-}
-.remember-forget label input{
-    accent-color: #fff;
-    margin-right: 3px;
-}
-.remember-forget a{
-    color:#fff;
-    text-decoration: none;
-    padding-bottom: 15px;
-}
-.remember-forget a:hover{
-    text-decoration: underline;
-
-}
-
-.loginbtn{
-    width:100%;
-    height:45px;
-    background-color: #fff;
-    border:none;
-    outline:none;
-    border-radius: 40px;
-    box-shadow:0 0 10px rgba(0, 0, 0, .1);
-    cursor: pointer;
-    font-size: 16px;
-    color:#333;
-    font-weight: 600;
-    
-
-
-}
-.registration-link{
-    font-size: 14.5px;
-    text-align: center;
-    margin: 20px 0 15px;
-}
-
-.registration-link p a{
-    color:#fff;
-    text-decoration: none;
-    font-weight: 600;
-
-}
-.registration-link p a:hover{
-    text-decoration: underline;
-}
\ No newline at end of file
diff --git a/Login-page/login-pg.html b/Login-page/login-pg.html
deleted file mode 100644
index 55b33f8..0000000
--- a/Login-page/login-pg.html
+++ /dev/null
@@ -1,46 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Login |studentify </title>
-    <link rel="stylesheet" href="login-pg.css">
-    <link rel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"/>
-    
-</head>
-<body>
-<div >
-    <div id="login-page">
-    <section class="container" >
-        <form action="">
-          <div class="heading">
-            <h1>Login</h1>
-            <p>Enter your details</p>
-          </div>
-          <div class="inputbox">
-            <label>
-              <input type="text" placeholder="Username or Email" required />
-              <i class="fa-solid fa-user" class="usericon"></i>
-            </label>
-          </div>
-          <div class="inputbox">
-            <label>
-              <input type="password" placeholder="password" required />
-              <i class="fa-solid fa-lock" class="passwordicon"></i
-            ></label>
-          </div>
-          <div class="remember-forget">
-            <label> <input type="checkbox" />Remember me </label>
-            <a href="#">forgot password?</a>
-          </div>
-          <button type="submit" class="loginbtn">Login</button>
-          <div class="registration-link">
-            <p>Don't have an account? <a href="../sign_up.html">Register</a></p>
-          </div>
-        </form>
-      </section>
-    </div>
-    </div>
-    
-</body>
-</html>
\ No newline at end of file
diff --git a/Login-page/login.css b/Login-page/login.css
new file mode 100644
index 0000000..eb0cda7
--- /dev/null
+++ b/Login-page/login.css
@@ -0,0 +1,125 @@
+/* General Body Styles */
+body {
+    font-family: "Arial", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #121212; /* Dark background */
+    color: #e0e0e0; /* Light text color */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    overflow-y: auto;
+}
+
+/* Login Container */
+#login-container {
+    width: 100%;
+    max-width: 400px; /* Reduced width */
+    background-color: #1f1f1f;
+    padding: 20px;
+    border-radius: 12px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
+    overflow: hidden;
+}
+
+/* Heading */
+h1 {
+    color: #e0e0e0;
+    text-align: center;
+    font-size: 28px;
+    margin-bottom: 20px;
+}
+
+/* Login Form Section */
+.login-form {
+    margin-top: 20px;
+}
+
+.login-form h2 {
+    color: #1a73e8;
+    font-size: 20px;
+    margin-bottom: 15px;
+}
+
+.form-group {
+    margin-bottom: 15px; /* Reduced space between fields */
+}
+
+.form-group label {
+    color: #b0b0b0;
+    font-size: 14px;
+    margin-bottom: 6px;
+    display: block;
+}
+
+.form-group input {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 12px;
+    border: 1px solid #333;
+    border-radius: 8px;
+    background-color: #333;
+    color: #e0e0e0;
+    font-size: 14px;
+}
+
+button {
+    width: 100%;
+    padding: 10px;
+    background-color: #1a73e8;
+    border: none;
+    border-radius: 8px;
+    color: #fff;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+button:hover {
+    background-color: #ff9800; /* Hover effect */
+}
+
+/* Signup Link */
+#signup-link {
+    text-align: center;
+    margin-top: 15px;
+    color: #b0b0b0;
+    font-size: 14px;
+}
+
+#signup-link a {
+    color: #1a73e8;
+    text-decoration: none;
+}
+
+#signup-link a:hover {
+    text-decoration: underline;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    #login-container {
+        max-width: 100%;
+        padding: 15px;
+    }
+
+    h1 {
+        font-size: 24px;
+    }
+
+    .login-form h2 {
+        font-size: 18px;
+    }
+
+    .form-group label {
+        font-size: 12px;
+    }
+
+    .form-group input {
+        font-size: 12px;
+    }
+
+    button {
+        font-size: 14px;
+    }
+}
diff --git a/Login-page/login.html b/Login-page/login.html
new file mode 100644
index 0000000..37c8fa3
--- /dev/null
+++ b/Login-page/login.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Login</title>
+    <link rel="stylesheet" href="login.css">
+</head>
+<body>
+    <div id="login-container">
+        <h1>Login</h1>
+        
+        <div class="login-form">
+            <h2>Welcome Back</h2>
+            
+            <!-- Login Form -->
+            <form action="#">
+                <div class="form-group">
+                    <label for="username">Username</label>
+                    <input type="text" id="username" name="username" required>
+                </div>
+
+                <div class="form-group">
+                    <label for="password">Password</label>
+                    <input type="password" id="password" name="password" required>
+                </div>
+
+                <button type="submit">Login</button>
+            </form>
+
+            <p id="signup-link">Don't have an account? <a href="../Signup-page/signup.html">Sign Up</a></p>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/Principle of Economics/app.css b/Principle of Economics/app.css
deleted file mode 100644
index 94943eb..0000000
--- a/Principle of Economics/app.css	
+++ /dev/null
@@ -1,109 +0,0 @@
-:root{
-    --hue-neutral:200;
-    --hue-wrong:0;
-    --hue-correct:145;
-}
-
-body{
-    --hue: var(--hue-neutral);
-    padding: 0;
-    margin: 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    background-image:linear-gradient(45deg, #3498db, #2ecc71);
-
-    height: 100vh;
-    width: 100vw;
-}
-
-body.correct{
-    --hue: var(--hue-correct);
-}
-
-body.wrong{
-    --hue: var(--hue-wrong);
-}
-
-.container{
-    width: 800px;
-    max-width: 80%;
-    background-color: aliceblue;
-    border-radius: 5px;
-    padding: 10px;
-    box-shadow: 0 0 10px 2px;
-    margin-bottom: 20px;
-}
-
-.btn-grid {
-    display: grid;
-    grid-template-columns: repeat(2, auto);
-    gap: 10px;
-    margin: 20px 0;
-}
-
-.btn{
-    --hue: var(--hue-neutral);
-    border: 1px solid hsl(var(--hue), 100%, 30%);
-    background-color: rgba(6, 109, 109, 0.571);
-    border-radius: 5px;
-    padding: 5px 10px;
-    color: whitesmoke;
-    outline: none;
-    cursor: pointer;
-}
-
-.btn.correct {
-    background-color: hsl(var(--hue-correct), 100%, 30%);
-}
-
-.btn.wrong {
-    background-color: hsl(var(--hue-wrong), 100%, 30%);
-}
-
-.btn:hover{
-    border-color: black;
-    opacity: 2;
-}
-
-.start-btn,
-.next-btn{
-    font-size: 1.5rem;
-    font-weight: bold;
-    padding: 10px 20px;
-    cursor: pointer;
-}
-
-.controls{
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.hide{
-    display: none;
-}
- .score-container {
-   --hue :var(--hue-neutral);
-} 
-
-.score {
-    font-size: 1.5rem;
-    font-weight: bold;
-    text-align: center;
-    padding: 10px;
-    border-radius: 5px;
-    background-color: aliceblue;
-    box-shadow: 0 0 10px 2px;
-}
-
-.score.correct {
-    color: hsl(var(--hue-correct), 100%, 30%);
-   
-}
-
-.score.wrong {
-    color: hsl(var(--hue-wrong), 100%, 30%);
-   
-}
diff --git a/Principle of Economics/course.css b/Principle of Economics/course.css
deleted file mode 100644
index 3189dd2..0000000
--- a/Principle of Economics/course.css	
+++ /dev/null
@@ -1,343 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@200;300;400;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
-:root{
-    --tw-gradient-from: #4caf50;
-  --tw-gradient-to: #ffc107 ;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-  --tw-gradient-from: #4caf50;
-  --tw-gradient-to: #ffc107 ;
-  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-  }
-  
-html{
-    font-size: 62.5%;
-    overflow-x: hidden;
-    scroll-padding-top: 7rem;
-    scroll-behavior: smooth;
-}
-body{
-    background-image: url('../img/New\ Background.jpeg');
-}
-body.theme-dark{
-    background-image: linear-gradient(to right ,var(--tw-gradient-stops)); 
-}
-.heading
-    {
-        font-size: 4rem;
-        font-weight: 800;
-        text-transform: capitalize;
-}
-
-
-.playlist .row{
-    display: flex;
-    align-items: center;
-    gap: 2.5rem;
-    flex-wrap: wrap;
-    padding:2rem;
-    background-color: #e9e4e4;
-}
-.theme-dark .playlist .row{
- background-color: rgb(55 65 81/1);
- color:white;
-}
-.playlist .row .col{
-    flex: 1 1 40rem;
-}
-
-.playlist .row .col .save-list button{
-    font-size: 2rem;
-    border-radius: .5rem;
-    background-color: whitesmoke;
-    padding: 1.2rem 2.5rem;
-    cursor: pointer;
-    margin-bottom: 2rem;
-}
-.playlist .row .col .save-list button i{
-   color: black; 
-   margin-right: 1rem;
-}
-
-.playlist .row .col .save-list button span{
-    color: black;
-}
-.playlist .row .col .save-list button:hover{
-   background-color: black;   
-}
-.playlist .row .col .save-list button:hover i{
-    color:white;
-}
-.playlist .row .col .save-list button:hover span{
-    color: white;
-}
-
-.playlist .row .col .thumb{
-    position: relative;
-    height: 30rem;
-}
-
-.playlist .row .col .thumb span{
-    position: absolute;
-    top: 1rem;left: 1rem;
-    border-radius: .5rem;
-    padding: 0.5rem 1.5rem;
-    font-size: 2rem;
-    color: #fff;
-    background-color:rgba(0,0,0,0.3);
-}
-
-.playlist .row .col .thumb img{
-   width: 100%; 
-   height: 100%;
-   border-radius: .5rem;
-   object-fit: cover;
-}
-
-.playlist .row .col .tutor{
-   display: flex; 
-   align-items: center;
-   gap: 1.7rem;
-}
-.playlist .row .col .tutor img{
-    height: 7rem;
-    width: 7rem;
-    border-radius: 50%;
-    object-fit: cover;
-}
-.playlist .row .col .tutor h3{
-    font-size: 2rem;
-    color: black;
-    margin-bottom: .2rem;
-}
-.playlist .row .col .tutor span{
-    color:black;
-    font-size: 1.5rem;
-}
-
-.playlist .row .col .details{
-    padding-top: 1.5rem;
-}
-.playlist .row .col .details h3{
-    font-size: 3rem;
-    color: green;
-}
-
-.playlist .row .col .details p{
-    padding: 1rem 0;
-    line-height: 2;
-    color: black;
-    font-size: 1.7rem;
-}
-.theme-dark .playlist .row .col .details p{
-    color:white;
-}
-
-.playlist .row .col .details .date{
-    font-size: 1.7rem;
-    padding-top: .5rem;
-}
-.playlist .row .col .details .date i{
-    color: black;
-    margin-right: 1rem;
-}
-.playlist .row .col .details .date span{
-    color:black
-}
-
-.video-container .box-container{
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    gap: 1.5rem;
-    align-items: flex-start;
-    justify-content: center;
-}
-
-x{
-    position: relative;
-    border-radius: .5rem;
-    padding: 2rem;
-    background-color: white;
-}
-
-.video-container .box-container .box img{
-    height: 20rem;
-    width: 100%;
-    border-radius: .5rem;
-    object-fit: cover;
-}
-
-.video-container .box-container .box i{
-   position: absolute;
-   top: 2rem; left: 2rem; right: 2rem;
-   height: 20rem;
-   background-color: rgba(0,0,0,0.3);
-   display: flex;
-   align-items: center;
-   justify-content: center;
-   font-size: 4rem;
-   color: #fff;
-   border-radius: 0.5rem;
-   display: none;
-}
-
-.video-container .box-container .box:hover i{
-   display: flex; 
-}
-
-.video-container .box-container .box h3{
-    font-size: 2rem;
-    color: #000;
-    margin-top: 1rem;
-}
-
-.video-container .box-container .box:hover h3{
-    color:black;
-}
-
-.watch-video .video-details{
-    background-color: white;
-    padding: 2rem;
-}
-.video-container .box-container .bo
-.watch-video .video-details .video{
-    width: 100%;
-    border-radius: 0.5rem;
-}
-.watch-video .video-details .title{
-    font-size: 2rem;
-    color: black;
-    padding: 1.5rem 0;
-}
-
-.watch-video .video-details .info{
-   display: flex;
-   gap: 2rem;
-   padding-bottom: 1.5rem;
-   border-bottom: #000;
-
-}
-.watch-video .video-details .info p{
-    font-size: 1.6rem;
-    font-weight: 600;
-}
-
-.watch-video .video-details .info p i{
-   margin-right: 1rem;
-   color: black;
-}
-.watch-video .video-details .info p  span{
-    color: black;
-}
-.watch-video .video-details .tutor{
-    padding: 2rem 0;
-    display: flex;
-    align-items: center;
-    gap: 2rem;
-}
-
-.watch-video .video-details .tutor img{
-    height: 7rem;
-    width: 7rem;
-    border-radius: 50%;
-    object-fit: cover;
-}
-
-.watch-video .video-details .tutor h3{
-    font-size: 2rem;
-    color: #000;
-    margin-bottom: 0.2rem;
-}
-
-.watch-video .video-details .tutor span{
-    color: black;
-    font-size: 1.5rem;
-}
-
-.watch-video .video-details .flex{
-    display: flex;
-    align-items: center;
-    gap: 1.5rem;
-    justify-content: space-between;
-}
-
-.watch-video .video-details .flex a{
-    margin-top: 0;
-}
-
-.watch-video .video-details .flex button{
-    background-color:white;
-    cursor: pointer;
-    padding: 1rem 2.5rem;
-    font-size: 2rem;
-    border-radius: .5rem;
-}
-
-.watch-video .video-details .flex button{
-    color: #000;
-    margin-right: 1rem;
-}
-
-.watch-video .video-details .flex button span{
-    color:black;
-}
-
-.watch-video .video-details .flex button:hover{
-    background-color: black;
-}
-
-.watch-video .video-details .flex button:hover i{
-    color: white;
-}
-
-.watch-video .video-details .flex button:hover span{
-    color: white;
-}
-
-.watch-video .video-details .description{ 
-   padding-top: 2rem;
-}
-
-.watch-video .video-details .description p{
-    line-height: 1.5;
-    font-size: 1.7rem;
-   color: black;
-   white-space: pre-line;
-}
-
-.theme-dark .playlist .row .col .tutor h3{
-    color: white;
-}
-.theme-dark .playlist .row .col .details .date span {
-    color:white;
-}
-.theme-dark .playlist .row .col .details .date i {
-    color:white;
-}
-.theme-dark .playlist .row .col .save-list button{
-    background: #ffc107;
-}
-.theme-dark .watch-video .video-details{
-    background: rgb(55 65 81/1);
-}
-
-.theme-dark .watch-video .video-details .tutor h3 {
-    color: white;
-}
-.theme-dark .watch-video .video-details .info p span{
-    color:white;
-}
-.theme-dark .watch-video .video-details .info p {
-    color:white;
-}
-.theme-dark .watch-video .video-details .info p i {
-    color: #fff;
-}
-.theme-dark .watch-video .video-details .info p span {
-    color: #fff;
-}
-.theme-dark .watch-video .video-details .description p{
-    color: white;
-}
-.theme-dark .watch-video .video-details .flex button {
-    background: #ffc107;
-}
\ No newline at end of file
diff --git a/Principle of Economics/principleofeconomics.html b/Principle of Economics/principleofeconomics.html
deleted file mode 100644
index 34cf1fa..0000000
--- a/Principle of Economics/principleofeconomics.html	
+++ /dev/null
@@ -1,433 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-    <link rel="stylesheet" href="course.css">
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-   
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-
-
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-      .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-
-        }
-  header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-   
-</style>
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../navigateToPages/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input"/>
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="../Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="../contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-    <!-- Course Section starts -->
-    <section class="playlist">
-      
-        <h1 class="heading">Course Details</h1>
-        <div class="row">
-            <div class="col">
-                <form action="" method="post" class="save-list">
-                    <button type="submit" name="save_list"><i class="far fa-bookmark"><span>Save Course</span></i></button>
-                </form>
-               <div class="thumb">
-                <span>6 videos</span>
-                <img src="https://media.istockphoto.com/id/1397011551/photo/stack-of-silver-coins-with-trading-chart-in-financial-concepts-and-financial-investment.jpg?s=1024x1024&w=is&k=20&c=x-6SEWUB5mJjFsZgMJg-0Davlr9gtEt0zuy4zOoEw8k=" alt="thumb">
-               </div>
-            </div>
-            <div class="col">
-             <div class="tutor">
-                <img src="https://media.istockphoto.com/id/1364917563/photo/businessman-smiling-with-arms-crossed-on-white-background.jpg?s=612x612&w=0&k=20&c=NtM9Wbs1DBiGaiowsxJY6wNCnLf0POa65rYEwnZymrM=" alt="tutor">
-                <div>
-                 <h3>John Deo</h3>  
-                </div>
-             </div>
-
-             <div class="details">
-              <h3>Complete Principle of Economics tutorial</h3> 
-           
-<p>Dive into the fascinating world of economics with our comprehensive Principles of Economics course. Explore the fundamental concepts and theories that drive economies globally, including supply and demand, market structures, and fiscal policies. This course is designed to equip you with a solid understanding of economic principles, enabling you to analyze real-world economic issues and make informed decisions. With interactive lessons, engaging readings, and challenging quizzes. </p>
-                <i><span>24-04-2024</span></i>
-              </i></div>
-             </div>
-            </div>
-        </div>
-       
-
-    </section>
-
-     <!-- Course Section ends -->
-
-     <!-- videos Container section starts -->
-      <section class="video-container">
-        <h1 class="heading">playlist videos</h1>
-        <div class="box-container">
-            <a href="watchvideo1.html" alt="watch video" clas="box"
-            style="
-            font-size: 4rem;
-            font-weight: 800;
-            background: white;
-            border: 1px solid black;
-            border-radius: 9px;
-            box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.2);">
-                <i class="fas.fa-play"></i>
-                <img src="https://plus.unsplash.com/premium_photo-1682310156923-3f4a463610f0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTN8fHByaW5jaXBsZSUyMG9mJTIwZWNvbm9tY3N8ZW58MHx8MHx8fDA%3D" alt="">
-                <h3 style="font-size: 2rem;font-weight: 500;">Principle of Economics (part 01)</h3>  
-            </a>
-
-            <a href="watchvideo2.html" alt="watch video" clas="box"
-            style="
-            font-size: 4rem;
-            font-weight: 800;
-            background: white;
-            border: 1px solid black;
-            border-radius: 9px;
-            box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.2);">
-                <i class="fas.fa-play"></i>
-                <img src="https://plus.unsplash.com/premium_photo-1682310156923-3f4a463610f0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTN8fHByaW5jaXBsZSUyMG9mJTIwZWNvbm9tY3N8ZW58MHx8MHx8fDA%3D" alt="">
-                <h3 style="font-size: 2rem;font-weight: 500;color: black;">Principle of Economics (part 02)</h3>  
-            </a>
-
-            <a href="watchvideo3.html" alt="watch video" clas="box"  style="
-            font-size: 4rem;
-            font-weight: 800;
-            background: white;
-            border: 1px solid black;
-            border-radius: 9px;
-            box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.2);
-        ">
-                <i class="fas.fa-play"></i>
-                <img src="https://plus.unsplash.com/premium_photo-1682310156923-3f4a463610f0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTN8fHByaW5jaXBsZSUyMG9mJTIwZWNvbm9tY3N8ZW58MHx8MHx8fDA%3D" alt="">
-                <h3 style="font-size: 2rem;font-weight: 500;color: black;">Principle of Economics (part 03)</h3>  
-            </a>
-
-            <a href="watchvideo4.html" alt="watch video" clas="box"
-            style="
-            font-size: 4rem;
-            font-weight: 800;
-            background: white;
-            border: 1px solid black;
-            border-radius: 9px;
-            box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.2);">
-                <i class="fas.fa-play"></i>
-                <img src="https://plus.unsplash.com/premium_photo-1682310156923-3f4a463610f0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTN8fHByaW5jaXBsZSUyMG9mJTIwZWNvbm9tY3N8ZW58MHx8MHx8fDA%3D" alt="">
-                <h3 style="font-size: 2rem;font-weight: 500;color: black;">Principle of Economics (part 04)</h3>  
-            </a>
-
-            <a href="watchvideo5.html" alt="watch video" clas="box"
-            style="
-            font-size: 4rem;
-            font-weight: 800;
-            background: white;
-            border: 1px solid black;
-            border-radius: 9px;
-            box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.2);">
-                <i class="fas.fa-play"></i>
-                <img src="https://plus.unsplash.com/premium_photo-1682310156923-3f4a463610f0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTN8fHByaW5jaXBsZSUyMG9mJTIwZWNvbm9tY3N8ZW58MHx8MHx8fDA%3D" alt="">
-                <h3 style="font-size: 2rem;font-weight: 500;color: black;">Principle of Economics (part 05)</h3>  
-            </a>
-
-            <a href="watchvideo6.html" alt="watch video" clas="box"
-            style="
-            font-size: 4rem;
-            font-weight: 800;
-            background: white;
-            border: 1px solid black;
-            border-radius: 9px;
-            box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.2);">
-                <i class="fas.fa-play"></i>
-                <img src="https://plus.unsplash.com/premium_photo-1682310156923-3f4a463610f0?w=600&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTN8fHByaW5jaXBsZSUyMG9mJTIwZWNvbm9tY3N8ZW58MHx8MHx8fDA%3D" alt="">
-                <h3 style="font-size: 2rem;font-weight: 500;color: black;">Principle of Economics (part 06)</h3>  
-            </a>
-            <a href="reading-material.html" alt="readings" clas="box"
-            style="
-            font-size: 4rem;
-            font-weight: 800;
-            background:rgb(67, 171, 122);;
-            border: 1px solid black;
-            border-radius: 9px;
-            justify-content: center;
-            box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.2);">
-                <i class="fas.fa-play"></i>
-                <img src="https://media.istockphoto.com/id/1074938342/photo/woman-writing-book-at-home.webp?a=1&b=1&s=612x612&w=0&k=20&c=KRuGH0u94gV9EP2XaGq2r9-2dySsCny9KMJkvUsYdbY=" alt="">
-                <h3 style="font-size: 2rem;font-weight: 500;color: black;justify-content: center;">Reading Material</h3>  
-            </a>
-            <a href="quiz.html" alt="quiz" clas="box"
-            style="
-            font-size: 4rem;
-            font-weight: 800;
-            background: rgb(67, 171, 122);
-            border: 1px solid black;
-            justify-content: center;
-            border-radius: 9px;
-            box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.2);">
-                <i class="fas.fa-play"></i>
-                <img src="https://media.istockphoto.com/id/1268465415/photo/quiz-time-concept-speech-bubble-with-pencil-on-yellow-background.webp?a=1&b=1&s=612x612&w=0&k=20&c=OYolE8Ollb3qgyw2zZnnp4EIvqe0In7Li8N3WXDEXIM=" alt="">
-                <h3 style="font-size: 2rem;font-weight: 500;color: black;justify-content: center;">Play Quiz</h3>  
-            </a>
-
-            <!-- <div class="box" style="
-            font-size: 4rem;
-            font-weight: 800;
-            background: rgb(67, 171, 122);
-            border: 1px solid black;
-            border-radius: 9px;
-            box-shadow: 0px 0px 1px 3px rgba(0, 0, 0, 0.2);
-            text-align: center;
-            margin-bottom: 2rem;
-            margin-right: -60rem;
-        "><a href="quiz.html">Click to Check your Knowledge Here</a>
-            </div> -->
-      </section>
-
-       <!-- videos Container section ends -->
-       <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="../navigateToPages/logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-              </div>
-          
-              <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-                  <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-                </ul>
-              </div>
-          
-          
-              <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-                  <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-                </ul>
-              </div>
-          
-              <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-                <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-                </ul>
-              </div>
-            </div>
-          
-            <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-              <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-            </div>
-          </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="./script.js"></script>
-   <!-- Dark  mode theme -->
-  <script>
-  // Function to set the theme
-function setTheme(themeName) {
-    document.body.className = themeName;
-    localStorage.setItem('theme', themeName);
-}
-
-// Function to toggle the theme
-function toggleTheme() {
-    if (document.body.classList.contains('theme-light')) {
-        setTheme('theme-dark');
-    } else {
-        setTheme('theme-light');
-    }
-}
-
-// Immediately invoked function to set the theme on initial load
-(function () {
-    const savedTheme = localStorage.getItem('theme') || 'theme-light';
-    setTheme(savedTheme);
-
-    // Set the checkbox state based on the saved theme
-    const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-    themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-})();
-
-   
-</script>
-
-
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-</body>
-
-</html>
diff --git a/Principle of Economics/quiz.html b/Principle of Economics/quiz.html
deleted file mode 100644
index 97eb3e2..0000000
--- a/Principle of Economics/quiz.html	
+++ /dev/null
@@ -1,28 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Document</title>
-    <link rel="stylesheet" href="app.css">
-</head>
-<body>
-    <div class="container">
-        <div id="question-container" class="hide">
-            <div id="question" class="question">Question</div>
-            <div id="answer-buttons" class="btn-grid">
-                <!-- Answer buttons will be dynamically added here -->
-            </div>
-        </div>
-        <div class="controls">
-            <button id="start-btn" class="start-btn btn">Start</button>
-            <button id="next-btn" class="next-btn btn hide">Next</button>
-        </div>
-    </div>
-    <div id="score-container" class="score-container">
-        <span id="right-answer" class="score">Score: 0</span> <!-- Initialize with zero score -->
-    </div>
-   
-    <script src="script.js"></script>
-</body>
-</html>
diff --git a/Principle of Economics/reading-material.html b/Principle of Economics/reading-material.html
deleted file mode 100644
index 1a5fb51..0000000
--- a/Principle of Economics/reading-material.html	
+++ /dev/null
@@ -1,394 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-    <link rel="stylesheet" href="course.css">
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-   
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-
-
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-      .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-
-        }
-  header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-   
-</style>
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../navigateToPages/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input"/>
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="../Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="../contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-     
-
-    
-          <style>
-              body {
-                  font-family: Arial, sans-serif;
-                  margin: 0;
-                  padding: 0;
-                  background-color: #f4f4f4;
-              }
-              .container {
-                  width: 80%;
-                  margin: auto;
-                  overflow: hidden;
-              }
-              .book-info {
-                  background: #fff;
-                  padding: 20px;
-                  margin: 20px 0;
-                  border-radius: 5px;
-                  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-                       font-size: 2rem;
-                       color:black;
-              }
-              .table-of-contents{
-                background: #fff;
-                  padding: 20px;
-                  margin: 20px 0;
-                  border-radius: 5px;
-                  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-                       font-size: 2rem;
-                       color:black;
-              }
-
-            .theme-dark  .book-info  {
-                color:#fff;
-                background: rgb(55 65 81/1);
-            }
-            .theme-dark .table-of-contents{
-                color:#fff;
-                background: rgb(55 65 81/1);
-            }
-              .book-info img {
-                  float: left;
-                  margin-right: 20px;
-                  height:100px;
-                  width:80px;
-              }
-              .book-info h1 {
-                  margin-top: 0;
-              }
-              .book-info .rating {
-                  color: #f39c12;
-              }
-              .formats, .conditions {
-                  margin-top: 20px;
-              }
-              .formats a, .conditions a {
-                  display: inline-block;
-                  padding: 10px 20px;
-                  margin-right: 10px;
-                  background:black;
-                  color: #fff;
-                  text-decoration: none;
-                  border-radius: 5px;
-                  font-size: 2rem;
-                  margin-bottom: 1rem;;
-              }
-              .formats a.pdf {
-                  background: #3498db;
-              }
-              .conditions img {
-                  vertical-align: middle;
-              }
-          </style>
-      </head>
-      <body>
-          <div class="container">
-              <div class="book-info">
-                  <img src="https://th.bing.com/th/id/OIP.e2STFnmo4sl6TI5x9GaWvgHaLH?rs=1&pid=ImgDetMain" alt="Principles of Economics">
-                  <h1>Principles of Economics</h1>
-                  <p><a href="#">(7 reviews)</a></p>
-                  <p class="rating">★★★★☆</p>
-                  <p>Copyright Year: 2016</p>
-                  <p>ISBN 13: 9781946135162</p>
-                  <p>Publisher: <a href="#">University of Minnesota Libraries Publishing</a></p>
-                  <p>Language: English</p>
-              </div>
-              <div class="table-of-contents">
-                  <h2>Table of Contents</h2>
-                  <ul>
-                      <li>Chapter 1: Economics: The Study of Choice</li>
-                      <li>Chapter 2: Confronting Scarcity: Choices in Production</li>
-                      <li>Chapter 3: Demand and Supply</li>
-                      <li>Chapter 4: Applications of Demand and Supply</li>
-                      <li>Chapter 5: Elasticity: A Measure of Response</li>
-                      <li>Chapter 6: Markets, Maximizers, and Efficiency</li>
-                      <li>Chapter 7: The Analysis of Consumer Choice</li>
-                      <li>Chapter 8: Production and Cost</li>
-                      <li>Chapter 9: Competitive Markets for Goods and Services</li>
-                      <li>Chapter 10: Monopoly</li>
-                      <li>Chapter 11: The World of Imperfect Competition</li>
-                      <li>Chapter 12: Wages and Employment in Perfect Competition</li>
-                      <li>Chapter 13: Interest Rates and the Markets for Capital and Natural Resources</li>
-                      <li>Chapter 14: Imperfectly Competitive Markets for Factors of Production</li>
-                      <li>Chapter 15: Public Finance and Public Choice</li>
-                  </ul>
-              </div>
-              <div class="formats">
-           
-                  <a href="https://socialsci.libretexts.org/Bookshelves/Economics/Principles_of_Economics_(LibreTexts)" class="online">View Online</a>
-
-              </div>
-              <div class="conditions">
-                  <h2>Conditions of Use</h2>
-                  <a href="https://socialsci.libretexts.org/Bookshelves/Economics/Principles_of_Economics_(LibreTexts)">Attribution-NonCommercial-ShareAlike CC BY-NC-SA</a>
-              </div>
-          </div>
-    
-
-      
-       <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="../navigateToPages/logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-              </div>
-          
-              <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-                  <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-                </ul>
-              </div>
-          
-          
-              <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-                  <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-                </ul>
-              </div>
-          
-              <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-                <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-                </ul>
-              </div>
-            </div>
-          
-            <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-              <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-            </div>
-          </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="./script.js"></script>
-   <!-- Dark  mode theme -->
-  <script>
-  // Function to set the theme
-function setTheme(themeName) {
-    document.body.className = themeName;
-    localStorage.setItem('theme', themeName);
-}
-
-// Function to toggle the theme
-function toggleTheme() {
-    if (document.body.classList.contains('theme-light')) {
-        setTheme('theme-dark');
-    } else {
-        setTheme('theme-light');
-    }
-}
-
-// Immediately invoked function to set the theme on initial load
-(function () {
-    const savedTheme = localStorage.getItem('theme') || 'theme-light';
-    setTheme(savedTheme);
-
-    // Set the checkbox state based on the saved theme
-    const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-    themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-})();
-
-   
-</script>
-
-
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-</body>
-
-</html>
diff --git a/Principle of Economics/script.js b/Principle of Economics/script.js
deleted file mode 100644
index ead9843..0000000
--- a/Principle of Economics/script.js	
+++ /dev/null
@@ -1,142 +0,0 @@
-const startButton = document.getElementById("start-btn");
-const nextButton = document.getElementById("next-btn");
-
-const questionContainerElement = document.getElementById("question-container");
-const questionElement = document.getElementById("question");
-const answerButtonsElement = document.getElementById("answer-buttons");
-const scoreContainerElement = document.getElementById("score-container");
-const scoreElement = document.getElementById("right-answer");
-
-let shuffledQuestions, currentQuestionIndex;
-let quizScore = 0;
-
-startButton.addEventListener("click", startGame);
-nextButton.addEventListener("click", () => {
-  currentQuestionIndex++;
-  setNextQuestion();
-});
-
-function startGame() {
-  startButton.classList.add("hide");
-  shuffledQuestions = questions.sort(() => Math.random() - 0.5);
-  currentQuestionIndex = 0;
-  questionContainerElement.classList.remove("hide");
-  scoreContainerElement.classList.remove("hide");
-  setNextQuestion();
-  quizScore = 0;
-  scoreElement.innerText = `Score: ${quizScore}`;
-  scoreElement.classList.remove("correct");
-  scoreElement.classList.remove("wrong");
-}
-
-function setNextQuestion() {
-  resetState();
-  showQuestion(shuffledQuestions[currentQuestionIndex]);
-}
-
-function showQuestion(question) {
-  questionElement.innerText = question.question;
-  question.answers.forEach((answer) => {
-    const button = document.createElement("button");
-    button.innerText = answer.text;
-    button.classList.add("btn");
-    if (answer.correct) {
-      button.dataset.correct = answer.correct;
-    }
-    button.addEventListener("click", selectAnswer);
-    answerButtonsElement.appendChild(button);
-  });
-}
-
-function resetState() {
-  clearStatusClass(document.body);
-  nextButton.classList.add("hide");
-  while (answerButtonsElement.firstChild) {
-    answerButtonsElement.removeChild(answerButtonsElement.firstChild);
-  }
-}
-
-function selectAnswer(e) {
-  const selectedButton = e.target;
-  const correct = selectedButton.dataset.correct;
-  setStatusClass(document.body, correct);
-  Array.from(answerButtonsElement.children).forEach((button) => {
-    setStatusClass(button, button.dataset.correct);
-    button.disabled = true;  // Disable the button after an answer is selected
-  });
-  if (shuffledQuestions.length > currentQuestionIndex + 1) {
-    nextButton.classList.remove("hide");
-  } else {
-    startButton.innerText = "Restart";
-    startButton.classList.remove("hide");
-  }
-  if (correct) {
-    quizScore++;
-    scoreElement.innerText = `Correct! Score: ${quizScore}`;
-    scoreElement.classList.add("correct");
-    scoreElement.classList.remove("wrong");
-  } else {
-    scoreElement.innerText = `Wrong! Score: ${quizScore}`;
-    scoreElement.classList.add("wrong");
-    scoreElement.classList.remove("correct");
-  }
-}
-
-function setStatusClass(element, correct) {
-  clearStatusClass(element);
-  if (correct) {
-    element.classList.add("correct");
-  } else {
-    element.classList.add("wrong");
-  }
-}
-
-function clearStatusClass(element) {
-  element.classList.remove("correct");
-  element.classList.remove("wrong");
-}
-
-const questions = [
-  {
-    question: "What is the term for the total amount of a specific good or service available to consumers?",
-    answers: [
-      { text: "Demand", correct: false },
-      { text: "Scarcity", correct: false },
-      { text: "Supply", correct: true },
-        ],
-  },
-  {
-    question: "What is the term for consumers' desire and willingness to pay a price for a specific good or service?",
-    answers: [
-      { text: "Inflation", correct: false },
-      { text: ". Demand", correct: true },
-    ],
-  },
-  {
-    question: "What is the term for the rate at which the general level of prices for goods and services is rising?",
-    answers: [
-      { text: "Deflation", correct: false },
-      { text: "Inflation", correct: true },
-      { text: "Equilibrium", correct: false },
-    ],
-  },
-
-  {
-    question: "What is the term for the fundamental economic problem of having limited resources to meet unlimited wants?",
-    answers: [
-      { text: "Scarcity", correct: true },
-      { text: "Surplus", correct: false },
-      { text: "Abundance", correct: false },
-    ],
-  },
-
-  {
-    question: "What is the term for the point where the supply of goods matches demand?",
-    answers: [
-      { text: "Equilibrium", correct: true },
-      { text: "Disequilibrium", correct: false },
-      { text: "Inflation", correct: false },
-    ],
-  },
-
-];
diff --git a/Principle of Economics/watchvideo1.html b/Principle of Economics/watchvideo1.html
deleted file mode 100644
index e123d0f..0000000
--- a/Principle of Economics/watchvideo1.html	
+++ /dev/null
@@ -1,305 +0,0 @@
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-    <link rel="stylesheet" href="course.css">
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-   
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-
-
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-      .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-
-        }
-  header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-   
-</style>
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../navigateToPages/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input"/>
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="../Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="../contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-       <!-- watch video sections starts -->
-       <section class="watch-video">
-      
-        <div class="video-details">
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/eq2TpyY5Gbo?si=JFRHddhftPoo62PY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-          <h3 class="title" style="font-size: 3rem;
-          font-weight: 500;">Principle of Economics (part 01)</h3>
-          <div class="info">
-           <p> <i class="fas fa-calendar"></i><span>22-04-2024</span></p>
-           <p> <i class="fas fa-heart"></i><span>45 likes</span></p>
-          </div>
-          <div class="tutor">
-            <img src="https://media.istockphoto.com/id/1364917563/photo/businessman-smiling-with-arms-crossed-on-white-background.jpg?s=612x612&w=0&k=20&c=NtM9Wbs1DBiGaiowsxJY6wNCnLf0POa65rYEwnZymrM=" alt="">
-          <div>
-          <h3>john deo</h3>
-         
-        </div>
-    </div>
-    <form action="" method="post" class="flex">
-       <a href="principleofeconomics.html" class="inline-btn">view playlist</a> 
-       <button type="submit"><i class="far fa-heart"></i><span>like</span></button>
-    </form>
-    <div class="description">
-        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vero itaque ab esse animi ducimus totam commodi earum debitis! Numquam velit perferendis accusantium consequatur saepe magni tenetur ducimus doloremque ex sequi!</p>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque asperiores rem, sunt sequi pariatur quae corporis voluptatem corrupti aliquam ducimus, nobis, deleniti nam accusantium adipisci? Consequuntur molestiae porro iure aperiam.</p>
-    </div>
-  </div>
-
-</section>
-       <!-- watch video sections  ends -->
-      
-       <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="../navigateToPages/logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-              </div>
-          
-              <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-                  <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-                </ul>
-              </div>
-          
-          
-              <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-                  <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-                </ul>
-              </div>
-          
-              <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-                <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-                </ul>
-              </div>
-            </div>
-          
-            <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-              <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-            </div>
-          </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="./script.js"></script>
-   <!-- Dark  mode theme -->
-  <script>
-  // Function to set the theme
-function setTheme(themeName) {
-    document.body.className = themeName;
-    localStorage.setItem('theme', themeName);
-}
-
-// Function to toggle the theme
-function toggleTheme() {
-    if (document.body.classList.contains('theme-light')) {
-        setTheme('theme-dark');
-    } else {
-        setTheme('theme-light');
-    }
-}
-
-// Immediately invoked function to set the theme on initial load
-(function () {
-    const savedTheme = localStorage.getItem('theme') || 'theme-light';
-    setTheme(savedTheme);
-
-    // Set the checkbox state based on the saved theme
-    const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-    themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-})();
-
-   
-</script>
-
-
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-</body>
-
-</html>
diff --git a/Principle of Economics/watchvideo2.html b/Principle of Economics/watchvideo2.html
deleted file mode 100644
index ec34247..0000000
--- a/Principle of Economics/watchvideo2.html	
+++ /dev/null
@@ -1,304 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-    <link rel="stylesheet" href="course.css">
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-   
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-
-
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-      .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-
-        }
-  header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-   
-</style>
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../navigateToPages/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input"/>
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="../Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="../contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-  
-       <!-- watch video sections starts -->
-       <section class="watch-video">
-      
-        <div class="video-details">
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/DJeMl3GTETU?si=a1fa1JWa-lc63DLe" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-          <h3 class="title" style="font-size: 3rem; font-weight: 500;">Principle of Economics (part 02)</h3>
-          <div class="info">
-           <p> <i class="fas fa-calendar"></i><span>30-04-2024</span></p>
-           <p> <i class="fas fa-heart"></i><span>45 likes</span></p>
-          </div>
-          <div class="tutor">
-            <img src="https://media.istockphoto.com/id/1364917563/photo/businessman-smiling-with-arms-crossed-on-white-background.jpg?s=612x612&w=0&k=20&c=NtM9Wbs1DBiGaiowsxJY6wNCnLf0POa65rYEwnZymrM=" alt="">
-          <div>
-          <h3>john deo</h3>
-        
-        </div>
-    </div>
-    <form action="" method="post" class="flex">
-       <a href="principleofeconomics.html" class="inline-btn">view playlist</a> 
-       <button type="submit"><i class="far fa-heart"></i><span>like</span></button>
-    </form>
-    <div class="description">
-        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vero itaque ab esse animi ducimus totam commodi earum debitis! Numquam velit perferendis accusantium consequatur saepe magni tenetur ducimus doloremque ex sequi!</p>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque asperiores rem, sunt sequi pariatur quae corporis voluptatem corrupti aliquam ducimus, nobis, deleniti nam accusantium adipisci? Consequuntur molestiae porro iure aperiam.</p>
-    </div>
-  </div>
-
-</section>
-       <!-- watch video sections  ends -->
-      
-       <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="../navigateToPages/logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-              </div>
-          
-              <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-                  <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-                </ul>
-              </div>
-          
-          
-              <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-                  <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-                </ul>
-              </div>
-          
-              <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-                <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-                </ul>
-              </div>
-            </div>
-          
-            <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-              <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-            </div>
-          </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="./script.js"></script>
-   <!-- Dark  mode theme -->
-  <script>
-  // Function to set the theme
-function setTheme(themeName) {
-    document.body.className = themeName;
-    localStorage.setItem('theme', themeName);
-}
-
-// Function to toggle the theme
-function toggleTheme() {
-    if (document.body.classList.contains('theme-light')) {
-        setTheme('theme-dark');
-    } else {
-        setTheme('theme-light');
-    }
-}
-
-// Immediately invoked function to set the theme on initial load
-(function () {
-    const savedTheme = localStorage.getItem('theme') || 'theme-light';
-    setTheme(savedTheme);
-
-    // Set the checkbox state based on the saved theme
-    const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-    themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-})();
-
-   
-</script>
-
-
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-</body>
-
-</html>
diff --git a/Principle of Economics/watchvideo3.html b/Principle of Economics/watchvideo3.html
deleted file mode 100644
index ab8f679..0000000
--- a/Principle of Economics/watchvideo3.html	
+++ /dev/null
@@ -1,304 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-    <link rel="stylesheet" href="course.css">
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-   
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-
-
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-      .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-
-        }
-  header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-   
-</style>
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../navigateToPages/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input"/>
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="../Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="../contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-  
-       <!-- watch video sections starts -->
-       <section class="watch-video">
-      
-        <div class="video-details">
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/Dra_ingmeUk?si=OXcSfvxnZZ8OtkXY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-          <h3 class="title" style="font-size: 3rem; font-weight: 500;">Principle of Economics (part 03)</h3>
-          <div class="info">
-           <p> <i class="fas fa-calendar"></i><span>22-05-2024</span></p>
-           <p> <i class="fas fa-heart"></i><span>45 likes</span></p>
-          </div>
-          <div class="tutor">
-            <img src="https://media.istockphoto.com/id/1364917563/photo/businessman-smiling-with-arms-crossed-on-white-background.jpg?s=612x612&w=0&k=20&c=NtM9Wbs1DBiGaiowsxJY6wNCnLf0POa65rYEwnZymrM=" alt="">
-          <div>
-          <h3>john deo</h3>
-    
-        </div>
-    </div>
-    <form action="" method="post" class="flex">
-       <a href="principleofeconomics.html" class="inline-btn">view playlist</a> 
-       <button type="submit"><i class="far fa-heart"></i><span>like</span></button>
-    </form>
-    <div class="description">
-        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vero itaque ab esse animi ducimus totam commodi earum debitis! Numquam velit perferendis accusantium consequatur saepe magni tenetur ducimus doloremque ex sequi!</p>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque asperiores rem, sunt sequi pariatur quae corporis voluptatem corrupti aliquam ducimus, nobis, deleniti nam accusantium adipisci? Consequuntur molestiae porro iure aperiam.</p>
-    </div>
-  </div>
-
-</section>
-       <!-- watch video sections  ends -->
-      
-       <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="../navigateToPages/logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-              </div>
-          
-              <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-                  <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-                </ul>
-              </div>
-          
-          
-              <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-                  <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-                </ul>
-              </div>
-          
-              <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-                <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-                </ul>
-              </div>
-            </div>
-          
-            <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-              <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-            </div>
-          </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="./script.js"></script>
-   <!-- Dark  mode theme -->
-  <script>
-  // Function to set the theme
-function setTheme(themeName) {
-    document.body.className = themeName;
-    localStorage.setItem('theme', themeName);
-}
-
-// Function to toggle the theme
-function toggleTheme() {
-    if (document.body.classList.contains('theme-light')) {
-        setTheme('theme-dark');
-    } else {
-        setTheme('theme-light');
-    }
-}
-
-// Immediately invoked function to set the theme on initial load
-(function () {
-    const savedTheme = localStorage.getItem('theme') || 'theme-light';
-    setTheme(savedTheme);
-
-    // Set the checkbox state based on the saved theme
-    const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-    themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-})();
-
-   
-</script>
-
-
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-</body>
-
-</html>
diff --git a/Principle of Economics/watchvideo4.html b/Principle of Economics/watchvideo4.html
deleted file mode 100644
index daa0b5c..0000000
--- a/Principle of Economics/watchvideo4.html	
+++ /dev/null
@@ -1,303 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-    <link rel="stylesheet" href="course.css">
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-   
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-
-
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-      .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-
-        }
-  header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-   
-</style>
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../navigateToPages/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input"/>
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="../Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="../contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-  
-       <!-- watch video sections starts -->
-       <section class="watch-video">
-      
-        <div class="video-details">
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/n5fwinuqGAI?si=siuUvqLqySUqghyC" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-          <h3 class="title" style="font-size: 3rem; font-weight: 500;">Principle of Economics (part 04)</h3>
-          <div class="info">
-           <p> <i class="fas fa-calendar"></i><span>22-06-2024</span></p>
-           <p> <i class="fas fa-heart"></i><span>40 likes</span></p>
-          </div>
-          <div class="tutor">
-            <img src="https://media.istockphoto.com/id/1364917563/photo/businessman-smiling-with-arms-crossed-on-white-background.jpg?s=612x612&w=0&k=20&c=NtM9Wbs1DBiGaiowsxJY6wNCnLf0POa65rYEwnZymrM=" alt="">
-          <div>
-          <h3>john deo</h3>
-        </div>
-    </div>
-    <form action="" method="post" class="flex">
-       <a href="principleofeconomics.html" class="inline-btn">view playlist</a> 
-       <button type="submit"><i class="far fa-heart"></i><span>like</span></button>
-    </form>
-    <div class="description">
-        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vero itaque ab esse animi ducimus totam commodi earum debitis! Numquam velit perferendis accusantium consequatur saepe magni tenetur ducimus doloremque ex sequi!</p>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque asperiores rem, sunt sequi pariatur quae corporis voluptatem corrupti aliquam ducimus, nobis, deleniti nam accusantium adipisci? Consequuntur molestiae porro iure aperiam.</p>
-    </div>
-  </div>
-
-</section>
-       <!-- watch video sections  ends -->
-      
-       <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="../navigateToPages/logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-              </div>
-          
-              <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-                  <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-                </ul>
-              </div>
-          
-          
-              <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-                  <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-                </ul>
-              </div>
-          
-              <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-                <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-                </ul>
-              </div>
-            </div>
-          
-            <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-              <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-            </div>
-          </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="./script.js"></script>
-   <!-- Dark  mode theme -->
-  <script>
-  // Function to set the theme
-function setTheme(themeName) {
-    document.body.className = themeName;
-    localStorage.setItem('theme', themeName);
-}
-
-// Function to toggle the theme
-function toggleTheme() {
-    if (document.body.classList.contains('theme-light')) {
-        setTheme('theme-dark');
-    } else {
-        setTheme('theme-light');
-    }
-}
-
-// Immediately invoked function to set the theme on initial load
-(function () {
-    const savedTheme = localStorage.getItem('theme') || 'theme-light';
-    setTheme(savedTheme);
-
-    // Set the checkbox state based on the saved theme
-    const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-    themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-})();
-
-   
-</script>
-
-
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-</body>
-
-</html>
diff --git a/Principle of Economics/watchvideo5.html b/Principle of Economics/watchvideo5.html
deleted file mode 100644
index 7a5a41c..0000000
--- a/Principle of Economics/watchvideo5.html	
+++ /dev/null
@@ -1,303 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-    <link rel="stylesheet" href="course.css">
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-   
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-
-
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-      .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-
-        }
-  header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-   
-</style>
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../navigateToPages/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input"/>
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="../Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="../contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-  
-       <!-- watch video sections starts -->
-       <section class="watch-video">
-      
-        <div class="video-details">
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/h8fhJsbqKcs?si=w6jvz7ok2QiMEMDv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-          <h3 class="title" style="font-size: 3rem; font-weight: 500;">Principle of Economics (part 05)</h3>
-          <div class="info">
-           <p> <i class="fas fa-calendar"></i><span>23-05-2024</span></p>
-           <p> <i class="fas fa-heart"></i><span>45 likes</span></p>
-          </div>
-          <div class="tutor">
-            <img src="https://media.istockphoto.com/id/1364917563/photo/businessman-smiling-with-arms-crossed-on-white-background.jpg?s=612x612&w=0&k=20&c=NtM9Wbs1DBiGaiowsxJY6wNCnLf0POa65rYEwnZymrM=" alt="">
-          <div>
-          <h3>john deo</h3>
-        </div>
-    </div>
-    <form action="" method="post" class="flex">
-       <a href="principleofeconomics.html" class="inline-btn">view playlist</a> 
-       <button type="submit"><i class="far fa-heart"></i><span>like</span></button>
-    </form>
-    <div class="description">
-        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vero itaque ab esse animi ducimus totam commodi earum debitis! Numquam velit perferendis accusantium consequatur saepe magni tenetur ducimus doloremque ex sequi!</p>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque asperiores rem, sunt sequi pariatur quae corporis voluptatem corrupti aliquam ducimus, nobis, deleniti nam accusantium adipisci? Consequuntur molestiae porro iure aperiam.</p>
-    </div>
-  </div>
-
-</section>
-       <!-- watch video sections  ends -->
-      
-       <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="../navigateToPages/logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-              </div>
-          
-              <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-                  <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-                </ul>
-              </div>
-          
-          
-              <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-                  <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-                </ul>
-              </div>
-          
-              <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-                <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-                </ul>
-              </div>
-            </div>
-          
-            <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-              <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-            </div>
-          </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="./script.js"></script>
-   <!-- Dark  mode theme -->
-  <script>
-  // Function to set the theme
-function setTheme(themeName) {
-    document.body.className = themeName;
-    localStorage.setItem('theme', themeName);
-}
-
-// Function to toggle the theme
-function toggleTheme() {
-    if (document.body.classList.contains('theme-light')) {
-        setTheme('theme-dark');
-    } else {
-        setTheme('theme-light');
-    }
-}
-
-// Immediately invoked function to set the theme on initial load
-(function () {
-    const savedTheme = localStorage.getItem('theme') || 'theme-light';
-    setTheme(savedTheme);
-
-    // Set the checkbox state based on the saved theme
-    const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-    themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-})();
-
-   
-</script>
-
-
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-</body>
-
-</html>
diff --git a/Principle of Economics/watchvideo6.html b/Principle of Economics/watchvideo6.html
deleted file mode 100644
index b682ec2..0000000
--- a/Principle of Economics/watchvideo6.html	
+++ /dev/null
@@ -1,304 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
-    <link rel="stylesheet" href="course.css">
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-   
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-
-
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-      .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-
-        }
-  header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-   
-</style>
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../navigateToPages/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input"/>
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="../Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="../contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-  
-       <!-- watch video sections starts -->
-       <section class="watch-video">
-      
-        <div class="video-details">
-          <iframe width="560" height="315" src="https://www.youtube.com/embed/FdG2gxxlFCk?si=ldB45pvB5vZTXKwe" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
-          <h3 class="title" style="font-size: 3rem; font-weight: 500;">Principle of Economics (part 06)</h3>
-          <div class="info">
-           <p> <i class="fas fa-calendar"></i><span>22-06-2024</span></p>
-           <p> <i class="fas fa-heart"></i><span>45 likes</span></p>
-          </div>
-          <div class="tutor">
-            <img src="https://media.istockphoto.com/id/1364917563/photo/businessman-smiling-with-arms-crossed-on-white-background.jpg?s=612x612&w=0&k=20&c=NtM9Wbs1DBiGaiowsxJY6wNCnLf0POa65rYEwnZymrM=" alt="">
-          <div>
-          <h3>john deo</h3>
-          
-        </div>
-    </div>
-    <form action="" method="post" class="flex">
-       <a href="principleofeconomics.html" class="inline-btn">view playlist</a> 
-       <button type="submit"><i class="far fa-heart"></i><span>like</span></button>
-    </form>
-    <div class="description">
-        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vero itaque ab esse animi ducimus totam commodi earum debitis! Numquam velit perferendis accusantium consequatur saepe magni tenetur ducimus doloremque ex sequi!</p>
-        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque asperiores rem, sunt sequi pariatur quae corporis voluptatem corrupti aliquam ducimus, nobis, deleniti nam accusantium adipisci? Consequuntur molestiae porro iure aperiam.</p>
-    </div>
-  </div>
-
-</section>
-       <!-- watch video sections  ends -->
-      
-       <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="../navigateToPages/logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-              </div>
-          
-              <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-                  <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-                </ul>
-              </div>
-          
-          
-              <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-                <ul style="list-style: none; padding: 0;">
-                  <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-                  <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-                </ul>
-              </div>
-          
-              <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-                <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-                <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-                  <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-                </ul>
-              </div>
-            </div>
-          
-            <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-              <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-            </div>
-          </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="./script.js"></script>
-   <!-- Dark  mode theme -->
-  <script>
-  // Function to set the theme
-function setTheme(themeName) {
-    document.body.className = themeName;
-    localStorage.setItem('theme', themeName);
-}
-
-// Function to toggle the theme
-function toggleTheme() {
-    if (document.body.classList.contains('theme-light')) {
-        setTheme('theme-dark');
-    } else {
-        setTheme('theme-light');
-    }
-}
-
-// Immediately invoked function to set the theme on initial load
-(function () {
-    const savedTheme = localStorage.getItem('theme') || 'theme-light';
-    setTheme(savedTheme);
-
-    // Set the checkbox state based on the saved theme
-    const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-    themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-})();
-
-   
-</script>
-
-
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-</body>
-
-</html>
diff --git a/Signup-page/signup.css b/Signup-page/signup.css
new file mode 100644
index 0000000..b00b1c4
--- /dev/null
+++ b/Signup-page/signup.css
@@ -0,0 +1,108 @@
+/* General Body Styles */
+body {
+    font-family: "Arial", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #121212; /* Dark background */
+    color: #e0e0e0; /* Light text color */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    overflow-y: auto;
+}
+
+/* Signup Container */
+#signup-container {
+    width: 100%;
+    max-width: 400px; /* Reduced width */
+    background-color: #1f1f1f;
+    padding: 20px;
+    border-radius: 12px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
+    overflow: hidden;
+}
+
+/* Heading */
+h1 {
+    color: #e0e0e0;
+    text-align: center;
+    font-size: 28px;
+    margin-bottom: 20px;
+}
+
+/* Signup Form Section */
+.signup-form {
+    margin-top: 20px;
+}
+
+.signup-form h2 {
+    color: #1a73e8;
+    font-size: 20px;
+    margin-bottom: 15px;
+}
+
+.form-group {
+    margin-bottom: 15px; /* Reduced space between fields */
+}
+
+.form-group label {
+    color: #b0b0b0;
+    font-size: 14px;
+    margin-bottom: 6px;
+    display: block;
+}
+
+.form-group input {
+    width: 95%;
+    padding: 8px;
+    margin-bottom: 12px;
+    border: 1px solid #333;
+    border-radius: 8px;
+    background-color: #333;
+    color: #e0e0e0;
+    font-size: 14px;
+}
+
+button {
+    width: 100%;
+    padding: 10px;
+    background-color: #1a73e8;
+    border: none;
+    border-radius: 8px;
+    color: #fff;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+button:hover {
+    background-color: #ff9800; /* Hover effect */
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    #signup-container {
+        max-width: 100%;
+        padding: 15px;
+    }
+
+    h1 {
+        font-size: 24px;
+    }
+
+    .signup-form h2 {
+        font-size: 18px;
+    }
+
+    .form-group label {
+        font-size: 12px;
+    }
+
+    .form-group input {
+        font-size: 12px;
+    }
+
+    button {
+        font-size: 14px;
+    }
+}
diff --git a/Signup-page/signup.html b/Signup-page/signup.html
new file mode 100644
index 0000000..649dc2f
--- /dev/null
+++ b/Signup-page/signup.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Sign Up</title>
+    <link rel="stylesheet" href="signup.css">
+</head>
+<body>
+    <div id="signup-container">
+        <h1>Sign Up</h1>
+        
+        <div class="signup-form">
+            <h2>Create Your Account</h2>
+            
+            <!-- Sign Up Form -->
+            <form action="#">
+                <div class="form-group">
+                    <label for="username">Username</label>
+                    <input type="text" id="username" name="username" required>
+                </div>
+
+                <div class="form-group">
+                    <label for="email">Email</label>
+                    <input type="email" id="email" name="email" required>
+                </div>
+
+                <div class="form-group">
+                    <label for="password">Password</label>
+                    <input type="password" id="password" name="password" required>
+                </div>
+
+                <div class="form-group">
+                    <label for="confirm-password">Confirm Password</label>
+                    <input type="password" id="confirm-password" name="confirm-password" required>
+                </div>
+
+                <button type="submit">Sign Up</button>
+            </form>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/about_us/aboutUs.css b/about_us/aboutUs.css
new file mode 100644
index 0000000..45b9c6b
--- /dev/null
+++ b/about_us/aboutUs.css
@@ -0,0 +1,176 @@
+/* General Body Styles */
+body {
+    font-family: 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f9;
+    color: #333;
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+/* About Us Section */
+#about-container {
+    padding: 50px 20px;
+    max-width: 1200px;
+    margin: 0 auto;
+    flex: 1;
+}
+
+#about-heading h1 {
+    font-size: 40px;
+    color: #333;
+    text-align: center;
+}
+
+#about-heading p {
+    font-size: 18px;
+    color: #555;
+    text-align: center;
+    margin-bottom: 50px;
+}
+
+#about-content {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 30px;
+    text-align: center;
+}
+
+.about-section {
+    padding: 20px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+    transition: transform 0.3s ease;
+}
+
+.about-section h2 {
+    font-size: 24px;
+    color: #333;
+}/* General Body Styles */
+body {
+    font-family: 'Arial', sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #121212; /* Dark background */
+    color: #e0e0e0; /* Light text color */
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+/* About Us Section */
+#about-container {
+    padding: 50px 20px;
+    max-width: 1200px;
+    margin: 0 auto;
+    flex: 1;
+}
+
+#about-heading h1 {
+    font-size: 40px;
+    color: #e0e0e0; /* Light text color */
+    text-align: center;
+}
+
+#about-heading p {
+    font-size: 18px;
+    color: #b0b0b0; /* Lighter text color for the subtitle */
+    text-align: center;
+    margin-bottom: 50px;
+}
+
+#about-content {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 30px;
+    text-align: center;
+}
+
+.about-section {
+    padding: 20px;
+    background-color: #1f1f1f; /* Dark background for each section */
+    border-radius: 8px;
+    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
+    transition: transform 0.3s ease;
+}
+
+.about-section h2 {
+    font-size: 24px;
+    color: #e0e0e0; /* Light text color for headings */
+}
+
+.about-section p {
+    font-size: 16px;
+    color: #b0b0b0; /* Lighter text color for content */
+}
+
+/* Hover Effect on Sections */
+.about-section:hover {
+    transform: translateY(-10px);
+}
+
+/* Footer Styles */
+#footer {
+    background-color: #1f1f1f; /* Dark footer background */
+    color: #e0e0e0; /* Light text color */
+    text-align: center;
+    padding: 15px;
+    font-size: 14px;
+    margin-top: auto; /* Moves the footer to the bottom */
+}
+
+#footer a {
+    color: #1a73e8; /* Blue color for links */
+    text-decoration: none;
+}
+
+#footer a:hover {
+    text-decoration: underline;
+}
+
+/* Responsive Styles */
+@media (max-width: 768px) {
+    #about-content {
+        grid-template-columns: 1fr;
+    }
+}
+
+
+.about-section p {
+    font-size: 16px;
+    color: #555;
+}
+
+/* Hover Effect on Sections */
+.about-section:hover {
+    transform: translateY(-10px);
+}
+
+/* Footer Styles */
+#footer {
+    background-color: #333;
+    color: #fff;
+    text-align: center;
+    padding: 10px;
+    font-size: 14px;
+    margin-top: auto; /* Moves the footer to the bottom */
+}
+
+#footer a {
+    color: #1a73e8;
+    text-decoration: none;
+}
+
+#footer a:hover {
+    text-decoration: underline;
+}
+
+/* Responsive Styles */
+@media (max-width: 768px) {
+    #about-content {
+        grid-template-columns: 1fr;
+    }
+}
diff --git a/about_us/aboutUs.html b/about_us/aboutUs.html
new file mode 100644
index 0000000..075ffef
--- /dev/null
+++ b/about_us/aboutUs.html
@@ -0,0 +1,43 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About Us</title>
+    <link rel="stylesheet" href="aboutUs.css">
+</head>
+<body>
+    <!-- Main Content -->
+    <section id="about-container">
+        <div id="about-heading">
+            <h1>About Us</h1>
+            <p>Learn more about who we are and what we do.</p>
+        </div>
+        
+        <div id="about-content">
+            <div class="about-section">
+                <h2>Our Mission</h2>
+                <p>We aim to provide high-quality resources and tools to help learners and professionals achieve their goals efficiently.</p>
+            </div>
+            <div class="about-section">
+                <h2>Our Vision</h2>
+                <p>To be a leading platform in education and development, inspiring creativity and innovation worldwide.</p>
+            </div>
+            <div class="about-section">
+                <h2>Our Team</h2>
+                <p>Our team comprises passionate educators, developers, and designers who strive to create impactful solutions for our users.</p>
+            </div>
+        </div>
+    </section>
+
+    <!-- Footer -->
+    <footer id="footer">
+        <p>&copy; 2025 Your Company Name. All Rights Reserved.</p>
+        <p>Follow us on 
+            <a href="https://facebook.com">Facebook</a>, 
+            <a href="https://twitter.com">Twitter</a>, and 
+            <a href="https://instagram.com">Instagram</a>.
+        </p>
+    </footer>
+</body>
+</html>
diff --git a/calendar page/calendar.css b/calendar page/calendar.css
new file mode 100644
index 0000000..fc3cb92
--- /dev/null
+++ b/calendar page/calendar.css	
@@ -0,0 +1,109 @@
+/* General Body Styles */
+body {
+    font-family: "Arial", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #121212; /* Dark background */
+    color: #e0e0e0; /* Light text color */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    overflow-y: auto;
+}
+
+/* Calendar Container */
+#calendar-container {
+    width: 90%;
+    max-width: 600px;
+    background-color: #1f1f1f;
+    padding: 20px;
+    border-radius: 12px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
+    overflow: hidden;
+    text-align: center;
+}
+
+/* Calendar Header */
+#calendar-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+}
+
+#month-year {
+    color: #e0e0e0;
+    font-size: 24px;
+    font-weight: bold;
+}
+
+.nav-button {
+    background-color: #333;
+    border: none;
+    color: #e0e0e0;
+    font-size: 20px;
+    cursor: pointer;
+    padding: 10px;
+    border-radius: 50%;
+    transition: background-color 0.3s ease;
+}
+
+.nav-button:hover {
+    background-color: #444;
+}
+
+/* Calendar Grid */
+#calendar-grid {
+    display: grid;
+    grid-template-columns: repeat(7, 1fr);
+    gap: 10px;
+}
+
+.calendar-day {
+    color: #1a73e8;
+    font-weight: bold;
+    font-size: 16px;
+}
+
+.calendar-day:nth-child(even) {
+    color: #ff9800;
+}
+
+/* Calendar Days */
+.calendar-day-cell {
+    padding: 12px;
+    background-color: #333;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
+}
+
+.calendar-day-cell:hover {
+    background-color: #444;
+}
+
+.calendar-day-cell.empty {
+    background-color: transparent;
+    cursor: default;
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    #calendar-container {
+        width: 100%;
+        padding: 15px;
+    }
+
+    #month-year {
+        font-size: 20px;
+    }
+
+    .calendar-day {
+        font-size: 14px;
+    }
+
+    .calendar-day-cell {
+        padding: 8px;
+    }
+}
diff --git a/calendar page/calendar.html b/calendar page/calendar.html
new file mode 100644
index 0000000..c1cee18
--- /dev/null
+++ b/calendar page/calendar.html	
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Calendar</title>
+    <link rel="stylesheet" href="calendar.css".css">
+</head>
+<body>
+    <div id="calendar-container">
+        <div id="calendar-header">
+            <button id="prev-month" class="nav-button">&lt;</button>
+            <h2 id="month-year">January 2025</h2>
+            <button id="next-month" class="nav-button">&gt;</button>
+        </div>
+        <div id="calendar-grid">
+            <div class="calendar-day">Sun</div>
+            <div class="calendar-day">Mon</div>
+            <div class="calendar-day">Tue</div>
+            <div class="calendar-day">Wed</div>
+            <div class="calendar-day">Thu</div>
+            <div class="calendar-day">Fri</div>
+            <div class="calendar-day">Sat</div>
+            <!-- Days of the month will be inserted here dynamically -->
+        </div>
+    </div>
+
+    <script src="calendar.js"></script>
+</body>
+</html>
diff --git a/calendar page/calendar.js b/calendar page/calendar.js
new file mode 100644
index 0000000..8412925
--- /dev/null
+++ b/calendar page/calendar.js	
@@ -0,0 +1,66 @@
+const monthNames = [
+    "January", "February", "March", "April", "May", "June",
+    "July", "August", "September", "October", "November", "December"
+];
+
+const daysInMonth = (month, year) => {
+    return new Date(year, month + 1, 0).getDate();
+};
+
+const firstDayOfMonth = (month, year) => {
+    return new Date(year, month, 1).getDay();
+};
+
+let currentMonth = new Date().getMonth();
+let currentYear = new Date().getFullYear();
+
+const updateCalendar = () => {
+    const monthYear = document.getElementById("month-year");
+    const calendarGrid = document.getElementById("calendar-grid");
+    
+    // Clear existing days
+    calendarGrid.querySelectorAll('.calendar-day-cell').forEach(cell => cell.remove());
+
+    monthYear.textContent = `${monthNames[currentMonth]} ${currentYear}`;
+
+    const firstDay = firstDayOfMonth(currentMonth, currentYear);
+    const days = daysInMonth(currentMonth, currentYear);
+
+    // Insert empty cells before the first day
+    for (let i = 0; i < firstDay; i++) {
+        const emptyCell = document.createElement("div");
+        emptyCell.classList.add("calendar-day-cell", "empty");
+        calendarGrid.appendChild(emptyCell);
+    }
+
+    // Insert day cells
+    for (let i = 1; i <= days; i++) {
+        const dayCell = document.createElement("div");
+        dayCell.classList.add("calendar-day-cell");
+        dayCell.textContent = i;
+        calendarGrid.appendChild(dayCell);
+    }
+};
+
+document.getElementById("prev-month").addEventListener("click", () => {
+    if (currentMonth === 0) {
+        currentMonth = 11;
+        currentYear--;
+    } else {
+        currentMonth--;
+    }
+    updateCalendar();
+});
+
+document.getElementById("next-month").addEventListener("click", () => {
+    if (currentMonth === 11) {
+        currentMonth = 0;
+        currentYear++;
+    } else {
+        currentMonth++;
+    }
+    updateCalendar();
+});
+
+// Initialize the calendar
+updateCalendar();
diff --git a/contactUs/contactUs.css b/contactUs/contactUs.css
new file mode 100644
index 0000000..5141aaa
--- /dev/null
+++ b/contactUs/contactUs.css
@@ -0,0 +1,122 @@
+/* General Body Styles */
+body {
+    font-family: "Arial", sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #121212; /* Dark background */
+    color: #e0e0e0; /* Light text color */
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100vh;
+    overflow-y: auto; /* Allow scrolling */
+    padding: 0 10px; /* Slight padding around the content */
+}
+
+/* Contact Container */
+#contact-container {
+    width: 100%;
+    max-width: 400px; /* Further reduced width */
+    background-color: #1f1f1f;
+    padding: 20px; /* Reduced padding */
+    border-radius: 12px;
+    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);
+    overflow: hidden; /* Hide overflow */
+}
+
+/* Heading */
+h1 {
+    color: #e0e0e0;
+    text-align: center;
+    font-size: 28px; /* Reduced font size */
+    margin-bottom: 20px; /* Reduced margin */
+}
+
+/* Contact Info Section */
+.contact-info {
+    margin-bottom: 20px; /* Reduced space between sections */
+}
+
+.contact-info h2 {
+    color: #1a73e8;
+    font-size: 20px; /* Slightly reduced font size */
+    margin-bottom: 15px;
+}
+
+.contact-info p {
+    font-size: 14px; /* Reduced font size */
+    margin: 5px 0; /* Reduced margin */
+}
+
+/* Contact Form Section */
+.contact-form h2 {
+    color: #1a73e8;
+    font-size: 20px; /* Reduced font size */
+    margin-bottom: 15px; /* Reduced margin */
+}
+
+.contact-form label {
+    color: #b0b0b0;
+    font-size: 14px; /* Smaller font size for labels */
+    margin-bottom: 6px; /* Reduced margin */
+    display: block;
+}
+
+.contact-form input, .contact-form textarea {
+    
+    width: 95%;
+    padding: 8px; /* Reduced padding */
+    margin-bottom: 12px; /* Reduced space between fields */
+    border: 1px solid #333;
+    border-radius: 8px;
+    background-color: #333;
+    color: #e0e0e0;
+    font-size: 14px; /* Reduced font size */
+}
+
+.contact-form button {
+    width: 100%;
+    padding: 8px; /* Reduced padding */
+    background-color: #1a73e8;
+    border: none;
+    border-radius: 8px;
+    color: #fff;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+.contact-form button:hover {
+    background-color: #ff9800; /* Hover effect */
+}
+
+/* Responsive Design */
+@media (max-width: 768px) {
+    #contact-container {
+        max-width: 100%;
+        padding: 15px; /* Reduced padding */
+    }
+
+    h1 {
+        font-size: 24px;
+    }
+
+    .contact-info h2 {
+        font-size: 18px;
+    }
+
+    .contact-form h2 {
+        font-size: 18px;
+    }
+
+    .contact-info p {
+        font-size: 12px;
+    }
+
+    .contact-form input, .contact-form textarea {
+        font-size: 12px;
+    }
+
+    .contact-form button {
+        font-size: 14px;
+    }
+}
diff --git a/contactUs/contactUs.html b/contactUs/contactUs.html
new file mode 100644
index 0000000..bbc8c56
--- /dev/null
+++ b/contactUs/contactUs.html
@@ -0,0 +1,39 @@
+
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Contact Us</title>
+    <link rel="stylesheet" href="contactUs.css">
+</head>
+<body>
+    <div id="contact-container">
+        <h1>Contact Us</h1>
+
+        <div class="contact-info">
+            <h2>Our Contact Information</h2>
+            <p><strong>Email:</strong> support@example.com</p>
+            <p><strong>Phone:</strong> +1234567890</p>
+            <p><strong>Address:</strong> 123 Tech Lane, Silicon Valley, CA</p>
+        </div>
+
+        <div class="contact-form">
+            <h2>Send Us a Message</h2>
+            <form action="#" method="POST">
+                <label for="name">Your Name</label>
+                <input type="text" id="name" name="name" placeholder="Enter your name" required>
+
+                <label for="email">Your Email</label>
+                <input type="email" id="email" name="email" placeholder="Enter your email" required>
+
+                <label for="message">Your Message</label>
+                <textarea id="message" name="message" placeholder="Write your message" rows="5" required></textarea>
+
+                <button type="submit">Send Message</button>
+            </form>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/contactus.html b/contactus.html
deleted file mode 100644
index 0652a0a..0000000
--- a/contactus.html
+++ /dev/null
@@ -1,383 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Contact Us</title>
-    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
-     <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="../navigateToPages/scriptDashboard.js"></script>
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-</head>
-<style>
-
-  .contact-form-container {
-  backdrop-filter: blur(10px); 
-  background: rgba(255, 255, 255, 0.9); 
-  width: 70%; 
-  max-width: 700px; 
-  padding: 20px; 
-  border-radius: 10px; 
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  margin: 20px auto; 
-}
-
-.contact-form-container form {
-  width: 100%; 
-  max-height: 400px; 
-  overflow-y: auto; 
-}
-
-.contact-form-container input,
-.contact-form-container textarea,
-.contact-form-container button {
-  width: 100%;
-  margin-bottom: 15px; 
-  padding: 10px; 
-  border: 1px solid #ccc; 
-  border-radius: 5px; 
-}
-
-.contact-form-container button {
-  background-color: #007bff; 
-  color: white; 
-  padding: 12px;
-  font-size: 16px; 
-  border: none; 
-  border-radius: 5px; 
-  cursor: pointer; 
-}
-
-.contact-form-container button:hover {
-  background-color: #0056b3; 
-}
-
-label {
-  display: block;
-  margin-bottom: 8px;
-  font-weight: bold;
-}
-
-input, textarea {
-  width: 100%;
-  padding: 10px;
-  margin-bottom: 20px;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-}
-
-button {
-  width: 100%;
-  padding: 10px;
-  background-color: #007bff;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  cursor: pointer;
-  font-size: 16px;
-}
-
-button:hover {
-  background-color: #0056b3;
-}
-
-/* Popup styles */
-.popup {
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  background: rgba(255, 255, 255, 0.95); /* Semi-transparent white background */
-  padding: 20px 30px;
-  border-radius: 10px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-  text-align: center;
-  z-index: 1000;
-}
-
-.popup p {
-  color: black; /* Makes the message text black for visibility */
-  font-size: 16px; /* Optional: Adjust font size */
-}
-
-.popup button {
-  margin-top: 10px;
-  padding: 8px 16px;
-  background-color: #007bff;
-  color: white;
-  border: none;
-  border-radius: 5px;
-  cursor: pointer;
-}
-
-.popup button:hover {
-  background-color: #0056b3;
-}
-
-.hidden {
-  display: none;
-}
-header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-
-</style>
-
-<body background="./img/back.jpg">
-    <!--navbar-->
-    <header>
-      <nav class="navbar">
-        <div class="left">
-          <a href="../index.html">
-            <img src="./img/logo.jpg" alt="Logo" class="logo" />
-          </a>
-
-          <div class="group">
-            <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-              <g>
-                <path
-                  d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                ></path>
-              </g>
-            </svg>
-            <input placeholder="Search" type="search" class="input"/>
-          </div>
-        </div>
-
-        <ul class="navbar-list">
-          <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-          <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-          <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-          <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-          <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-          <li><a href="contactus.html">CONTACT US</a></li>
-        </ul>
-      </nav>
-      <div class="right">
-        <a href="../navigateToPages/services.html">
-          <button class="button-explore">
-            <svg
-              class="svgIcon"
-              viewBox="0 0 512 512"
-              height="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-              ></path>
-            </svg>
-          </button>
-        </a>
-
-        <div class="Authenticate">
-          <button class="sign-up">
-            <span><a href="sign_up.html" style="color:white;">Sign Up</a></span>
-          </button>
-
-          <button class="log-in"><span><a href="Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-        </div>
-        <label class="theme-switch">
-          <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-          <div class="theme-switch__container">
-            <div class="theme-switch__clouds"></div>
-            <div class="theme-switch__stars-container">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-              </svg>
-            </div>
-            <div class="theme-switch__circle-container">
-              <div class="theme-switch__sun-moon-container">
-                <div class="theme-switch__moon">
-                  <div class="theme-switch__spot"></div>
-                  <div class="theme-switch__spot"></div>
-                  <div class="theme-switch__spot"></div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </label>
-      </div>
-    </header>
-
-<div class="content">
-<br>
-  <div class="contact-form-container">
-    <h1 class="text-center text-2xl font-bold text-gray-800 mb-6">Contact Us</h1>
-    <form id="contactForm">
-      <label for="name" class="block font-semibold mb-2">Your Name</label>
-      <input
-        type="text"
-        id="name"
-        name="name"
-        placeholder="Enter your name"
-        required
-        class="w-full p-3 mb-4 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
-      />
-
-      <label for="email" class="block font-semibold mb-2">Your Email</label>
-      <input
-        type="email"
-        id="email"
-        name="email"
-        placeholder="Enter your email"
-        required
-        class="w-full p-3 mb-4 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
-      />
-
-      <label for="mobile" class="block font-semibold mb-2">Your Mobile No</label>
-      <input
-        type="tel"
-        id="mobile"
-        name="mobile"
-        placeholder="Enter your mobile number"
-        required
-        class="w-full p-3 mb-4 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
-      />
-
-      <label for="message" class="block font-semibold mb-2">Your Message</label>
-      <textarea
-        id="message"
-        name="message"
-        rows="4"
-        placeholder="Enter your message"
-        required
-        class="w-full p-3 mb-4 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
-      ></textarea>
-
-      <button
-        type="submit"
-        class="w-full bg-blue-600 text-white p-3 rounded-lg hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500"
-      >
-        Send Message
-      </button>
-    </form>
-  </div>
-</div>
-<!-- Popup Message -->
-<div id="popupMessage" class="popup hidden">
-  <p>Your message has been sent successfully!🎉</p>
-  <button onclick="closePopup()">Close</button>
-</div>
-<footer>
-
-  <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-    <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-      <img src="img\logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-      <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-
-    </div>
-
-    <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-      <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-      <ul style="list-style: none; padding: 0;">
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-        <li><a href="contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-      </ul>
-    </div>
-
-
-    <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-      <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-      <ul style="list-style: none; padding: 0;">
-        <li><a href="privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-        <li><a href="termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-      </ul>
-    </div>
-
-    <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-      <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-      <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-      </ul>
-    </div>
-  </div>
-  
-  <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-    <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-  </div>
-</footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="../script.js"></script>
-    <script>
-         const themeToggle = document.querySelector('.theme-toggle');
-    const icon = themeToggle.querySelector('span');
-
-    themeToggle.addEventListener('click', () => {
-        document.body.classList.toggle('dark-theme');
-        if (document.body.classList.contains('dark-theme')) {
-            icon.textContent = 'dark_mode';
-        } else {
-            icon.textContent = 'light_mode';
-        }
-    });
-    </script>
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      const form = document.getElementById("contactForm");
-      const popup = document.getElementById("popupMessage");
-
-      form.addEventListener("submit", function (event) {
-        event.preventDefault(); // Prevent the form from submitting normally
-        popup.classList.remove("hidden"); // Show the popup
-      });
-
-      function closePopup() {
-        popup.classList.add("hidden"); // Hide the popup
-        form.reset(); // Optional: Clear the form fields
-      }
-    </script>
-
-</body>
-
-</html>
\ No newline at end of file
diff --git a/home_page/index.html b/home_page/index.html
new file mode 100644
index 0000000..ffa1512
--- /dev/null
+++ b/home_page/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Studentify</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+
+  <div id="navbar">
+    <img id="main_image" src="../img/main_logo.jpg" alt="main logo">
+    <div id="nav-links">
+      <a href="../about_us/aboutUs.html"><p>About Us</p></a>
+      <a href="../student_profile/student_profile.html"><p>Student Profile</p></a>
+      <a href="../calendar page/calendar.html"><p>Calender</p></a>
+      <a href="../Faq/faq.html"><p>Faq</p></a>
+      <a href="../contactUs/contactUs.html"><p>Contact Us</p></a>
+      
+    </div>
+
+    <div id="buttons">
+      <a href="../Courses/courses.html"><button id="courses">Courses</button></a>
+      <a href="../Login-page/login.html"><button id="login">Log in</button></a>
+      
+      <img id="lightmode" src="../img/lightmode.svg" alt="Light Mode Toggle">
+    </div>
+  </div>
+
+  <div id="body">
+    <h1 id="heading">Welcome to STUDENTIFY</h1>
+    <p id="sub_heading">Empowering students with expert-led courses, flexible learning, and interactive resources.
+      Unlock your potential
+      and achieve academic success with us!</p>
+
+    <!-- Cards Section -->
+    <div id="cards-container">
+      <div class="card">
+        <h2>Expert-Led Courses</h2>
+        <p>Learn from the best with courses designed by industry experts.</p>
+      </div>
+      <div class="card">
+        <h2>Flexible Learning</h2>
+        <p>Study at your own pace with self-paced and live learning options.</p>
+      </div>
+      <div class="card">
+        <h2>Interactive Resources</h2>
+        <p>Engage with quizzes, projects, and peer collaborations for better learning.</p>
+      </div>
+    </div>
+  </div>
+
+  <!-- Footer Section -->
+  <footer id="footer">
+    <p>&copy; 2025 STUDENTIFY. All Rights Reserved.</p>
+    <p>Follow us:
+      <a href="#">Facebook</a> |
+      <a href="#">Twitter</a> |
+      <a href="#">Instagram</a>
+    </p>
+  </footer>
+
+
+
+</body>
+
+</html>
\ No newline at end of file
diff --git a/home_page/style.css b/home_page/style.css
new file mode 100644
index 0000000..bfe10e5
--- /dev/null
+++ b/home_page/style.css
@@ -0,0 +1,154 @@
+body {
+  font-family: "Arial", sans-serif;
+  margin: 0;
+  padding: 0;
+  background-color: #121212; /* Dark background */
+  color: #e0e0e0; /* Light text color */
+}
+
+#main_image {
+  height: 70px;
+  width: 70px;
+  border-radius: 50px;
+  cursor: pointer;
+}
+
+#navbar {
+  background-color: #1f1f1f; /* Darker navbar background */
+  color: white;
+  padding: 10px;
+  display: flex;
+  align-items: center;
+  justify-content: space-evenly;
+}
+
+#nav-links {
+  font-size: 18px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 30px;
+  cursor: pointer;
+}
+
+#nav-links a {
+  text-decoration: none; /* Remove the underline */
+  color: #e0e0e0; /* Set the text color to a light color (change this if needed) */
+  transition: color 0.3s ease; /* Smooth color transition on hover */
+}
+
+#nav-links a:hover {
+  color: #1a73e8; /* Change color on hover (you can customize this color) */
+}
+
+
+#buttons {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 20px;
+}
+
+#courses {
+  cursor: pointer;
+  background-color: #1a73e8; /* A blue color to match the dark theme */
+  color: white;
+  font-size: 16px;
+  padding: 10px 20px;
+  border-radius: 5px;
+  text-decoration: none;
+  transition: background-color 0.3s ease;
+}
+
+#courses:hover {
+  background-color: #1558b0; /* A darker blue for the hover effect */
+}
+
+#login {
+  cursor: pointer;
+  background-color: #34a853; /* Darker green */
+  color: white;
+  font-size: 16px;
+  padding: 10px 20px;
+  border-radius: 5px;
+  text-decoration: none;
+}
+
+#login:hover {
+  background-color: #2c8c47; /* Darker hover green */
+}
+
+#lightmode {
+  height: 30px;
+  width: 30px;
+  cursor: pointer;
+  color: white;
+  padding: 10px 20px;
+  border-radius: 5px;
+  text-decoration: none;
+}
+
+#heading {
+  text-align: center;
+  font-size: 40px;
+  margin: 20px;
+  color: #e0e0e0; /* Light text color */
+}
+#sub_heading {
+  text-align: center;
+  font-size: 30px;
+  margin: 20px;
+  color: #e0e0e0; /* Light text color */
+}
+
+/* Cards Section */
+#cards-container {
+  display: flex;
+  justify-content: center;
+  gap: 30px; /* Increased spacing between cards */
+  margin: 50px 20px;
+}
+
+.card {
+  cursor: pointer;
+  background: linear-gradient(
+    135deg,
+    #1a73e8,
+    #34a853
+  ); /* Gradient color for the card */
+  color: white;
+  border-radius: 15px; /* More rounded corners */
+  padding: 30px;
+  width: 350px; /* Increased card size */
+  text-align: center;
+  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.5);
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.card:hover {
+  transform: translateY(-12px);
+  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.7);
+}
+
+/* Footer Section */
+#footer {
+  background-color: #1f1f1f;
+  color: #e0e0e0;
+  text-align: center;
+  padding: 20px;
+  font-size: 14px;
+  position: fixed; /* Keeps the footer at the bottom */
+  bottom: 0;
+  left: 0;
+  width: 100%; /* Stretches footer across the width */
+}
+
+#footer a {
+  color: #1a73e8;
+  text-decoration: none;
+  margin: 0 8px;
+}
+
+#footer a:hover {
+  text-decoration: underline;
+}
diff --git a/img/New Background.jpeg b/img/New Background.jpeg
deleted file mode 100644
index 894cb54..0000000
Binary files a/img/New Background.jpeg and /dev/null differ
diff --git a/img/back.jpg b/img/back.jpg
deleted file mode 100644
index ea03520..0000000
Binary files a/img/back.jpg and /dev/null differ
diff --git a/img/background.jpg b/img/background.jpg
deleted file mode 100644
index f73dddd..0000000
Binary files a/img/background.jpg and /dev/null differ
diff --git a/img/favicon.ico b/img/favicon.ico
deleted file mode 100644
index fcf61d0..0000000
Binary files a/img/favicon.ico and /dev/null differ
diff --git a/img/lightmode.svg b/img/lightmode.svg
new file mode 100644
index 0000000..9108e7c
--- /dev/null
+++ b/img/lightmode.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="#ffffff" d="M361.5 1.2c5 2.1 8.6 6.6 9.6 11.9L391 121l107.9 19.8c5.3 1 9.8 4.6 11.9 9.6s1.5 10.7-1.6 15.2L446.9 256l62.3 90.3c3.1 4.5 3.7 10.2 1.6 15.2s-6.6 8.6-11.9 9.6L391 391 371.1 498.9c-1 5.3-4.6 9.8-9.6 11.9s-10.7 1.5-15.2-1.6L256 446.9l-90.3 62.3c-4.5 3.1-10.2 3.7-15.2 1.6s-8.6-6.6-9.6-11.9L121 391 13.1 371.1c-5.3-1-9.8-4.6-11.9-9.6s-1.5-10.7 1.6-15.2L65.1 256 2.8 165.7c-3.1-4.5-3.7-10.2-1.6-15.2s6.6-8.6 11.9-9.6L121 121 140.9 13.1c1-5.3 4.6-9.8 9.6-11.9s10.7-1.5 15.2 1.6L256 65.1 346.3 2.8c4.5-3.1 10.2-3.7 15.2-1.6zM160 256a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zm224 0a128 128 0 1 0 -256 0 128 128 0 1 0 256 0z"/></svg>
\ No newline at end of file
diff --git a/img/logo.jpg b/img/logo.jpg
deleted file mode 100644
index 545b8c6..0000000
Binary files a/img/logo.jpg and /dev/null differ
diff --git a/Contributors/logo.jpg b/img/main_logo.jpg
similarity index 100%
rename from Contributors/logo.jpg
rename to img/main_logo.jpg
diff --git a/index.html b/index.html
deleted file mode 100644
index 21d3456..0000000
--- a/index.html
+++ /dev/null
@@ -1,298 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="./style.css">
-    <link rel="stylesheet" href="./Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <script src="./Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-
-
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-      .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-
-        }
-  header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-
-   
-</style>
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="./img/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input"/>
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-
-    <div class="content">
-        <br>
-        <img src="./img/logo.jpg" alt="" class="Hi">
-        <div id="content">
-          <p id="message" class="message">Hi! </p>
-          <br>
-            <p id="content">Dear Student,</p>
-            <br>
-            <p>College is an exciting chapter filled with opportunities for growth, learning, and self-discovery. As you navigate this journey, I encourage you to embrace every experience with an open mind and a courageous spirit.</p>
-            <br>
-            <p>Amidst the challenges of coursework, exams, and deadlines, remember to prioritize your well-being. Take breaks when needed, seek support from friends and mentors, and cultivate healthy habits that nourish your mind, body, and soul.</p>
-            <br>
-            <p>It's natural to encounter obstacles along the way, but don't let setbacks deter you from pursuing your dreams. Use them as opportunities to learn, adapt, and grow stronger. Your resilience and determination will propel you forward, even in the face of adversity.</p>
-            <br>
-            <p>College is not just about academics; it's also about exploration and discovery. Take advantage of extracurricular activities, internships, and study abroad programs to broaden your horizons and discover new passions.</p>
-            <br>
-            <p>But amidst all the excitement, remember to stay true to yourself. Define your own path and pursue what truly inspires you. Your college experience is a journey of self-discovery, so don't be afraid to explore different paths and embrace your unique identity.</p>
-            <br>
-            <p>Above all, cherish the friendships and memories you create along the way. College is a time to forge lifelong connections and create unforgettable moments that will shape your future.</p>
-            <br>
-            <p>As you embark on this adventure, know that you have the potential to achieve greatness. Believe in yourself, stay focused on your goals, and never underestimate the power of your dreams.</p>
-        </div>
-        
-        <br>
-    </div>
-
-<footer>
-      
-  <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-    <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-      <img src="..\img\logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-      <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-        </div>
-    
-        <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-          <ul style="list-style: none; padding: 0;">
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-            <li><a href="contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-          </ul>
-        </div>
-    
-    
-        <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-          <ul style="list-style: none; padding: 0;">
-            <li><a href="privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-            <li><a href="termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-          </ul>
-        </div>
-    
-        <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-          <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-          </ul>
-        </div>
-      </div>
-    
-      <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-        <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-      </div>
-    </div>
-
-  <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-
-</footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="./script.js"></script>
-   <!-- Dark  mode theme -->
-  <script>
-  // Function to set the theme
-function setTheme(themeName) {
-    document.body.className = themeName;
-    localStorage.setItem('theme', themeName);
-}
-
-// Function to toggle the theme
-function toggleTheme() {
-    if (document.body.classList.contains('theme-light')) {
-        setTheme('theme-dark');
-    } else {
-        setTheme('theme-light');
-    }
-}
-
-// Immediately invoked function to set the theme on initial load
-(function () {
-    const savedTheme = localStorage.getItem('theme') || 'theme-light';
-    setTheme(savedTheme);
-
-    // Set the checkbox state based on the saved theme
-    const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-    themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-})();
-
-   
-</script>
-
-
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-</body>
-
-</html>
diff --git a/navigateToPages/Chatbot/chat.css b/navigateToPages/Chatbot/chat.css
deleted file mode 100644
index 018ff4b..0000000
--- a/navigateToPages/Chatbot/chat.css
+++ /dev/null
@@ -1,199 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  font-family: "Poppins", sans-serif;
-}
-body {
-  background: #E3F2FD;
-}
-.chatbot-toggler {
-  position: fixed;
-  bottom: 30px;
-  right: 35px;
-  outline: none;
-  border: none;
-  height: 50px;
-  width: 50px;
-  display: flex;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background: rgb(80, 183, 218);
-  transition: all 0.2s ease;
-}
-.chatbot-toggler:hover{
-  background: #add8e6;
-}
-body.show-chatbot .chatbot-toggler {
-  transform: rotate(90deg);
-}
-.chatbot-toggler span {
-  color: #fff;
-  position: absolute;
-}
-.chatbot-toggler span:last-child,
-body.show-chatbot .chatbot-toggler span:first-child  {
-  opacity: 0;
-}
-body.show-chatbot .chatbot-toggler span:last-child {
-  opacity: 1;
-}
-.chatbot {
-  position: fixed;
-  right: 35px;
-  bottom: 90px;
-  width: 420px;
-  background: #fff;
-  border-radius: 15px;
-  overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-  transform: scale(0.5);
-  transform-origin: bottom right;
-  box-shadow: 0 0 128px 0 rgba(0,0,0,0.1),
-              0 32px 64px -48px rgba(0,0,0,0.5);
-  transition: all 0.1s ease;
-}
-body.show-chatbot .chatbot {
-  opacity: 1;
-  pointer-events: auto;
-  transform: scale(1);
-}
-.chatbot header {
-  padding: 16px 0;
-  position: relative;
-  text-align: center;
-  color: #fff;
-  background: #add8e6;
-  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-}
-.chatbot header span {
-  position: absolute;
-  right: 15px;
-  top: 50%;
-  display: none;
-  cursor: pointer;
-  transform: translateY(-50%);
-}
-header h2 {
-  font-size: 1.4rem;
-}
-.chatbot .chatbox {
-  overflow-y: auto;
-  height: 510px;
-  padding: 30px 20px 100px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar {
-  width: 6px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-track {
-  background: #fff;
-  border-radius: 25px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-thumb {
-  background: #ccc;
-  border-radius: 25px;
-}
-.chatbox .chat {
-  display: flex;
-  list-style: none;
-}
-.chatbox .outgoing {
-  margin: 20px 0;
-  justify-content: flex-end;
-}
-.chatbox .incoming span {
-  width: 32px;
-  height: 32px;
-  color: #fff;
-  cursor: default;
-  text-align: center;
-  line-height: 32px;
-  align-self: flex-end;
-  background: #add8e6;
-  border-radius: 4px;
-  margin: 0 10px 7px 0;
-}
-.chatbox .chat p {
-  white-space: pre-wrap;
-  padding: 12px 16px;
-  border-radius: 10px 10px 0 10px;
-  max-width: 75%;
-  color: #fff;
-  font-size: 0.95rem;
-  background: #add8e6;
-
-}
-.chatbox .incoming p {
-  border-radius: 10px 10px 10px 0;
-}
-.chatbox .chat p.error {
-  color: #721c24;
-  background: #f8d7da;
-}
-.chatbox .incoming p {
-  color: #000;
-  background: #f2f2f2;
-}
-.chatbot .chat-input {
-  display: flex;
-  gap: 5px;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  background: #fff;
-  padding: 3px 20px;
-  border-top: 1px solid #ddd;
-}
-.chat-input textarea {
-  height: 55px;
-  width: 100%;
-  border: none;
-  outline: none;
-  resize: none;
-  max-height: 180px;
-  padding: 15px 15px 15px 0;
-  font-size: 0.95rem;
-}
-.chat-input span {
-  align-self: flex-end;
-  background: #add8e6;
-
-  cursor: pointer;
-  height: 55px;
-  display: flex;
-  align-items: center;
-  visibility: hidden;
-  font-size: 1.35rem;
-}
-.chat-input textarea:valid ~ span {
-  visibility: visible;
-}
-
-@media (max-width: 490px) {
-  .chatbot-toggler {
-    right: 20px;
-    bottom: 20px;
-  }
-  .chatbot {
-    right: 0;
-    bottom: 0;
-    height: 100%;
-    border-radius: 0;
-    width: 100%;
-  }
-  .chatbot .chatbox {
-    height: 90%;
-    padding: 25px 15px 100px;
-  }
-  .chatbot .chat-input {
-    padding: 5px 15px;
-  }
-  .chatbot header span {
-    display: block;
-  }
-}
\ No newline at end of file
diff --git a/navigateToPages/Chatbot/chat.js b/navigateToPages/Chatbot/chat.js
deleted file mode 100644
index 0f72b7d..0000000
--- a/navigateToPages/Chatbot/chat.js
+++ /dev/null
@@ -1,73 +0,0 @@
-const chatbotToggler = document.querySelector(".chatbot-toggler");
-const closeBtn = document.querySelector(".close-btn");
-const chatbox = document.querySelector(".chatbox");
-const chatInput = document.querySelector(".chat-input textarea");
-const sendChatBtn = document.querySelector(".chat-input span");
-
-let userMessage = null; 
-
-const faqData = {
-    "How can I view the products?": "Go to our 'SERVICES' page",
-    "Where can I find about startups": "Go to our 'SERVICES' page",
-    "How are you?": "I am fine! How can I help you?",
-    "I am feeling stressed!":"No need to worry, we've got your back! Just go to CALM ZONE and Relax!"
-};
-
-const inputInitHeight = chatInput.scrollHeight;
-
-const createChatLi = (message, className) => {
-    const chatLi = document.createElement("li");
-    chatLi.classList.add("chat", `${className}`);
-    let chatContent = className === "outgoing" ? `<p></p>` : `<span class="material-symbols-outlined">smart_toy</span><p></p>`;
-    chatLi.innerHTML = chatContent;
-    chatLi.querySelector("p").textContent = message;
-    return chatLi; 
-}
-
-const generateResponse = (chatElement) => {
-    const messageElement = chatElement.querySelector("p");
-
-    const answer = faqData[userMessage];
-
-    if (answer) {
-        messageElement.textContent = answer;
-    } else {
-        messageElement.textContent = "Sorry, I couldn't find an answer to that question.";
-    }
-
-    chatbox.scrollTo(0, chatbox.scrollHeight);
-}
-
-const handleChat = () => {
-    userMessage = chatInput.value.trim(); 
-    if (!userMessage) return;
-
-    chatInput.value = "";
-    chatInput.style.height = `${inputInitHeight}px`;
-
-    chatbox.appendChild(createChatLi(userMessage, "outgoing"));
-    chatbox.scrollTo(0, chatbox.scrollHeight);
-
-    setTimeout(() => {
-        const incomingChatLi = createChatLi("Thinking...", "incoming");
-        chatbox.appendChild(incomingChatLi);
-        chatbox.scrollTo(0, chatbox.scrollHeight);
-        generateResponse(incomingChatLi);
-    }, 600);
-}
-
-chatInput.addEventListener("input", () => {
-    chatInput.style.height = `${inputInitHeight}px`;
-    chatInput.style.height = `${chatInput.scrollHeight}px`;
-});
-
-chatInput.addEventListener("keydown", (e) => {
-    if (e.key === "Enter" && !e.shiftKey && window.innerWidth > 800) {
-        e.preventDefault();
-        handleChat();
-    }
-});
-
-sendChatBtn.addEventListener("click", handleChat);
-closeBtn.addEventListener("click", () => document.body.classList.remove("show-chatbot"));
-chatbotToggler.addEventListener("click", () => document.body.classList.toggle("show-chatbot"));
diff --git a/navigateToPages/Contributors/Chatbot/chat.css b/navigateToPages/Contributors/Chatbot/chat.css
deleted file mode 100644
index 018ff4b..0000000
--- a/navigateToPages/Contributors/Chatbot/chat.css
+++ /dev/null
@@ -1,199 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
-
-* {
-  margin: 0;
-  padding: 0;
-  box-sizing: border-box;
-  font-family: "Poppins", sans-serif;
-}
-body {
-  background: #E3F2FD;
-}
-.chatbot-toggler {
-  position: fixed;
-  bottom: 30px;
-  right: 35px;
-  outline: none;
-  border: none;
-  height: 50px;
-  width: 50px;
-  display: flex;
-  cursor: pointer;
-  align-items: center;
-  justify-content: center;
-  border-radius: 50%;
-  background: rgb(80, 183, 218);
-  transition: all 0.2s ease;
-}
-.chatbot-toggler:hover{
-  background: #add8e6;
-}
-body.show-chatbot .chatbot-toggler {
-  transform: rotate(90deg);
-}
-.chatbot-toggler span {
-  color: #fff;
-  position: absolute;
-}
-.chatbot-toggler span:last-child,
-body.show-chatbot .chatbot-toggler span:first-child  {
-  opacity: 0;
-}
-body.show-chatbot .chatbot-toggler span:last-child {
-  opacity: 1;
-}
-.chatbot {
-  position: fixed;
-  right: 35px;
-  bottom: 90px;
-  width: 420px;
-  background: #fff;
-  border-radius: 15px;
-  overflow: hidden;
-  opacity: 0;
-  pointer-events: none;
-  transform: scale(0.5);
-  transform-origin: bottom right;
-  box-shadow: 0 0 128px 0 rgba(0,0,0,0.1),
-              0 32px 64px -48px rgba(0,0,0,0.5);
-  transition: all 0.1s ease;
-}
-body.show-chatbot .chatbot {
-  opacity: 1;
-  pointer-events: auto;
-  transform: scale(1);
-}
-.chatbot header {
-  padding: 16px 0;
-  position: relative;
-  text-align: center;
-  color: #fff;
-  background: #add8e6;
-  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
-}
-.chatbot header span {
-  position: absolute;
-  right: 15px;
-  top: 50%;
-  display: none;
-  cursor: pointer;
-  transform: translateY(-50%);
-}
-header h2 {
-  font-size: 1.4rem;
-}
-.chatbot .chatbox {
-  overflow-y: auto;
-  height: 510px;
-  padding: 30px 20px 100px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar {
-  width: 6px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-track {
-  background: #fff;
-  border-radius: 25px;
-}
-.chatbot :where(.chatbox, textarea)::-webkit-scrollbar-thumb {
-  background: #ccc;
-  border-radius: 25px;
-}
-.chatbox .chat {
-  display: flex;
-  list-style: none;
-}
-.chatbox .outgoing {
-  margin: 20px 0;
-  justify-content: flex-end;
-}
-.chatbox .incoming span {
-  width: 32px;
-  height: 32px;
-  color: #fff;
-  cursor: default;
-  text-align: center;
-  line-height: 32px;
-  align-self: flex-end;
-  background: #add8e6;
-  border-radius: 4px;
-  margin: 0 10px 7px 0;
-}
-.chatbox .chat p {
-  white-space: pre-wrap;
-  padding: 12px 16px;
-  border-radius: 10px 10px 0 10px;
-  max-width: 75%;
-  color: #fff;
-  font-size: 0.95rem;
-  background: #add8e6;
-
-}
-.chatbox .incoming p {
-  border-radius: 10px 10px 10px 0;
-}
-.chatbox .chat p.error {
-  color: #721c24;
-  background: #f8d7da;
-}
-.chatbox .incoming p {
-  color: #000;
-  background: #f2f2f2;
-}
-.chatbot .chat-input {
-  display: flex;
-  gap: 5px;
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  background: #fff;
-  padding: 3px 20px;
-  border-top: 1px solid #ddd;
-}
-.chat-input textarea {
-  height: 55px;
-  width: 100%;
-  border: none;
-  outline: none;
-  resize: none;
-  max-height: 180px;
-  padding: 15px 15px 15px 0;
-  font-size: 0.95rem;
-}
-.chat-input span {
-  align-self: flex-end;
-  background: #add8e6;
-
-  cursor: pointer;
-  height: 55px;
-  display: flex;
-  align-items: center;
-  visibility: hidden;
-  font-size: 1.35rem;
-}
-.chat-input textarea:valid ~ span {
-  visibility: visible;
-}
-
-@media (max-width: 490px) {
-  .chatbot-toggler {
-    right: 20px;
-    bottom: 20px;
-  }
-  .chatbot {
-    right: 0;
-    bottom: 0;
-    height: 100%;
-    border-radius: 0;
-    width: 100%;
-  }
-  .chatbot .chatbox {
-    height: 90%;
-    padding: 25px 15px 100px;
-  }
-  .chatbot .chat-input {
-    padding: 5px 15px;
-  }
-  .chatbot header span {
-    display: block;
-  }
-}
\ No newline at end of file
diff --git a/navigateToPages/Contributors/Chatbot/chat.js b/navigateToPages/Contributors/Chatbot/chat.js
deleted file mode 100644
index 0f72b7d..0000000
--- a/navigateToPages/Contributors/Chatbot/chat.js
+++ /dev/null
@@ -1,73 +0,0 @@
-const chatbotToggler = document.querySelector(".chatbot-toggler");
-const closeBtn = document.querySelector(".close-btn");
-const chatbox = document.querySelector(".chatbox");
-const chatInput = document.querySelector(".chat-input textarea");
-const sendChatBtn = document.querySelector(".chat-input span");
-
-let userMessage = null; 
-
-const faqData = {
-    "How can I view the products?": "Go to our 'SERVICES' page",
-    "Where can I find about startups": "Go to our 'SERVICES' page",
-    "How are you?": "I am fine! How can I help you?",
-    "I am feeling stressed!":"No need to worry, we've got your back! Just go to CALM ZONE and Relax!"
-};
-
-const inputInitHeight = chatInput.scrollHeight;
-
-const createChatLi = (message, className) => {
-    const chatLi = document.createElement("li");
-    chatLi.classList.add("chat", `${className}`);
-    let chatContent = className === "outgoing" ? `<p></p>` : `<span class="material-symbols-outlined">smart_toy</span><p></p>`;
-    chatLi.innerHTML = chatContent;
-    chatLi.querySelector("p").textContent = message;
-    return chatLi; 
-}
-
-const generateResponse = (chatElement) => {
-    const messageElement = chatElement.querySelector("p");
-
-    const answer = faqData[userMessage];
-
-    if (answer) {
-        messageElement.textContent = answer;
-    } else {
-        messageElement.textContent = "Sorry, I couldn't find an answer to that question.";
-    }
-
-    chatbox.scrollTo(0, chatbox.scrollHeight);
-}
-
-const handleChat = () => {
-    userMessage = chatInput.value.trim(); 
-    if (!userMessage) return;
-
-    chatInput.value = "";
-    chatInput.style.height = `${inputInitHeight}px`;
-
-    chatbox.appendChild(createChatLi(userMessage, "outgoing"));
-    chatbox.scrollTo(0, chatbox.scrollHeight);
-
-    setTimeout(() => {
-        const incomingChatLi = createChatLi("Thinking...", "incoming");
-        chatbox.appendChild(incomingChatLi);
-        chatbox.scrollTo(0, chatbox.scrollHeight);
-        generateResponse(incomingChatLi);
-    }, 600);
-}
-
-chatInput.addEventListener("input", () => {
-    chatInput.style.height = `${inputInitHeight}px`;
-    chatInput.style.height = `${chatInput.scrollHeight}px`;
-});
-
-chatInput.addEventListener("keydown", (e) => {
-    if (e.key === "Enter" && !e.shiftKey && window.innerWidth > 800) {
-        e.preventDefault();
-        handleChat();
-    }
-});
-
-sendChatBtn.addEventListener("click", handleChat);
-closeBtn.addEventListener("click", () => document.body.classList.remove("show-chatbot"));
-chatbotToggler.addEventListener("click", () => document.body.classList.toggle("show-chatbot"));
diff --git a/navigateToPages/Contributors/New Background.jpeg b/navigateToPages/Contributors/New Background.jpeg
deleted file mode 100644
index 894cb54..0000000
Binary files a/navigateToPages/Contributors/New Background.jpeg and /dev/null differ
diff --git a/navigateToPages/Contributors/contributor.html b/navigateToPages/Contributors/contributor.html
deleted file mode 100644
index b3b42f7..0000000
--- a/navigateToPages/Contributors/contributor.html
+++ /dev/null
@@ -1,335 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="./style.css">
-    <link rel="stylesheet" href="./Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <script src="./Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-
-    <style>
-      /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-          z-index: 1000;
-      }
-  
-      #scrollToTopBtn:hover {
-          background-color: rgb(60, 163, 198);
-      }
-      .container {
-        width: 90%;
-        margin: 0 auto;
-        padding: 20px;
-        text-align: center;
-    }
-
-    /* Title Styling */
-    .title {
-        font-weight: bold;
-        font-size: 2.5rem;
-        color: #333;
-        text-transform: uppercase; /* Makes the text all caps */
-        margin-bottom: 30px;
-        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1); /* Adds a subtle shadow effect */
-    }
-      /* Body Styling */
-      body {
-          margin: 0;
-          padding: 0;
-          font-family: Arial, sans-serif;
-          background-image: url('./New Background.jpeg'); /* Added background image */
-          background-size: cover; /* Ensures the image covers the entire body */
-          background-position: center; /* Center the image */
-          background-repeat: no-repeat; /* Ensures the image doesn’t repeat */
-          background-attachment: fixed; /* Keeps the image fixed during scrolling */
-          color: #333;
-      }
-  
-      /* Contributors Grid */
-      .contributors-grid {
-          display: grid;
-          grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-          gap: 20px;
-          margin: 40px auto;
-          padding: 0 20px;
-          max-width: 1200px;
-      }
-  
-      /* Contributor Card */
-      .contributor-card {
-          background: #fff;
-          padding: 20px;
-          border-radius: 10px;
-          box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
-          transform: perspective(1000px) rotateX(0deg) rotateY(0deg);
-          transition: transform 0.3s ease, box-shadow 0.3s ease;
-          text-align: center;
-      }
-  
-      .contributor-card:hover {
-          transform: perspective(1000px) rotateX(5deg) rotateY(-5deg);
-          box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
-      }
-  
-      .contributor-card img {
-          width: 100px;
-          height: 100px;
-          border-radius: 50%;
-          margin-bottom: 10px;
-          box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-      }
-  
-      .contributor-card h3 {
-          margin: 10px 0;
-          font-size: 1.2rem;
-          color: #222;
-      }
-  
-      .contributor-card p {
-          font-size: 0.9rem;
-          color: #666;
-      }
-  
-      /* Responsive Design */
-      @media (max-width: 768px) {
-          .contributors-grid {
-              padding: 10px;
-          }
-  
-          .contributor-card {
-              padding: 15px;
-          }
-  
-          .contributor-card h3 {
-              font-size: 1rem;
-          }
-  
-          .contributor-card p {
-              font-size: 0.85rem;
-          }
-      }
-  </style>
-  
-</head>
-
-<body >
-
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input" />
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-
-      <body>
-        <!-- Contributors Section -->
-<div class="container">
-  <h1 class="title">Contributors of STUDENT-IFY</h1>
-  <div id="contributors" class="contributors-grid">
-    <!-- Dynamic contributors will be added here -->
-  </div>
-</div>
-
-<script src="contributor.js"></script>
-
-    </body>
-
-
-    <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-  
-          </div>
-      
-          <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-            </ul>
-          </div>
-      
-      
-          <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-            </ul>
-          </div>
-      
-          <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-            <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-            </ul>
-          </div>
-        </div>
-      
-        <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-          <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-        </div>
-  
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-  
-      </footer>
-  
-      <button class="chatbot-toggler">
-          <span class="material-symbols-rounded">mode_comment</span>
-          <span class="material-symbols-outlined">close</span>
-      </button>
-      <div class="chatbot">
-          <header>
-              <h2>Chatbot</h2>
-              <span class="close-btn material-symbols-outlined">close</span>
-          </header>
-          <ul class="chatbox">
-              <li class="chat incoming">
-                  <span class="material-symbols-outlined">smart_toy</span>
-                  <p>Hi there 👋<br>How can I help you today?</p>
-              </li>
-          </ul>
-          <div class="chat-input">
-              <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-              <span id="send-btn" class="material-symbols-rounded">send</span>
-          </div>
-      </div>
-  
-      <script src="./script.js"></script>
-      <script>
-          const themeToggle = document.querySelector('.theme-toggle');
-          const icon = themeToggle.querySelector('span');
-  
-          themeToggle.addEventListener('click', () => {
-              document.body.classList.toggle('dark-theme');
-              if (document.body.classList.contains('dark-theme')) {
-                  icon.textContent = 'dark_mode';
-              } else {
-                  icon.textContent = 'light_mode';
-              }
-          });
-      </script>
-       <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-       <script>
-        // Get the button
-        let mybutton = document.getElementById("scrollToTopBtn");
-      
-        // When the user scrolls down 20px from the top of the document, show the button
-        window.onscroll = function () {
-            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-                mybutton.style.display = "block";
-            } else {
-                mybutton.style.display = "none";
-            }
-        };
-      
-        // When the user clicks on the button, scroll to the top of the document
-        mybutton.onclick = function () {
-            document.body.scrollTop = 0;
-            document.documentElement.scrollTop = 0;
-        };
-      </script>
-  </body>
-  
-  </html>
\ No newline at end of file
diff --git a/navigateToPages/Contributors/contributor.js b/navigateToPages/Contributors/contributor.js
deleted file mode 100644
index e2790e7..0000000
--- a/navigateToPages/Contributors/contributor.js
+++ /dev/null
@@ -1,60 +0,0 @@
-const REPO_OWNER = "avanimathur";
-const REPO_NAME = "Student-ify";
-const GITHUB_TOKEN = ""; // Optional: Add your GitHub personal access token to avoid rate limits
-
-async function fetchContributors() {
-  const contributorsContainer = document.getElementById("contributors");
-
-  try {
-    // Fetch contributors from the GitHub API
-    const response = await fetch(
-      `https://api.github.com/repos/${REPO_OWNER}/${REPO_NAME}/contributors`,
-      {
-        headers: GITHUB_TOKEN ? { Authorization: `token ${GITHUB_TOKEN}` } : {},
-      }
-    );
-
-    if (!response.ok) throw new Error("Failed to fetch contributors");
-
-    const contributors = await response.json();
-
-    contributors.forEach((contributor) => {
-      // Create a card for each contributor
-      const card = document.createElement("div");
-      card.className = "contributor-card";
-
-      // Profile image
-      const img = document.createElement("img");
-      img.src = contributor.avatar_url;
-      img.alt = contributor.login;
-
-      // GitHub username
-      const name = document.createElement("h3");
-      name.textContent = contributor.login;
-
-      // GitHub profile link
-      const githubLink = document.createElement("a");
-      githubLink.href = contributor.html_url;
-      githubLink.target = "_blank";
-      githubLink.textContent = "GitHub Profile";
-
-      // Append elements to card
-      card.appendChild(img);
-      card.appendChild(name);
-      card.appendChild(githubLink);
-
-      // Append card to container
-      contributorsContainer.appendChild(card);
-    });
-  } catch (error) {
-    console.error("Error fetching contributors:", error);
-
-    // Show error message on the page
-    const errorMessage = document.createElement("p");
-    errorMessage.textContent = "Failed to load contributors. Please try again.";
-    contributorsContainer.appendChild(errorMessage);
-  }
-}
-
-// Fetch and render contributors on page load
-fetchContributors();
diff --git a/navigateToPages/Contributors/logo.jpg b/navigateToPages/Contributors/logo.jpg
deleted file mode 100644
index 545b8c6..0000000
Binary files a/navigateToPages/Contributors/logo.jpg and /dev/null differ
diff --git a/navigateToPages/Contributors/style.css b/navigateToPages/Contributors/style.css
deleted file mode 100644
index a58bc12..0000000
--- a/navigateToPages/Contributors/style.css
+++ /dev/null
@@ -1,923 +0,0 @@
-
-@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@200;300;400;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
-
-*{
-    margin: 0;
-    padding: 0;
-    font-family: "Martel Sans", sans-serif;
-
-}
-html,body{
-    overflow-x: hidden;
-}
-
-
-.content{
-  background-image: url('img/New Background.jpeg');
-  background-size: cover;
-  padding: 2rem 4rem;
- }
-
-.content div{
-  margin-top: 4rem;
-  border-radius: 8px;
-  padding: 3rem;
-  box-shadow: 3px -3px 24px 2px rgba(239, 236, 236, 0.5);
-
-}
-
-.header{
-    overflow: hidden;
-    width: 100%;
-    height: 5rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: lightsalmon ;
-}
-
-.logo {
-    
-    width: 80px; 
-    height: auto; 
-}
-
-
-/*navbar*/
-  
-  .navbar-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    color: white;
-  }
-  
-  .navbar-list li {
-    display: inline-block; 
-    color: white;
-  }
-  
-  /* Dark Mode */
-  @media (prefers-color-scheme: dark) {
-    .header {
-        background-color: darkslategray; /* Change to your desired dark color */
-    }
-  
-    .navbar-list li {
-        color: white; /* Ensure text is readable in dark mode */
-    }
-  }
-  
-  
-  /*-----navbar------*/
-      .navbar{
-          display: flex;
-          align-items: center;
-          gap: 40px;
-      }
-      .navbar-list{
-      list-style-type: none;
-      margin: 0;
-      padding: 0;
-      display: flex;
-  }
-  
-  .navbar-list li a{
-      display: inline-block; 
-      font-size: 15px;
-      text-decoration: none;
-  }
-  .navbar-list li a:hover{
-    transform: scale(1.3); /* Adjust the scale value as needed */
-    transition: transform 0.3s ease; /* Smooth zoom-in effect */
-    color: black;
-    text-decoration: none;
-  }
-  
-  header{
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding:0 20px;
-  background: linear-gradient(45deg, #3498db, #2ecc71);
-  }
-  
-  .left{
-    display: flex;
-    gap: 20px;
-  }
-  
-  .right{
-    display: flex;
-    gap: 12px;
-  }
-  
-  .group {
-    display: flex;
-    line-height: 28px;
-    align-items: center;
-    position: relative;
-    max-width: 190px;
-   }
-   
-   .input {
-    width: 100%;
-    height: 40px;
-    line-height: 28px;
-    padding: 0 1rem;
-    padding-left: 2.5rem;
-    border: 2px solid transparent;
-    border-radius: 8px;
-    outline: none;
-    background-color:whitesmoke;
-    color: white;
-    transition: .3s ease;
-   }
-   
-   .input::placeholder {
-    color: #9e9ea7;
-   }
-   
-   .input:focus, input:hover {
-    outline: none;
-    border-color: rgba(234,76,137,0.4);
-    background-color: #fff;
-    box-shadow: 0 0 0 4px rgb(234 76 137 / 10%);
-   }
-   
-   .icon {
-    position: absolute;
-    left: 1rem;
-    fill: #9e9ea7;
-    width: 1rem;
-    height: 1rem;
-   }
-  
-   .button-explore {
-    width: 40px;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 10px;
-    background-color: #0f0c29;
-    border-radius: 30px;
-    color: rgb(255, 255, 255);
-    font-weight: 600;
-    border: none;
-    position: relative;
-    cursor: pointer;
-    transition-duration: .2s;
-    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.116);
-    padding-left: 8px;
-    transition-duration: .5s;
-  }
-  
-  .svgIcon {
-    height: 25px;
-    transition-duration: 1.5s;
-    filter: invert();
-  }
-  
-  .bell path {
-    fill: rgb(19, 19, 19);
-  }
-  
-  .button-explore:hover {
-    background-color: rgb(232, 113, 16);
-    transition-duration: .5s;
-  }
-  
-  .button-explore:active {
-    transform: scale(0.97);
-    transition-duration: .2s;
-  }
-  
-  .button-explore:hover .svgIcon {
-    transform: rotate(250deg);
-    transition-duration: 1.5s;
-  }
-  
-  
-  .Authenticate{
-    display: flex;
-    gap: 10px;
-    height: 40px;
-  }
-   
-  .sign-up,.log-in {
-    display: flex;
-    align-items: center;
-    font-family: inherit;
-    cursor: pointer;
-    font-weight: 500;
-    font-size: 17px;
-    padding: 0.8em 1.3em 0.8em 0.9em;
-    color: white;
-    background: #ad5389;
-    background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
-    border: none;
-    letter-spacing: 0.05em;
-    border-radius: 16px;
-  }
-  
-  
-  .sign-up,.log-in span {
-    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
-  }
-  
-  
-  .sign-up:hover,.log-in:hover span {
-    transform: translateX(7px);
-  }
-
-
-  /*------theme toggler------**/
-  .theme-switch {
-    --toggle-size: 15px;
-    /* the size is adjusted using font-size,
-       this is not transform scale,
-       so you can choose any size */
-    --container-width: 5.625em;
-    --container-height: 2.5em;
-    --container-radius: 6.25em;
-    /* radius 0 - minecraft mode :) */
-    --container-light-bg: #3D7EAE;
-    --container-night-bg: #1D1F2C;
-    --circle-container-diameter: 3.375em;
-    --sun-moon-diameter: 2.125em;
-    --sun-bg: #ECCA2F;
-    --moon-bg: #C4C9D1;
-    --spot-color: #959DB1;
-    --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
-    --stars-color: #fff;
-    --clouds-color: #F3FDFF;
-    --back-clouds-color: #AACADF;
-    --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
-  }
-  
-  .theme-switch, .theme-switch *, .theme-switch *::before, .theme-switch *::after {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    font-size: var(--toggle-size);
-  }
-  
-  .theme-switch__container {
-    width: var(--container-width);
-    height: var(--container-height);
-    background-color: var(--container-light-bg);
-    border-radius: var(--container-radius);
-    overflow: hidden;
-    cursor: pointer;
-    -webkit-box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-    box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-    position: relative;
-  }
-  
-  .theme-switch__container::before {
-    content: "";
-    position: absolute;
-    z-index: 1;
-    inset: 0;
-    -webkit-box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-    box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-    border-radius: var(--container-radius)
-  }
-  
-  .theme-switch__checkbox {
-    display: none;
-  }
-  
-  .theme-switch__circle-container {
-    width: var(--circle-container-diameter);
-    height: var(--circle-container-diameter);
-    background-color: rgba(255, 255, 255, 0.1);
-    position: absolute;
-    left: var(--circle-container-offset);
-    top: var(--circle-container-offset);
-    border-radius: var(--container-radius);
-    -webkit-box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-    box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-transition: var(--circle-transition);
-    -o-transition: var(--circle-transition);
-    transition: var(--circle-transition);
-    pointer-events: none;
-  }
-  
-  .theme-switch__sun-moon-container {
-    pointer-events: auto;
-    position: relative;
-    z-index: 2;
-    width: var(--sun-moon-diameter);
-    height: var(--sun-moon-diameter);
-    margin: auto;
-    border-radius: var(--container-radius);
-    background-color: var(--sun-bg);
-    -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-    box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-    -webkit-filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-    filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-    overflow: hidden;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-  }
-  
-  .theme-switch__moon {
-    -webkit-transform: translateX(100%);
-    -ms-transform: translateX(100%);
-    transform: translateX(100%);
-    width: 100%;
-    height: 100%;
-    background-color: var(--moon-bg);
-    border-radius: inherit;
-    -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-    box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-    position: relative;
-  }
-  
-  .theme-switch__spot {
-    position: absolute;
-    top: 0.75em;
-    left: 0.312em;
-    width: 0.75em;
-    height: 0.75em;
-    border-radius: var(--container-radius);
-    background-color: var(--spot-color);
-    -webkit-box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-    box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-  }
-  
-  .theme-switch__spot:nth-of-type(2) {
-    width: 0.375em;
-    height: 0.375em;
-    top: 0.937em;
-    left: 1.375em;
-  }
-  
-  .theme-switch__spot:nth-last-of-type(3) {
-    width: 0.25em;
-    height: 0.25em;
-    top: 0.312em;
-    left: 0.812em;
-  }
-  
-  .theme-switch__clouds {
-    width: 1.25em;
-    height: 1.25em;
-    background-color: var(--clouds-color);
-    border-radius: var(--container-radius);
-    position: absolute;
-    bottom: -0.625em;
-    left: 0.312em;
-    -webkit-box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-    box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-    -webkit-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    -o-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-  }
-  
-  .theme-switch__stars-container {
-    position: absolute;
-    color: var(--stars-color);
-    top: -100%;
-    left: 0.312em;
-    width: 2.75em;
-    height: auto;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-  }
-  
-  /* actions */
-  
-  .theme-switch__checkbox:checked + .theme-switch__container {
-    background-color: var(--container-night-bg);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
-    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter));
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
-    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em)
-  }
-  
-  .theme-switch__circle-container:hover {
-    left: calc(var(--circle-container-offset) + 0.187em);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
-    -webkit-transform: translate(0);
-    -ms-transform: translate(0);
-    transform: translate(0);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
-    bottom: -4.062em;
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
-  }
-/*-navbar ends----------*/
-
-.Hi {
-    border-radius: 50%;
-    margin: auto;
-    border-style: groove;
-    display: block;
-    opacity: 0; 
-    transition: opacity 1s ease; 
-}
-
-.Hi.loaded {
-    opacity: 1; 
-}
-
-.Hi:hover{
-    opacity: 0.5;
-    transform: scale(1.15);
-}
-.message{
-    text-align: center;
-    text-emphasis: none;
-}
-.message:hover{
-    text-decoration: underline;
-    text-shadow: black;
-    transform: scale(1.1);
-}
-p{
-    color: black;
-}
-
-.logo2 {
-    width: 150px; 
-    height: auto; 
-}
-
-.navbar{
-    
-    margin-right: 2rem;
-}
-.navbar-list{
-    display: flex;
-    list-style: none;
-    gap: 4rem;
-}
-li a,a:visited{
-    text-decoration: none;
-    font-size: 1.2rem;
-    color: #000;
-    font-weight: bold;
-    text-transform: uppercase;
-    transition: all 0.4s;
-}
-@media (max-width:995px) {
-    .navbar-list{
-        gap: 2rem;
-    }
-    li a,a:visited{
-        font-size: 1rem;
-    }
-}
-.navbar-list li a:hover{
-    opacity: 50%;
-    text-decoration: underline;
-}
-
-.logo{
-    border-radius: 20%;
-}
-
-.fa-solid.fa-comments, .fa-solid.fa-globe, .fa-solid.fa-handshake{
-   display: flex;
-   justify-content: center; 
-    font-size: 3rem;
-    padding: 0.5rem;
-}
-@media(max-width:920px) {
-    .boxes{
-        width: 60vw;
-    }
-}
-@media(max-width:820px) {
-    .box-section{
-        display: flex;
-        flex-direction: column;
-    }
-    .boxes{
-        width: 70vw;
-    }
-}
-@media(max-width:460px) {
-    .boxes{
-        width: 70vw;
-    }
-}
-.para1{
-    width: 100vw;
-    font-size: 1.2rem;
-}
-
-.search-bar {
-    display: flex;
-    align-items: center;
-}
-
-.search-input:hover{
-    background-color: lightgrey;
-}
-
-.search-input {
-    padding: 8px;
-    border: 1px solid #ccc;
-    border-radius: 20px; 
-    width: 200px;
-    margin-right: 10px;
-}
-
-.search-button {
-    background-color: #f5f5f5; 
-    border: none;
-    padding: 8px;
-    border-radius: 4px;
-    cursor: pointer;
-}
-
-.search-button:hover {
-    background-color: lightgreen; 
-}
-
-.sign-up , .log-in{
-    background-color: lightgrey;
-    border-radius: 20px;
-    padding: 8px;
-    border-color: lightyellow;
-}
-
-.sign-up:hover , .log-in:hover{
-    background-color: lightblue;
-}
-.footer{
-    overflow-x: hidden; 
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    height: 16rem;
-    background-color: grey;
-    gap: 1rem;
-}
-.logo2{
-    height: 6rem;
-    width: 9rem;
-    object-fit: cover;
-}
-.icons .fa-brands {
-    font-size: 2rem;
-    padding: 0.5rem;
-    border: 2px solid white; /* Border color matches footer background for contrast */
-    border-radius: 50%;
-    background-color: white; /* Background color of the icon */
-    color: black; /* Icon text color */
-    margin-bottom: auto;
-    transition: all 0.3s ease; /* Smooth transition for hover/click effects */
-}
-
-/* Hover effect for icons */
-.icons .fa-brands:hover {
-    background-color: #ff5722; /* Example hover background color (orange) */
-    color: white; /* Text color when hovered */
-    border-color: #ff5722; /* Border color changes on hover */
-    transform: scale(1.2); /* Slightly enlarges the icon */
-}
-
-
-.follow-us{
-    display: flex;
-    justify-content: center;
-    gap: 1rem;
-}
-.copyright{
-    font-size: 1.1rem;
-}
-
-.mobile-btn{
-    cursor: pointer;
-    gap: 1rem;
-    margin-right: 1rem;
-    display: none;
-}
-.fa-solid{
-    font-size: 2rem;
-}
-
-.fa-bars, .fa-xmark{
-    border: 3px solid #000;
-    padding: 0.4rem;
-}
-
-@media (max-width:670px) {
-    .fa-solid.fa-xmark{
-        display: none;
-    }
-    .navbar{
-        width: 100%;
-        height: 100vh;
-        background-color: beige;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        position: absolute;
-        top: 0;
-        left: 0;
-        transform: translateX(100%);
-        transition: all 0.6s linear;
-        opacity: 0;
-        visibility: hidden;
-    }
-    .navbar-list{
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        display: flex;
-    }
-    li a,a:visited{
-        font-size: 1.2rem;
-    }
-    .active .navbar{
-        opacity: 1;
-        visibility: visible;
-        transform: translateX(0);
-    }
-
-    .active .fa-solid .fa-xmark{
-        display: block;
-        border: 3px solid black;
-        font-size: 2rem;
-    }
-    .active #close{
-        display: block;
-    }
-    .active .fa-bars{
-        display: none;
-    }
-    .mobile-btn{
-        display: flex;
-    }
-}
-
-.cta-button {
-    background-color: #ff6600;
-    color: #fff;
-    padding: 10px 20px;
-    border: none;
-    border-radius: 5px;
-    font-size: 16px;
-    text-decoration: none;
-    transition: background-color 0.3s ease;
-}
-
-.cta-button:hover {
-    background-color: #ff8533;
-}
-
-/* Footer Styling */
-footer {
-    background-color: black;
-    padding: 40px 0;
-    font-family: 'Arial', sans-serif;
-    color: white;
-  }
-  
-  .footer-content {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: 20px;
-    max-width: 1200px;
-    margin: auto;
-    padding: 20px;
-  }
-  
-  .footer-section {
-    margin: 20px;
-  }
-  
-  .footer-section h2 {
-    font-size: 18px;
-    font-weight: bold;
-    margin-bottom: 20px;
-  }
-  
-  .footer-section ul {
-    list-style: none;
-    padding: 0;
-  }
-  
-  .footer-section ul li {
-    margin-bottom: 10px;
-  }
-  
-  .footer-section ul li a {
-    text-decoration: none;
-    color: #6c757d;
-    font-size: 14px;
-  }
-  
-  .footer-section ul li a:hover {
-    color: #000;
-  }
-  
-  .social-icons {
-    display: flex;
-    gap: 10px;
-  }
-  
-  .social-icons li {
-    list-style: none;
-  }
-  
-  .social-icons li a {
-    font-size: 20px;
-    color: #6c757d;
-  }
-  
-  /* Newsletter Section Styling */
-  .footer-section.newsletter {
-    grid-column: span 4; /* span across all sections */
-    padding: 30px;
-    background-color: black;
-    background-image: url('https://media.istockphoto.com/id/666193858/photo/indian-vegetarian-office-or-school-lunch-box-or-tiffin-with-north-indian-or-maharashtrian.jpg?s=612x612&w=0&k=20&c=Ac-U7hY1leIuM97jLNPqzv7SX5DbZofu5p_pfUCgeJA=');
-    text-align: center;
-    margin-top: 20px;
-    border-radius: 8px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  }
-  
-  .footer-section.newsletter h2 {
-    font-size: 22px;
-    color: #ea0202;
-    margin-bottom: 15px;
-  }
-  
-  .footer-section.newsletter p {
-    font-size: 14px;
-    color: #130111;
-    margin-bottom: 20px;
-  }
-  
-  .footer-section.newsletter .newsletter-form {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    align-items: center;
-  }
-  
-  .footer-section.newsletter .newsletter-form input {
-    padding: 10px;
-    font-size: 14px;
-    width: 250px;
-    border: 2px solid #ddd;
-    border-radius: 4px;
-    transition: border-color 0.3s ease;
-  }
-  
-  .footer-section.newsletter .newsletter-form input:focus {
-    border-color: #ff5722; /* Focused border color */
-    outline: none;
-  }
-  
-  .footer-section.newsletter .subscribe-btn {
-    background: linear-gradient(90deg, #ff5722, #ff0000); /* Red gradient */
-    color: #fff;
-    padding: 10px 20px;
-    font-size: 14px;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background 0.3s ease, transform 0.3s ease;
-  }
-  
-  .footer-section.newsletter .subscribe-btn:hover {
-    background: linear-gradient(90deg, #ff0000, #ff5722); /* Reverse gradient on hover */
-    transform: translateY(-3px); /* Button hover animation */
-  }
-  
-  .footer-bottom {
-    text-align: center;
-    padding: 20px 0;
-    background-color: #e9ecef;
-    font-size: 14px;
-  }
-
-.theme-toggle {
-    border-radius: 50%;
-    color: black;
-    background-color: yellow;
-    cursor: pointer;
-    padding: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.theme-toggle span {
-    font-size: 1.5rem;
-}
-
-/* Dark Theme Styles */
-.dark-theme {
-    background-color: #121212;
-    color: #eee;
-}
-
-
-/* .dark-theme .header {
-    background-color: #222;
-} */
-
-.dark-theme .search-bar input {
-    background-color: #555;
-    color: #eee;
-    border: 1px solid #777;
-}
-
-.dark-theme .search-bar button {
-    background-color: #666;
-    color: #eee;
-}
-
-.dark-theme .navbar a {
-    color: #eee;
-}
-
-.dark-theme .cta-button, .dark-theme .Authenticate button {
-  
-    color: #eee;
-    background: linear-gradient(135deg, #870000, #190a05);
-}
-
-
-.dark-theme .footer {
-    background-color: #222;
-    color: #ddd;
-}
-
-.dark-theme .footer .icons a {
-    color: #ddd;
-}
-
-.dark-theme .chatbot-toggler {
-    background-color: #555;
-    color: #eee;
-}
-
-.dark-theme .chatbot {
-    background-color: #444;
-    color: #eee;
-}
-
-.dark-theme .chatbox .chat.incoming {
-    background-color: #555;
-}
-
-.dark-theme .card {
-    background-color: #444;
-    box-shadow: 0px 4px 6px rgba(255, 255, 255, 0.2); /* White shadow */
-}
-
-.dark-theme .card h3,
-.dark-theme .card h2 {
-    
-        color: #000;
-    }
-.dark-theme .header {
-    overflow: hidden;
-    width: 100%;
-    height: 5rem;
-    display: flex
-;
-    justify-content: space-between;
-    align-items: center;
-    
-    background: linear-gradient(135deg, #e43a15, #e65245);
-}
diff --git a/navigateToPages/New Background.jpeg b/navigateToPages/New Background.jpeg
deleted file mode 100644
index 894cb54..0000000
Binary files a/navigateToPages/New Background.jpeg and /dev/null differ
diff --git a/navigateToPages/aboutus.html b/navigateToPages/aboutus.html
deleted file mode 100644
index 79471f8..0000000
--- a/navigateToPages/aboutus.html
+++ /dev/null
@@ -1,291 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>About Us</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-     <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="../navigateToPages/scriptDashboard.js"></script>
-    <script src="../Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <style>
-      /* Scroll to Top Button */
-        #scrollToTopBtn {
-            display: none;
-            position: fixed;
-            bottom: 85px;
-            right: 40px;
-            height: 50px;
-            width: 50px;
-            background-color: rgb(80, 183, 218);
-            color: white;
-            border: none;
-            border-radius: 50%;
-            padding: 10px;
-            cursor: pointer;
-            font-size: 15px;
-        }
-  
-        #scrollToTopBtn:hover {
-            background-color: rgb(80, 183, 218);
-        }
-
-        .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-
-     
-  </style>
-  
-  </head>
-
-<body background="img/New Background.jpeg">
-    <!--navbar-->
-    <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../img/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input" />
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"  id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-
-<div class="content">
-<br>
-<div class="about backdrop-blur-sm bg-white/80 w-5/6 rounded-2xl mx-auto p-10">
-    <p >Welcome to STUDENTIFY, your ultimate destination for unlocking your full academic potential and expanding your horizons. At Studentify, we understand the importance of education and the pursuit of knowledge as vital pillars for personal and professional growth. Our mission is to empower students like you to achieve excellence by offering a comprehensive range of resources and courses tailored to your needs.</p>
-    <br>
-    <p  >With a team of dedicated educators, industry experts, and passionate individuals, we strive to create a dynamic learning environment that fosters curiosity, critical thinking, and creativity. Whether you're looking to enhance your understanding of a specific subject, prepare for standardized tests, or explore new areas of interest, we have you covered.</p>
-    <br>
-    <img src="../img/student.jpg" alt="" width="200px" class="Hi">
-    <br>
-    <p > What sets us apart is our commitment to quality and innovation. Our courses are meticulously designed to deliver engaging and interactive learning experiences that cater to diverse learning styles. From video lectures and interactive quizzes to hands-on projects and peer collaboration, we leverage cutting-edge technology and pedagogical best practices to ensure that you receive the highest caliber of education.
-    </p>   
-    <br> 
-    <p >Moreover, we understand that education should be accessible to everyone, regardless of their background or circumstances. That's why we offer flexible learning options, including self-paced courses, live sessions, and personalized tutoring, allowing you to learn at your own pace and convenience.
-    </p>    
-    <br>
-    <p >At STUDENTIFY, we believe that education is not just about acquiring knowledge but also about fostering personal growth and empowering individuals to make a positive impact on the world. Join us on this transformative journey, and let's unlock your full potential together.</p>
-</div>
-</div>
-
-<footer>
-      
-  <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-    <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-
-      <img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-      <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-
-    </div>
-
-    <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-      <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-      <ul style="list-style: none; padding: 0;">
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-        <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-      </ul>
-    </div>
-
-
-    <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-      <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-      <ul style="list-style: none; padding: 0;">
-        <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-        <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-      </ul>
-    </div>
-
-    <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-      <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-      <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-      </ul>
-    </div>
-  </div>
-
-  <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-    <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-  </div>
-
-  <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-
-</footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="../script.js"></script>
-     <!-- Dark  mode theme -->
-  <script>
-    // Function to set the theme
-  function setTheme(themeName) {
-      document.body.className = themeName;
-      localStorage.setItem('theme', themeName);
-  }
-  
-  // Function to toggle the theme
-  function toggleTheme() {
-      if (document.body.classList.contains('theme-light')) {
-          setTheme('theme-dark');
-      } else {
-          setTheme('theme-light');
-      }
-  }
-  
-  // Immediately invoked function to set the theme on initial load
-  (function () {
-      const savedTheme = localStorage.getItem('theme') || 'theme-light';
-      setTheme(savedTheme);
-  
-      // Set the checkbox state based on the saved theme
-      const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-      themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-  })();
-  
-     
-  </script>
-     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-     <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-   
-</body>
-
-</html>
diff --git a/navigateToPages/calendar.css b/navigateToPages/calendar.css
deleted file mode 100644
index c794d90..0000000
--- a/navigateToPages/calendar.css
+++ /dev/null
@@ -1,156 +0,0 @@
-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');
-
-.wrapper {
-  margin: auto;
-  width: 450px;
-  background: #fff;
-  border-radius: 10px;
-  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
-}
-
-/* Dark mode styles */
-
-
-.wrapper header {
-  display: flex;
-  align-items: center;
-  padding: 25px 30px 10px;
-  justify-content: space-between;
-}
-
-.dark-mode header .icons span {
-  color: #ccc;
-}
-
-header .icons {
-  display: flex;
-}
-
-header .icons span {
-  height: 38px;
-  width: 38px;
-  margin: 0 1px;
-  cursor: pointer;
-  color: #878787;
-  text-align: center;
-  line-height: 38px;
-  font-size: 1.9rem;
-  user-select: none;
-  border-radius: 50%;
-}
-
-.icons span:last-child {
-  margin-right: -10px;
-}
-
-header .icons span:hover {
-  background: #f2f2f2;
-}
-
-.dark-mode header .icons span:hover {
-  background: #333;
-}
-
-header .current-date {
-  font-size: 1.45rem;
-  font-weight: 500;
-}
-
-.dark-mode header .current-date {
-  color: #ccc;
-}
-
-.calendar {
-  padding: 20px;
-}
-
-.dark-mode .calendar {
-  background: whitesmoke;
-  color: #0b0202;
-}
-
-.calendar ul {
-  display: flex;
-  flex-wrap: wrap;
-  list-style: none;
-  text-align: center;
-}
-
-.calendar .days {
-  margin-bottom: 20px;
-}
-
-.calendar li {
-  color: #333;
-  width: calc(100% / 7);
-  font-size: 1.07rem;
-}
-
-.dark-mode .calendar li {
-  color: #ccc;
-}
-
-.calendar .weeks li {
-  font-weight: 500;
-  cursor: default;
-}
-
-.calendar .days li {
-  z-index: 1;
-  cursor: pointer;
-  position: relative;
-  margin-top: 30px;
-}
-
-.days li.inactive {
-  color: #aaa;
-}
-
-.dark-mode .days li.inactive {
-  color: #555;
-}
-
-.days li.active {
-  color: #fff;
-}
-
-.dark-mode .days li.active {
-  color: #fff;
-}
-
-.days li::before {
-  position: absolute;
-  content: "";
-  left: 50%;
-  top: 50%;
-  height: 40px;
-  width: 40px;
-  z-index: -1;
-  border-radius: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.days li.active::before {
-  background: #9B59B6;
-}
-
-.dark-mode .days li.active::before {
-  background: #9B59B6;
-}
-
-.days li:not(.active):hover::before {
-  background: #f2f2f2;
-}
-
-.dark-mode .days li:not(.active):hover::before {
-  background: #fff;
-}
-.dark-mode .wrapper{
-  
-    margin: auto;
-    width: 450px;
-    background: #555;
-    border-radius: 10px;
-    box-shadow: -3px 2px 13px 9px #ccc;
-
-}
\ No newline at end of file
diff --git a/navigateToPages/calendar.js b/navigateToPages/calendar.js
deleted file mode 100644
index 10012a3..0000000
--- a/navigateToPages/calendar.js
+++ /dev/null
@@ -1,148 +0,0 @@
-const daysTag = document.querySelector(".days"),
-  currentDate = document.querySelector(".current-date"),
-  prevNextIcon = document.querySelectorAll(".icons span");
-
-let date = new Date(),
-  currYear = date.getFullYear(),
-  currMonth = date.getMonth();
-
-const months = [
-  "January",
-  "February",
-  "March",
-  "April",
-  "May",
-  "June",
-  "July",
-  "August",
-  "September",
-  "October",
-  "November",
-  "December",
-];
-
-const tasks = {}; // Data structure to store tasks
-
-const renderCalendar = () => {
-  let firstDayofMonth = new Date(currYear, currMonth, 1).getDay(),
-    lastDateofMonth = new Date(currYear, currMonth + 1, 0).getDate(),
-    lastDayofMonth = new Date(currYear, currMonth, lastDateofMonth).getDay(),
-    lastDateofLastMonth = new Date(currYear, currMonth, 0).getDate();
-  let liTag = "";
-
-  for (let i = firstDayofMonth; i > 0; i--) {
-    liTag += `<li class="inactive">${lastDateofLastMonth - i + 1}</li>`;
-  }
-
-  for (let i = 1; i <= lastDateofMonth; i++) {
-    let isToday =
-      i === date.getDate() &&
-      currMonth === new Date().getMonth() &&
-      currYear === new Date().getFullYear()
-        ? "active"
-        : "";
-    liTag += `<li class="${isToday}">${i}</li>`;
-  }
-
-  for (let i = lastDayofMonth; i < 6; i++) {
-    liTag += `<li class="inactive">${i - lastDayofMonth + 1}</li>`;
-  }
-  currentDate.innerText = `${months[currMonth]} ${currYear}`;
-  daysTag.innerHTML = liTag;
-};
-renderCalendar();
-
-prevNextIcon.forEach((icon) => {
-  icon.addEventListener("click", () => {
-    currMonth = icon.id === "prev" ? currMonth - 1 : currMonth + 1;
-
-    if (currMonth < 0 || currMonth > 11) {
-      date = new Date(currYear, currMonth, new Date().getDate());
-      currYear = date.getFullYear();
-      currMonth = date.getMonth();
-    } else {
-      date = new Date();
-    }
-    renderCalendar();
-  });
-});
-
-// Function to display tasks in a modal
-function showTasksModal(tasksForDate) {
-  const modal = document.getElementById("tasksModal");
-  const modalContent = modal.querySelector(".modal-content");
-  modalContent.innerHTML = "";
-
-  // Create a heading for the modal
-  const heading = document.createElement("h2");
-  heading.textContent = "Tasks for Selected Date";
-  modalContent.appendChild(heading);
-
-  // Create a list to display tasks
-  const tasksList = document.createElement("ul");
-  tasksForDate.forEach((task) => {
-    const taskItem = document.createElement("li");
-    taskItem.textContent = task;
-    tasksList.appendChild(taskItem);
-  });
-  modalContent.appendChild(tasksList);
-
-  // Add input field and button for adding tasks
-  const taskInput = document.createElement("input");
-  taskInput.setAttribute("type", "text");
-  taskInput.setAttribute("placeholder", "Enter task");
-  modalContent.appendChild(taskInput);
-
-  const addButton = document.createElement("button");
-  addButton.textContent = "Add Task";
-  addButton.addEventListener("click", () => {
-    const newTask = taskInput.value.trim();
-    if (newTask !== "") {
-      const clickedDate = new Date(currYear, currMonth, parseInt(day.textContent));
-      if (!tasks[clickedDate]) {
-        tasks[clickedDate] = [];
-      }
-      tasks[clickedDate].push(newTask);
-      // Update the tasks list
-      const taskItem = document.createElement("li");
-      taskItem.textContent = newTask;
-      tasksList.appendChild(taskItem);
-      // Clear input field after adding task
-      taskInput.value = "";
-    }
-  });
-  modalContent.appendChild(addButton);
-
-  // Display the modal
-  modal.style.display = "block";
-}
-
-// Event listener for viewing tasks
-document.querySelectorAll(".days li").forEach((day) => {
-  day.addEventListener("click", () => {
-    const clickedDate = new Date(currYear, currMonth, parseInt(day.textContent));
-    if (tasks[clickedDate] && tasks[clickedDate].length > 0) {
-      showTasksModal(tasks[clickedDate]);
-    } else {
-      // If no tasks added, prompt the user to add tasks
-      const addTask = confirm("No tasks added for this date. Do you want to add tasks?");
-      if (addTask) {
-        showTasksModal([]);
-      }
-    }
-  });
-});
-
-// Close the modal when the close button is clicked
-document.getElementById("closeModal").addEventListener("click", () => {
-  const modal = document.getElementById("tasksModal");
-  modal.style.display = "none";
-});
-
-// Close the modal when the user clicks anywhere outside of it
-window.addEventListener("click", (event) => {
-  const modal = document.getElementById("tasksModal");
-  if (event.target === modal) {
-    modal.style.display = "none";
-  }
-});
diff --git a/navigateToPages/contact.html b/navigateToPages/contact.html
deleted file mode 100644
index 753e150..0000000
--- a/navigateToPages/contact.html
+++ /dev/null
@@ -1,320 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Calendar</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../navigateToPages/styleDashboard.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="../navigateToPages/calendar.css">
-    <script src="../navigateToPages/calendar.js" defer></script>
-    <script src="../navigateToPages/scriptDashboard.js" defer></script>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200">
-    <script src="../Chatbot/chat.js" defer></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <link href="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/5.9.0/main.min.css" rel="stylesheet">
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullcalendar/5.9.0/main.min.js"></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <style>
-      /* Scroll to Top Button */
-        #scrollToTopBtn {
-            display: none;
-            position: fixed;
-            bottom: 85px;
-            right: 40px;
-            height: 50px;
-            width: 50px;
-            background-color: rgb(80, 183, 218);
-            color: white;
-            border: none;
-            border-radius: 50%;
-            padding: 10px;
-            cursor: pointer;
-            font-size: 15px;
-        }
-  
-        #scrollToTopBtn:hover {
-            background-color: rgb(80, 183, 218);
-        }
-        .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-
-  </style>
-</head>
-
-<body>
-
-      <!--navbar-->
-      <header>
-        <nav class="navbar">
-          <div class="left">
-            <a href="../index.html">
-              <img src="../img/logo.jpg" alt="Logo" class="logo" />
-            </a>
-  
-            <div class="group">
-              <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-                <g>
-                  <path
-                    d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                  ></path>
-                </g>
-              </svg>
-              <input placeholder="Search" type="search" class="input" />
-            </div>
-          </div>
-  
-          <ul class="navbar-list">
-            <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-            <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-            <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-            <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-            <li><a href="contactus.html">CONTACT US</a></li>
-          </ul>
-        </nav>
-        <div class="right">
-          <a href="../navigateToPages/services.html">
-            <button class="button-explore">
-              <svg
-                class="svgIcon"
-                viewBox="0 0 512 512"
-                height="1em"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-                ></path>
-              </svg>
-            </button>
-          </a>
-  
-          <div class="Authenticate">
-            <button class="sign-up">
-              <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-            </button>
-  
-            <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-          </div>
-          <label class="theme-switch">
-            <input type="checkbox" class="theme-switch__checkbox"  id="themeToggle" onchange="toggleTheme()">
-            <div class="theme-switch__container">
-              <div class="theme-switch__clouds"></div>
-              <div class="theme-switch__stars-container">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                  <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-                </svg>
-              </div>
-              <div class="theme-switch__circle-container">
-                <div class="theme-switch__sun-moon-container">
-                  <div class="theme-switch__moon">
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                    <div class="theme-switch__spot"></div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </label>
-        </div>
-      </header>
-<div class="content">
-    <div class="wrapper">
-        <header>
-          <p class="current-date"></p>
-          <div class="icons">
-            <span id="prev" class="material-symbols-rounded">chevron_left</span>
-            <span id="next" class="material-symbols-rounded">chevron_right</span>
-          </div>
-        </header>
-        <div class="calendar">
-          <ul class="weeks">
-            <li>Sun</li>
-            <li>Mon</li>
-            <li>Tue</li>
-            <li>Wed</li>
-            <li>Thu</li>
-            <li>Fri</li>
-            <li>Sat</li>
-          </ul>
-          <ul class="days"></ul>
-        </div>
-      </div>
-      <br>
-</div>
-
-<footer>
-      
-  <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-    <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-
-      <img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-      <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-
-    </div>
-
-    <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-      <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-      <ul style="list-style: none; padding: 0;">
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-        <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-      </ul>
-    </div>
-
-
-    <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-      <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-      <ul style="list-style: none; padding: 0;">
-        <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-        <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-        <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-      </ul>
-    </div>
-
-    <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-      <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-      <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-        <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-      </ul>
-    </div>
-  </div>
-
-  <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-    <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-  </div>
-
-  <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-
-</footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="../script.js"></script>
-    <div id="tasksModal" class="modal">
-        <div class="modal-content">
-        </div>
-        <span id="closeModal" class="close">&times;</span>
-    </div>
-    <script>
-         const themeToggle = document.querySelector('.theme-toggle');
-    const icon = themeToggle.querySelector('span');
-
-    themeToggle.addEventListener('click', () => {
-        document.body.classList.toggle('dark-theme');
-        if (document.body.classList.contains('dark-theme')) {
-            icon.textContent = 'dark_mode';
-        } else {
-            icon.textContent = 'light_mode';
-        }
-    });
-    </script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-    <script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-
-
-  <!-- Dark  mode theme -->
-  <script>
-    // Function to set the theme
-  function setTheme(themeName) {
-      document.body.className = themeName;
-      localStorage.setItem('theme', themeName);
-  }
-  
-  // Function to toggle the theme
-  function toggleTheme() {
-      if (document.body.classList.contains('theme-light')) {
-          setTheme('theme-dark');
-      } else {
-          setTheme('theme-light');
-      }
-  }
-  
-  // Immediately invoked function to set the theme on initial load
-  (function () {
-      const savedTheme = localStorage.getItem('theme') || 'theme-light';
-      setTheme(savedTheme);
-  
-      // Set the checkbox state based on the saved theme
-      const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-      themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-  })();
-  
-     
-  </script>
-
-  </body>
-
-</html>
diff --git a/navigateToPages/dashboard.html b/navigateToPages/dashboard.html
deleted file mode 100644
index cf8b573..0000000
--- a/navigateToPages/dashboard.html
+++ /dev/null
@@ -1,177 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Register</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../navigateToPages/styleDashboard.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4102075795183581"
-        crossorigin="anonymous"></script>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />    
-    <script src="../Chatbot/chat.js" defer></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-
-    <style>
-         header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-
-    </style>
-</head>
-
-<body>
-
-    <header class="header">
-        <a href="../index.html">
-            <img src="../img/logo.jpg" alt="Logo" class="logo">
-        </a>
-        <div class="search-bar">
-            <input type="text" placeholder="Search..." class="search-input">
-            <button class="search-button"><i class="fas fa-search"></i></button>
-        </div>
-        <nav class="navbar">
-            <ul class="navbar-list">
-                <li><a href="../navigateToPages/aboutus.html" class="active">About Us</a></li>
-                <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-                <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-                <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-            </ul>
-        </nav>
-        
-        <a href="../navigateToPages/services.html" class="cta-button">Explore Courses</a>
-
-    </header>
-    <div class="content"  id="box">
-        <div class="form-box">
-            <h1 id="title">
-                Sign Up
-            </h1>
-            <form action="" >
-                <div class="input-group">
-                    <div class="input-field" id="nameField">
-                        <i class="fa-solid fa-user"></i>
-                        <input type="text" placeholder="Name">
-                    </div>
-                    <div class="input-field">
-                        <i class="fa-solid fa-envelope"></i>
-                        <input type="email" placeholder="Email">
-                    </div>
-                    <div class="input-field">
-                        <i class="fa-solid fa-lock"></i>
-                        <input type="password" placeholder="Password">
-                    </div>
-                    <div class="input-field">
-                        <i class="fa-solid fa-user"></i>
-                        <select name="identity" id="identity">
-                            <option value="Investor">Student</option>
-                            <option value="Contributor">Professor</option>
-                        </select>
-                    </div>
-
-                    <p>Forgot Password <a href="#">Click Here!</a></p>
-                </div>
-                <div class="btn-field">
-                    <button type="button" id="signupBtn">Sign up</button>
-                    <button type="button" id="signinBtn" class="disable">Sign in</button>
-                </div>
-            </form>
-        </div>
-    </div>
-    <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-      
-            <img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-      
-          </div>
-      
-          <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-              <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-            </ul>
-          </div>
-      
-      
-          <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-              <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-            </ul>
-          </div>
-      
-          <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-            <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-            </ul>
-          </div>
-        </div>
-      
-        <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-          <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-        </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-      </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-    
-    <script src="../navigateToPages/scriptDashboard.js" defer></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-</body>
-</html>
diff --git a/navigateToPages/faq.css b/navigateToPages/faq.css
deleted file mode 100644
index 909f5aa..0000000
--- a/navigateToPages/faq.css
+++ /dev/null
@@ -1,529 +0,0 @@
-header{
-  padding-top: 10px;
-  padding-bottom: 10px;
-}
-.content{
-  background-image: url('../img/back.jpg');
-  /* background-size: cover; */
-  /* padding: 2rem 4rem; */
- }
-
-.theme-dark .content{
-  background-image: linear-gradient(to right, #4caf50,#ffc107);
-}
-.theme-dark .cta-button, .theme-dark .Authenticate button {
-  
-  color: #000;
-  background:  #4caf50;
-}
-.theme-dark header{
-  background: #000;
-}
-.theme-dark .button-explore{
-  background-color: #ffc107;
-}
- .faqcont{
-  background-color: #000;
-  /* padding: 10px; */
- }
-.theme-dark .faqcont{
-  background-color:rgb(55 65 81/1); ;
-}
- .faq-qa-ans{
-  padding-bottom: 10px;
- }
-.logo {
-    
-  width: 80px; 
-  height: auto; 
-  border-radius: 20px;
-  padding: 3px;
-}
-
-.navbar-list {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-  color: white;
-}
-
-.navbar-list li {
-  display: inline-block; 
-  color: white;
-
-}
-
-/* Dark Mode */
-@media (prefers-color-scheme: dark) {
-  .header {
-      background-color: darkslategray; /* Change to your desired dark color */
-  }
-
-  .navbar-list li {
-      color: white; /* Ensure text is readable in dark mode */
-  }
-}
-
-
-/*-----navbar------*/
-    .navbar{
-        display: flex;
-        align-items: center;
-        gap: 40px;
-        ;
-    }
-    .navbar-list{
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    display: flex;
-    gap: 15px;
-  ;
-}
-
-.navbar-list li a{
-    display: inline-block; 
-    font-size: 15px;
-    text-decoration: none;
-    color: white;
-}
-.navbar-list li a:hover{
-  transform: scale(1.2); /* Adjust the scale value as needed */
-  transition: transform 0.3s ease; /* Smooth zoom-in effect */
-  color: black;
-  text-decoration: none;
-}
-
-header{
-display: flex;
-justify-content: space-between;
-align-items: center;
-padding:0 20px;
-background: linear-gradient(45deg, #3498db, #2ecc71);
-}
-
-.left{
-  display: flex;
-  gap: 20px;
-}
-
-.right{
-  display: flex;
-  gap: 12px;
-}
-
-.group {
-  display: flex;
-  line-height: 28px;
-  align-items: center;
-  position: relative;
-  max-width: 190px;
- }
- 
- .input {
-  width: 100%;
-  height: 40px;
-  line-height: 28px;
-  padding: 0 1rem;
-  padding-left: 2.5rem;
-  border: 2px solid transparent;
-  border-radius: 8px;
-  outline: none;
-  background-color:whitesmoke;
-  color: white;
-  transition: .3s ease;
- }
- 
- .input::placeholder {
-  color: #9e9ea7;
- }
- 
- .input:focus, input:hover {
-  outline: none;
-  border-color: rgba(234,76,137,0.4);
-  background-color: #fff;
-  box-shadow: 0 0 0 4px rgb(234 76 137 / 10%);
- }
- 
- .icon {
-  position: absolute;
-  left: 1rem;
-  fill: #9e9ea7;
-  width: 1rem;
-  height: 1rem;
- }
-
- .button-explore {
-  width: 40px;
-  height: 40px;
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  gap: 10px;
-  background-color: #0f0c29;
-  border-radius: 30px;
-  color: rgb(255, 255, 255);
-  font-weight: 600;
-  border: none;
-  position: relative;
-  cursor: pointer;
-  transition-duration: .2s;
-  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.116);
-  padding-left: 8px;
-  transition-duration: .5s;
-}
-
-.svgIcon {
-  height: 25px;
-  transition-duration: 1.5s;
-  filter: invert();
-}
-
-.bell path {
-  fill: rgb(19, 19, 19);
-}
-
-.button-explore:hover {
-  background-color: rgb(232, 113, 16);
-  transition-duration: .5s;
-}
-
-.button-explore:active {
-  transform: scale(0.97);
-  transition-duration: .2s;
-}
-
-.button-explore:hover .svgIcon {
-  transform: rotate(250deg);
-  transition-duration: 1.5s;
-}
-
-
-.Authenticate{
-  display: flex;
-  gap: 10px;
-  height: 40px;
-}
- 
-.sign-up,.log-in {
-  display: flex;
-  align-items: center;
-  font-family: inherit;
-  cursor: pointer;
-  font-weight: 500;
-  font-size: 17px;
-  padding: 0.8em 1.3em 0.8em 0.9em;
-  color: white;
-  background: #ad5389;
-  background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
-  border: none;
-  letter-spacing: 0.05em;
-  border-radius: 16px;
-}
-
-
-.sign-up,.log-in span {
-  transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
-}
-
-
-.sign-up:hover,.log-in:hover span {
-  transform: translateX(7px);
-}
-
-
-/*------theme toggler------**/
-.theme-switch {
-  --toggle-size: 15px;
-  /* the size is adjusted using font-size,
-     this is not transform scale,
-     so you can choose any size */
-  --container-width: 5.625em;
-  --container-height: 2.5em;
-  --container-radius: 6.25em;
-  /* radius 0 - minecraft mode :) */
-  --container-light-bg: #3D7EAE;
-  --container-night-bg: #1D1F2C;
-  --circle-container-diameter: 3.375em;
-  --sun-moon-diameter: 2.125em;
-  --sun-bg: #ECCA2F;
-  --moon-bg: #C4C9D1;
-  --spot-color: #959DB1;
-  --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
-  --stars-color: #fff;
-  --clouds-color: #F3FDFF;
-  --back-clouds-color: #AACADF;
-  --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
-  --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
-}
-
-.theme-switch, .theme-switch *, .theme-switch *::before, .theme-switch *::after {
-  -webkit-box-sizing: border-box;
-  box-sizing: border-box;
-  margin: 0;
-  padding: 0;
-  font-size: var(--toggle-size);
-}
-
-.theme-switch__container {
-  width: var(--container-width);
-  height: var(--container-height);
-  background-color: var(--container-light-bg);
-  border-radius: var(--container-radius);
-  overflow: hidden;
-  cursor: pointer;
-  -webkit-box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-  box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-  -webkit-transition: var(--transition);
-  -o-transition: var(--transition);
-  transition: var(--transition);
-  position: relative;
-}
-
-.theme-switch__container::before {
-  content: "";
-  position: absolute;
-  z-index: 1;
-  inset: 0;
-  -webkit-box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-  box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-  border-radius: var(--container-radius)
-}
-
-.theme-switch__checkbox {
-  display: none;
-}
-
-.theme-switch__circle-container {
-  width: var(--circle-container-diameter);
-  height: var(--circle-container-diameter);
-  background-color: rgba(255, 255, 255, 0.1);
-  position: absolute;
-  left: var(--circle-container-offset);
-  top: var(--circle-container-offset);
-  border-radius: var(--container-radius);
-  -webkit-box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-  box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-transition: var(--circle-transition);
-  -o-transition: var(--circle-transition);
-  transition: var(--circle-transition);
-  pointer-events: none;
-}
-
-.theme-switch__sun-moon-container {
-  pointer-events: auto;
-  position: relative;
-  z-index: 2;
-  width: var(--sun-moon-diameter);
-  height: var(--sun-moon-diameter);
-  margin: auto;
-  border-radius: var(--container-radius);
-  background-color: var(--sun-bg);
-  -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-  -webkit-filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-  filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-  overflow: hidden;
-  -webkit-transition: var(--transition);
-  -o-transition: var(--transition);
-  transition: var(--transition);
-}
-
-.theme-switch__moon {
-  -webkit-transform: translateX(100%);
-  -ms-transform: translateX(100%);
-  transform: translateX(100%);
-  width: 100%;
-  height: 100%;
-  background-color: var(--moon-bg);
-  border-radius: inherit;
-  -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-  box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-  -webkit-transition: var(--transition);
-  -o-transition: var(--transition);
-  transition: var(--transition);
-  position: relative;
-}
-
-.theme-switch__spot {
-  position: absolute;
-  top: 0.75em;
-  left: 0.312em;
-  width: 0.75em;
-  height: 0.75em;
-  border-radius: var(--container-radius);
-  background-color: var(--spot-color);
-  -webkit-box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-  box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-}
-
-.theme-switch__spot:nth-of-type(2) {
-  width: 0.375em;
-  height: 0.375em;
-  top: 0.937em;
-  left: 1.375em;
-}
-
-.theme-switch__spot:nth-last-of-type(3) {
-  width: 0.25em;
-  height: 0.25em;
-  top: 0.312em;
-  left: 0.812em;
-}
-
-.theme-switch__clouds {
-  width: 1.25em;
-  height: 1.25em;
-  background-color: var(--clouds-color);
-  border-radius: var(--container-radius);
-  position: absolute;
-  bottom: -0.625em;
-  left: 0.312em;
-  -webkit-box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-  box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-  -webkit-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-  -o-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-  transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-}
-
-.theme-switch__stars-container {
-  position: absolute;
-  color: var(--stars-color);
-  top: -100%;
-  left: 0.312em;
-  width: 2.75em;
-  height: auto;
-  -webkit-transition: var(--transition);
-  -o-transition: var(--transition);
-  transition: var(--transition);
-}
-
-/* actions */
-
-.theme-switch__checkbox:checked + .theme-switch__container {
-  background-color: var(--container-night-bg);
-}
-
-.theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
-  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter));
-}
-
-.theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
-  left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em)
-}
-
-.theme-switch__circle-container:hover {
-  left: calc(var(--circle-container-offset) + 0.187em);
-}
-
-.theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
-  -webkit-transform: translate(0);
-  -ms-transform: translate(0);
-  transform: translate(0);
-}
-
-.theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
-  bottom: -4.062em;
-}
-
-.theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-}
-/*-navbar ends----------*/
-
- /* FAq */
- .faq-qa-ans {
-  background-color: black;
-  margin-top: 50px;
-  border: none;
-  padding: 30px;
-}
- 
-.qa-container{
-  border: 2px solid rgb(0, 0, 0);
-  padding: 15px;
-  margin: 20px;
-  border-radius: 20px;
-  box-shadow: 0px 0px 9px 1px gray;
-}
- 
-.question {
-  margin-top:10px;
-  padding-bottom: 10px;
-  cursor: pointer;
-  display:flex;
-  justify-content:space-between;        
-}
-.answer {
-  /* display: none; */
-  overflow-x: auto;
-}
-.faq-container li{
-  list-style-type:disc;
-}
-.arrow-custom {
-  display: inline-block;
-  transition: transform 0.5s ease;
-}
-
-.close-arrow {
-  transform: translateY(2px) rotate(-180deg);
-}
-.answer p {
-  margin-top: 2px;
-  padding: 10px;
-  color: black;
-  background-color: #f1f7ff;
-  border-radius: 10px;
-  width: max-content;
-}
-.answer p a{
-  text-decoration:underline;
-}
-.menu {
-  color: white;
-  margin:20px 20px 20px 0px;
-  padding: 5px 10px 5px 10px ;
-  font-size:20px;
-  border-radius: 5px;
-}
-.menu:hover {
-  background-color: #e0e0e0;
-  cursor: pointer;
-  width: fit-content;
-  color: black;
-}
-.active{
-  background-color: #e7eeef;
-  width: fit-content;
-  color: black;
-}
-.faq-qa-ans{
-  font-size:16px;
-  font-weight: medium;
-  line-height:20px;
-}
-.faq-heading{
-  margin-top: 32px;
-margin-bottom: 2px;
-font-family: Roboto-Light;
-font-size: 20px;
-}
-.category-heading{
-  font-size: 32px;
-  width: fit-content;
-  border-bottom: 3px solid white;
-  padding-bottom:10px;
-  font-weight:bold;
-}
-
-
-
- /*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-webkit-box-sizing:content-box;box-sizing:content-box}mark{color:white;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid white}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;-webkit-box-shadow:none!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:white;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:white}h1,h2,h3{margin-top:20px;margin-bottom:10px}h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}h4,h5,h6{margin-top:10px;margin-bottom:10px}h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size: 18px;}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px;}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size: 21px;}}small,.small{font-size:85%}cite{font-style:normal}.text-muted{color:white}.text-primary{color:#428bca}.text-primary:hover{color:#3071a9}.text-warning{color:#8a6d3b}.text-warning:hover{color:#66512c}.text-danger{color:#a94442}.text-danger:hover{color:#843534}.text-success{color:#3c763d}.text-success:hover{color:#2b542c}.text-info{color:#31708f}.text-info:hover{color:#245269}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.list-inline>li:first-child{padding-left:0}dl{margin-top:0;margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}blockquote p:last-child{margin-bottom:0}blockquote small,blockquote .small{display:block;line-height:1.428571429;color:#999}blockquote small:before,blockquote .small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small,blockquote.pull-right .small{text-align:right}blockquote.pull-right small:before,blockquote.pull-right .small:before{content:''}blockquote.pull-right small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.428571429}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:white;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}@media(min-width:768px){.container{width:750px}}@media(min-width:992px){.container{width:970px}}@media(min-width:1200px){.container{width:1170px}}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666666666666%}.col-xs-10{width:83.33333333333334%}.col-xs-9{width:75%}.col-xs-8{width:66.66666666666666%}.col-xs-7{width:58.333333333333336%}.col-xs-6{width:50%}.col-xs-5{width:41.66666666666667%}.col-xs-4{width:33.33333333333333%}.col-xs-3{width:25%}.col-xs-2{width:16.666666666666664%}.col-xs-1{width:8.333333333333332%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666666666666%}.col-xs-pull-10{right:83.33333333333334%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666666666666%}.col-xs-pull-7{right:58.333333333333336%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666666666667%}.col-xs-pull-4{right:33.33333333333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.666666666666664%}.col-xs-pull-1{right:8.333333333333332%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666666666666%}.col-xs-push-10{left:83.33333333333334%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666666666666%}.col-xs-push-7{left:58.333333333333336%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666666666667%}.col-xs-push-4{left:33.33333333333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.666666666666664%}.col-xs-push-1{left:8.333333333333332%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666666666666%}.col-xs-offset-10{margin-left:83.33333333333334%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666666666666%}.col-xs-offset-7{margin-left:58.333333333333336%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666666666667%}.col-xs-offset-4{margin-left:33.33333333333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.666666666666664%}.col-xs-offset-1{margin-left:8.333333333333332%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666666666666%}.col-sm-10{width:83.33333333333334%}.col-sm-9{width:75%}.col-sm-8{width:66.66666666666666%}.col-sm-7{width:58.333333333333336%}.col-sm-6{width:50%}.col-sm-5{width:41.66666666666667%;}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}.col-sm-2{width:16.666666666666664%}.col-sm-1{width:8.333333333333332%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666666666666%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666666666666%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666666666666%}.col-lg-10{width:83.33333333333334%}.col-lg-9{width:75%}.col-lg-8{width:66.66666666666666%}.col-lg-7{width:58.333333333333336%}.col-lg-6{width:50%}.col-lg-5{width:41.66666666666667%}.col-lg-4{width:33.33333333333333%}.col-lg-3{width:25%}.col-lg-2{width:16.666666666666664%}.col-lg-1{width:8.333333333333332%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666666666666%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666666666666%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{position:static;display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{display:table-cell;float:none}.table>thead>tr>.active,.table>tbody>tr>.active,.table>tfoot>tr>.active,.table>thead>.active>td,.table>tbody>.active>td,.table>tfoot>.active>td,.table>thead>.active>th,.table>tbody>.active>th,.table>tfoot>.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>.active:hover,.table-hover>tbody>.active:hover>td,.table-hover>tbody>.active:hover>th{background-color:#e8e8e8}.table>thead>tr>.success,.table>tbody>tr>.success,.table>tfoot>tr>.success,.table>thead>.success>td,.table>tbody>.success>td,.table>tfoot>.success>td,.table>thead>.success>th,.table>tbody>.success>th,.table>tfoot>.success>th{background-color:#dff0d8}.table-hover>tbody>tr>.success:hover,.table-hover>tbody>.success:hover>td,.table-hover>tbody>.success:hover>th{background-color:#d0e9c6}.table>thead>tr>.danger,.table>tbody>tr>.danger,.table>tfoot>tr>.danger,.table>thead>.danger>td,.table>tbody>.danger>td,.table>tfoot>.danger>td,.table>thead>.danger>th,.table>tbody>.danger>th,.table>tfoot>.danger>th{background-color:#f2dede}.table-hover>tbody>tr>.danger:hover,.table-hover>tbody>.danger:hover>td,.table-hover>tbody>.danger:hover>th{background-color:#ebcccc}.table>thead>tr>.warning,.table>tbody>tr>.warning,.table>tfoot>tr>.warning,.table>thead>.warning>td,.table>tbody>.warning>td,.table>tfoot>.warning>td,.table>thead>.warning>th,.table>tbody>.warning>th,.table>tfoot>.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>.warning:hover,.table-hover>tbody>.warning:hover>td,.table-hover>tbody>.warning:hover>th{background-color:#faf2cc}@media(max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:white;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}select[multiple],select[size]{height:auto}select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}output{display:block;padding-top:7px;font-size:14px;line-height:1.428571429;color:white;vertical-align:middle}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:white;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px white
-  ;box-shadow:inset 0 1px 1px white;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px white,0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.form-group{margin-bottom: 15px;}.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm{height:auto}.input-lg{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:46px;line-height:46px}textarea.input-lg{height:auto}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b}.has-warning .form-control{border-color:#8a6d3b;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#66512c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b}.has-warning .input-group-addon{color:#8a6d3b;background-color:#fcf8e3;border-color:#8a6d3b}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442}.has-error .form-control{border-color:#a94442;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#843534;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483}.has-error .input-group-addon{color:#a94442;background-color:#f2dede;border-color:#a94442}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d}.has-success .form-control{border-color:#3c763d;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#2b542c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168}.has-success .input-group-addon{color:#3c763d;background-color:#dff0d8;border-color:#3c763d}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block}.form-inline select.form-control{width:auto}.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .radio,.form-horizontal .checkbox{min-height:27px}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-control-static{padding-top:7px}@media(min-width:768px){.form-horizontal .control-label{text-align:right}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:white;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:white;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:white;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-default .badge{color:#fff;background-color:#fff}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-primary .badge{color:#428bca;background-color:#fff}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-warning .badge{color:#f0ad4e;background-color:#fff}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-danger .badge{color:#d9534f;background-color:#fff}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-success .badge{color:#5cb85c;background-color:#fff}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-info .badge{color:#5bc0de;background-color:#fff}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1;-moz-osx-font-smoothing:grayscale}.glyphicon:empty{width:1em}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.dropdown{position:relative;}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:white;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color: none;}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.dropdown .caret{border-top:0;border-bottom:4px solid;content:""}.dropup .dropdown-menu,.dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.dropdown-menu{right:0;left:auto}}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified>.btn,.btn-group-justified>.btn-group{display:table-cell;float:none;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group[class*="col-"]{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:46px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:46px;line-height:46px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn:first-child>.btn{margin-right:-1px}.input-group-btn:last-child>.btn{margin-left:-1px}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1,.jumbotron .h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1,.jumbotron .h1{font-size:63px}}.thumbnail{display:block;padding:4px;margin-bottom:20px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{display:block;height:auto;max-width:100%;margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:white}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#2b542c}.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#245269}.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#66512c}.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#843534}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin: 0 0 5px;}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:white}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table>tbody:first-child th,.panel>.table>tbody:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:last-child>th,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:last-child>td,.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.panel>.table-responsive{margin-bottom:0;border:0}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:white;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;z-index:1050;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,left top, right top,color-stop(0, rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;outline:0;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}table.visible-xs.visible-sm{display:table}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}table.visible-xs.visible-md{display:table}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}table.visible-xs.visible-lg{display:table}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}table.visible-sm.visible-xs{display:table}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}table.visible-sm.visible-md{display:table}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}table.visible-sm.visible-lg{display:table}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md,tr.visible-md,th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}table.visible-md.visible-xs{display:table}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}table.visible-md.visible-sm{display:table}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}table.visible-md.visible-lg{display:table}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}table.visible-lg.visible-xs{display:table}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}table.visible-lg.visible-sm{display:table}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}table.visible-lg.visible-md{display:table}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}table.hidden-xs{display:table}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}table.hidden-sm{display:table}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}table.hidden-md{display:table}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm,tr.hidden-md.hidden-sm,th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}table.hidden-lg{display:table}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md,tr.hidden-lg.hidden-md,th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print,tr.visible-print,th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print{display:none!important}}
\ No newline at end of file
diff --git a/navigateToPages/faq2.html b/navigateToPages/faq2.html
deleted file mode 100644
index ad6a1a8..0000000
--- a/navigateToPages/faq2.html
+++ /dev/null
@@ -1,738 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-<title class="notranslate">STUDENTIFY </title>
-<link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-<!-- <link rel="stylesheet" href="../style.css"> -->
-<link rel="stylesheet" href="../Chatbot/chat.css">
-<script href="../Chatbot/chat.js" defer></script>
-<link
-      href="https://unpkg.com/tailwindcss@^1.0/dist/tailwind.min.css"
-      rel="stylesheet"
-    />
-<link href="../navigateToPages/faq.css" rel="stylesheet">
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-<script src="https://storage.googleapis.com/swayam2_central/assets/js/swayam_js/jquery.js"></script>
-<style>
-/* Scroll to Top Button */
-#scrollToTopBtn {
-    display: none;
-    position: fixed;
-    bottom: 85px;
-    right: 40px;
-    height: 50px;
-    width: 50px;
-    background-color: rgb(80, 183, 218);
-    color: white;
-    border: none;
-    border-radius: 50%;
-    padding: 10px;
-    cursor: pointer;
-    font-size: 15px;
-}
-
-#scrollToTopBtn:hover {
-    background-color: rgb(80, 183, 218);
-}
-
-.theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-      header {
-  position: -webkit-sticky;
-  position: sticky;
-  top: 0;
-  z-index: 1000;
-}
-</style>
-</head>
-
-
-<body>
-
-  <!--navbar-->
-  <header>
-    <nav class="navbar">
-      <div class="left">
-        <a href="../index.html">
-          <img src="../img/logo.jpg" alt="Logo" class="logo" />
-        </a>
-
-        <div class="group">
-          <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-            <g>
-              <path
-                d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-              ></path>
-            </g>
-          </svg>
-          <input placeholder="Search" type="search" class="input" />
-        </div>
-      </div>
-
-      <ul class="navbar-list">
-        <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-        <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-        <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-        <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-        <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-        <li><a href="contactus.html">CONTACT US</a></li>
-      </ul>
-    </nav>
-    <div class="right">
-      <a href="../navigateToPages/services.html">
-        <button class="button-explore">
-          <svg
-            class="svgIcon"
-            viewBox="0 0 512 512"
-            height="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-            ></path>
-          </svg>
-        </button>
-      </a>
-
-      <div class="Authenticate">
-        <button class="sign-up">
-          <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-        </button>
-
-        <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-      </div>
-      <label class="theme-switch">
-        <input type="checkbox" class="theme-switch__checkbox"  id="themeToggle" onchange="toggleTheme()">
-        <div class="theme-switch__container">
-          <div class="theme-switch__clouds"></div>
-          <div class="theme-switch__stars-container">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-              <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-            </svg>
-          </div>
-          <div class="theme-switch__circle-container">
-            <div class="theme-switch__sun-moon-container">
-              <div class="theme-switch__moon">
-                <div class="theme-switch__spot"></div>
-                <div class="theme-switch__spot"></div>
-                <div class="theme-switch__spot"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </label>
-    </div>
-  </header>
-
-
-<!--navbar ends here-->
-
-
-
-
-      <div class="content">
-        <div class="container faq-container notranslate">
-          <div class="row">
-            <div class="col-md-3 col-sm-3 col-sm-12 faqCont ">
-              <li
-                class="General menu"
-                id="menu1"
-                onclick="changeSection('General')"
-              >
-                General
-              </li>
-  
-              <li
-                class="Courses menu"
-                id="menu2"
-                onclick="changeSection('Courses')"
-              >
-                Courses
-              </li>
-  
-              <li class="ALERT menu" id="menu6" onclick="changeSection('ALERT')">
-                ALERT
-              </li>
-            </div>
-            <div style="border-radius: 50px;" class="col-md-9 col-sm-9 col-sm-12 faq-qa-ans">
-              <div
-                id="faq-content-General"
-                class="mensection"
-                style="display: block"
-              >
-                <div class="category-heading">General</div>
-                <br />
-                <div class="qa-container">
-                  <div class="question">
-                    <div>What is STUDENTIFY ?</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      STUDENTIFY , which is instrumental for self-actualisation,
-                      provides opportunities for a life-long learning.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      For which standard &amp; discipline, the Courses shall be
-                      delivered through STUDENTIFY ?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      The STUDENTIFY provides all the courses from university
-                      level (Both UG and PG)
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      Can any person in the world register a Course on STUDENTIFY
-                      ?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>No, only limited to INDIA.</p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      What is the eligibility criterion for joining an online
-                      course?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      There is no specific eligibility / age criterion for any of
-                      the online courses. The faculty of a particular course may
-                      recommend some basic knowledge of certain topics for a
-                      person to fully grasp the contents of a course. Anyone may
-                      join an online course and register for the exam.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      Is there a fee to join/register for a STUDENTIFY course?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      The courses delivered through STUDENTIFY are available free
-                      of cost to the learners.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      Are Skill based courses also to be covered under STUDENTIFY
-                      ?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>The STUDENTIFY shall also cover Skill based courses.</p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>How can I register on STUDENTIFY ?</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      Go to the official website and click on "Sign-In" to
-                      register yourself.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      I forgot my login password. Is there any provision to reset
-                      my password?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      Click "forgot password" option and follow steps to
-                      retrieve/recreate your password.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>How can I select a course on STUDENTIFY ?</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      After you have search a category or a keyword, a list of
-                      courses will appear. You may click the course-title of the
-                      course that you find suitable, detailed course-page of that
-                      course would appear.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      How can I know which course will be suitable to enroll into?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      Go through the Course-page and check the eligibility and
-                      other information.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>Can I search category wise courses on STUDENTIFY ?</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>Yes, you can.</p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>Can I search a course on a specific topic?</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>Yes, you can search a course on a specific topic.</p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>How to find out the eligibilities for the courses?</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      In the Course-page, all the details of the eligibility are
-                      mentioned.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      Can I enroll into multiple courses once I got myself
-                      registered with STUDENTIFY portal?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      Yes, you can enroll in multiple courses on STUDENTIFY after
-                      registration.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      Is there any time limit or deadline to the courses where I
-                      am enrolled?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      For participation in a course which is a scheduled course,
-                      students cannot enroll after the course is started. For a
-                      Self-paced course there is no deadline.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>Can I submit my assignments online?</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>Yes, It can be done!</p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      Do I need a dedicated internet connection? or I can consume
-                      course contents offline once logged in?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      You would need an active internet connection to consume
-                      course contents.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>Can I also download my content for offline access?</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      Yes provided faculty has given the download access to the
-                      students.
-                    </p>
-                  </div>
-                </div>
-              </div>
-
-
-  
-              <div
-                id="faq-content-Courses"
-                class="mensection"
-                style="display: none"
-              >
-                <div class="category-heading">Courses</div>
-                <br />
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      Where do I get information about up-coming certification
-                      courses?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      The details will be available at
-                      <a href="/navigateToPages/services.html" target="_blank">
-                        STUDENTIFY
-                      </a>
-                      when the enrolments begin.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      If I were to suggest a particular subject/topic for an
-                      STUDENTIFY online course, will you take that into
-                      consideration?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      Suggestions are always welcome. The respective corodinator
-                      will decide on this.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>
-                      How will I come to know about assignments and deadlines?
-                    </div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      Each assignment page will have the due date and time for
-                      submission.
-                    </p>
-                  </div>
-                </div>
-                <div class="qa-container">
-                  <div class="question">
-                    <div>How do I find out my score in each assignment?</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      You will be able to see the scores of the submitted
-                      assignments on the progress page once the due date of
-                      submission is over.
-                    </p>
-                  </div>
-                </div>
-              </div>
-  
-              <div
-                id="faq-content-ALERT"
-                class="mensection"
-                style="display: none"
-              >
-                <div class="category-heading">ALERT</div>
-                <br />
-                <div class="qa-container">
-                  <div class="question">
-                    <div>Recommendation</div>
-                    <i class="fa arrow-custom fa-angle-down"></i>
-                  </div>
-                  <div class="answer">
-                    <p>
-                      Please ensure to review the respective course page for
-                      comprehensive details and direct any inquiries to the
-                      relevant national coordinator responsible for offering the
-                      course.
-                    </p>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-      
-            <img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-      
-          </div>
-      
-          <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-              <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-            </ul>
-          </div>
-      
-      
-          <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-              <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-            </ul>
-          </div>
-      
-          <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-            <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-            </ul>
-          </div>
-        </div>
-      
-        <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-          <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-        </div>
-      
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-      
-      </footer>
-<script>
-    $(document).ready(function() {
-     $("#menu1").click();
-     $('.question').click(function() {
-       $(this).toggleClass('question-change');
-       $(this).find('.arrow-custom').toggleClass('close-arrow');
-       $(this).next('.answer').slideToggle();
-     });
-    });
-
-    function changeSection(category){
-       $('.mensection').hide();
-       $('#faq-content-'+category).show();
-       $('.menu').removeClass('active');
-       $('.'+category).addClass('active');
-    }
-</script>
-
-<script>
-$(document).ready(function(){
-  $('[data-toggle="tooltip"]').tooltip();
-});
-
-$(document).ready(function() {
-
-  $(".CheckboxContainer .container").click(function(){
-
-      $("input[type='checkbox']").click(function(e){
-
-          $div = $(this).parent();
-          text = $div[0].firstChild.nodeValue;
-          id_text = text.replace(/\s+/g, "");
-          id_text = id_text.replace("&", "_");
-
-          if($(this).prop("checked") == true){
-            $(".sf-filtertags ul").prepend("<li>"+text+"<a href='#' name='"+text+"' id='"+id_text+"' onclick='removeTagAndUncheck(this.id,this.name)'> X </a></li>");
-          }
-          else{
-            $("#"+id_text).parent().remove();
-          }
-
-          clearAllShowHide();
-          e.stopImmediatePropagation();
-        });
-    });
-
-    $('.dropdown-submenu a.submenu').on("click", function(e){
-        $.each($(".dropdown-submenu div.dropdown-menu"), function(){
-            if($(this).is(":visible")) {
-                if( $( "div" ).index( $(this).parent() ) != $( "div" ).index( $(e.target).next('div.dropdown-menu').parent() ) ){
-                    $(this).css("display","none");
-                    $(this).parent().find("i").removeClass("fa-angle-right");
-                    $(this).parent().find("i").addClass("fa-angle-down");
-                }
-            }
-        });
-
-        $(e.target).next('div').toggle();
-
-        if(($(e.target).next('div')).is( ":visible" )){
-            $(e.target).find("i").removeClass("fa-angle-down");
-            $(e.target).find("i").addClass("fa-angle-right");
-        }
-        else{
-            $(e.target).find("i").removeClass("fa-angle-right");
-            $(e.target).find("i").addClass("fa-angle-down");
-        }
-        e.stopPropagation();
-        e.preventDefault();
-    });
-
-    $(".dropdown").on("show.bs.dropdown", function(event){
-        $( event.target).find("div.dropdown-menu").css("display","table") ;
-        $(event.target).find("i").removeClass("fa-angle-right");
-        $(event.target).find("i").addClass("fa-angle-down");
-    });
-    $(".dropdown").on("shown.bs.dropdown", function(){
-        $('.dropdown-submenu a.submenu').next('div').toggle();
-    });
-    $(".dropdown").on("hide.bs.dropdown", function(event){
-        $( event.target).find("div.dropdown-menu").css("display","none") ;
-    });
-});
-
-function clearAllShowHide(){
-  if ( $('.sf-filtertags ul li').length > 2 ) {
-    $("#clearAllTags").css("visibility","visible");
-  }else{
-    $("#clearAllTags").css("visibility","hidden");
-  }
-}
-
-function removeTagAndUncheck(id, name){
-  $("input[name='"+name.trim()+"']:checkbox").prop('checked', false);
-  $("#"+id).parent().remove();
-  clearAllShowHide();
-}
-
-function clearAllTags(){
-  $('.sf-filtertags ul').empty();
-  $('.sf-filtertags ul').prepend('<li id="clearAllTags" style="border:none;visibility: hidden;" onclick="clearAllTags()"><a href="#">Clear All</a></li>');
-  $('input:checkbox').removeAttr('checked');
-  clearAllShowHide();
-}
-
-$(document).on("focusin", function(event){
-    var $trigger = $(".dropdown");
-    if($trigger !== event.target && !$trigger.has(event.target).length){
-        $(".dropdown-menu").slideUp("fast");
-    }
-});
-
-$(window).click(function() {
-    $(".dropdown-menu").slideUp("fast");
-});
-
-$('a').click(function(){
-    if($(this).text().trim() == 'Show More' ){
-        $(this).html('Show Less <i class="fa fa-chevron-up"></i>');
-    }
-    else if($(this).text().trim() == 'Show Less' ){
-         $(this).html('Show More <i class="fa fa-chevron-down"></i>');
-    }
-});
-
-</script>
-  <!-- Dark  mode theme -->
-  <script>
-    // Function to set the theme
-  function setTheme(themeName) {
-      document.body.className = themeName;
-      localStorage.setItem('theme', themeName);
-  }
-  
-  // Function to toggle the theme
-  function toggleTheme() {
-      if (document.body.classList.contains('theme-light')) {
-          setTheme('theme-dark');
-      } else {
-          setTheme('theme-light');
-      }
-  }
-  
-  // Immediately invoked function to set the theme on initial load
-  (function () {
-      const savedTheme = localStorage.getItem('theme') || 'theme-light';
-      setTheme(savedTheme);
-  
-      // Set the checkbox state based on the saved theme
-      const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-      themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-  })();
-  
-     
-  </script>
-<script>
-  // Get the button
-  let mybutton = document.getElementById("scrollToTopBtn");
-
-  // When the user scrolls down 20px from the top of the document, show the button
-  window.onscroll = function () {
-      if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-          mybutton.style.display = "block";
-      } else {
-          mybutton.style.display = "none";
-      }
-  };
-
-  // When the user clicks on the button, scroll to the top of the document
-  mybutton.onclick = function () {
-      document.body.scrollTop = 0;
-      document.documentElement.scrollTop = 0;
-  };
-</script>
-</body>
-
-</html>
-
diff --git a/navigateToPages/img/bg1.jpg b/navigateToPages/img/bg1.jpg
deleted file mode 100644
index 703236a..0000000
Binary files a/navigateToPages/img/bg1.jpg and /dev/null differ
diff --git a/navigateToPages/img/bg10.JPG b/navigateToPages/img/bg10.JPG
deleted file mode 100644
index 461aceb..0000000
Binary files a/navigateToPages/img/bg10.JPG and /dev/null differ
diff --git a/navigateToPages/img/bg11.png b/navigateToPages/img/bg11.png
deleted file mode 100644
index 0038b0e..0000000
Binary files a/navigateToPages/img/bg11.png and /dev/null differ
diff --git a/navigateToPages/img/bg12.JPG b/navigateToPages/img/bg12.JPG
deleted file mode 100644
index 35aa9ec..0000000
Binary files a/navigateToPages/img/bg12.JPG and /dev/null differ
diff --git a/navigateToPages/img/bg2.jpg b/navigateToPages/img/bg2.jpg
deleted file mode 100644
index cc8c7b3..0000000
Binary files a/navigateToPages/img/bg2.jpg and /dev/null differ
diff --git a/navigateToPages/img/bg3.jpg b/navigateToPages/img/bg3.jpg
deleted file mode 100644
index f819af6..0000000
Binary files a/navigateToPages/img/bg3.jpg and /dev/null differ
diff --git a/navigateToPages/img/bg4.jpg b/navigateToPages/img/bg4.jpg
deleted file mode 100644
index 1301f16..0000000
Binary files a/navigateToPages/img/bg4.jpg and /dev/null differ
diff --git a/navigateToPages/img/bg5.jpg b/navigateToPages/img/bg5.jpg
deleted file mode 100644
index 884212a..0000000
Binary files a/navigateToPages/img/bg5.jpg and /dev/null differ
diff --git a/navigateToPages/img/bg6.JPG b/navigateToPages/img/bg6.JPG
deleted file mode 100644
index 3a7ab09..0000000
Binary files a/navigateToPages/img/bg6.JPG and /dev/null differ
diff --git a/navigateToPages/img/bg7.jpg b/navigateToPages/img/bg7.jpg
deleted file mode 100644
index bf544c8..0000000
Binary files a/navigateToPages/img/bg7.jpg and /dev/null differ
diff --git a/navigateToPages/img/bg8.jpg b/navigateToPages/img/bg8.jpg
deleted file mode 100644
index f7fdd7c..0000000
Binary files a/navigateToPages/img/bg8.jpg and /dev/null differ
diff --git a/navigateToPages/img/bg9.jpg b/navigateToPages/img/bg9.jpg
deleted file mode 100644
index aac1531..0000000
Binary files a/navigateToPages/img/bg9.jpg and /dev/null differ
diff --git a/navigateToPages/img/favicon.ico b/navigateToPages/img/favicon.ico
deleted file mode 100644
index fcf61d0..0000000
Binary files a/navigateToPages/img/favicon.ico and /dev/null differ
diff --git a/navigateToPages/logo.jpg b/navigateToPages/logo.jpg
deleted file mode 100644
index 545b8c6..0000000
Binary files a/navigateToPages/logo.jpg and /dev/null differ
diff --git a/navigateToPages/privacy.html b/navigateToPages/privacy.html
deleted file mode 100644
index 7a67293..0000000
--- a/navigateToPages/privacy.html
+++ /dev/null
@@ -1,421 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="./style.css">
-    <link rel="stylesheet" href="./Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <script src="./Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-      }
-      body {
-    margin: 0;
-    padding: 0;
-    font-family: Arial, sans-serif;
-    background-image: url('./img/New Background.jpeg');  /* Added background image */
-    background-size: cover;  /* Ensures the image covers the entire body */
-    background-position: center;  /* Center the image */
-    background-repeat: no-repeat;  /* Ensures the image doesn’t repeat */
-    background-attachment: fixed;  /* Keeps the image fixed during scrolling */
-    color: #333;
-}
-
-      /* Style for the container */
-      .container {
-    width: 90%;
-    max-width: 1000px;
-    margin: 20px auto;
-    padding: 30px;
-    background-color: rgba(255, 255, 255, 0.9);  /* Slightly transparent white background */
-    border-radius: 10px;
-    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
-    line-height: 1.6;
-    font-family: 'Arial', sans-serif;
-}
-
-/* Heading Styles */
-.container h1, .container h3 {
-    color: #333;
-    font-family: 'Georgia', serif;
-    margin-top: 30px;
-    margin-bottom: 15px;
-    font-weight: bold;
-}
-
-/* Style for smaller subheadings */
-.container h1 {
-    font-size: 1.8em;
-    color: #1a73e8;
-    border-bottom: 2px solid #f1f1f1;
-    padding-bottom: 5px;
-}
-
-.container h3 {
-    font-size: 1.5em;
-    text-align: center;
-    color: #444;
-}
-
-/* Paragraph Styles */
-.container p {
-    font-size: 1em;
-    color: #555;
-    margin-bottom: 20px;
-    line-height: 1.7;
-}
-
-/* List Styles */
-.container ul {
-    list-style-type: disc;
-    margin-left: 40px;
-}
-
-.container ul li {
-    margin-bottom: 10px;
-}
-
-/* Link Style */
-.container a {
-    color: #1a73e8;
-    text-decoration: none;
-    font-weight: bold;
-}
-
-.container a:hover {
-    text-decoration: underline;
-}
-
-/* Section Styling */
-.container section {
-    margin-bottom: 30px;
-}
-
-/* Hover effect on sections */
-.container section:hover {
-    background-color: #f7f7f7;
-    padding: 20px;
-    border-radius: 8px;
-}
-
-/* Button Styling (if needed in future) */
-button {
-    background-color: #1a73e8;
-    color: white;
-    padding: 12px 24px;
-    border: none;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 1em;
-}
-
-button:hover {
-    background-color: #155ab7;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-    .container {
-        width: 95%;
-        padding: 20px;
-    }
-
-    .container h1, .container h3 {
-        font-size: 1.3em;
-    }
-
-    .container p {
-        font-size: 0.95em;
-    }
-    
-    .container ul {
-        margin-left: 20px;
-    }
-}
-header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-
-
-</style>
-</head>
-
-<body >
-
-  <header>
-    <nav class="navbar">
-      <div class="left">
-        <a href="../index.html">
-          <img src="../img/logo.jpg" alt="Logo" class="logo" />
-        </a>
-
-        <div class="group">
-          <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-            <g>
-              <path
-                d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-              ></path>
-            </g>
-          </svg>
-          <input placeholder="Search" type="search" class="input" />
-        </div>
-      </div>
-
-      <ul class="navbar-list">
-        <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-        <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-        <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-        <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-        <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-        <li><a href="contactus.html">CONTACT US</a></li>
-      </ul>
-    </nav>
-    <div class="right">
-      <a href="../navigateToPages/services.html">
-        <button class="button-explore">
-          <svg
-            class="svgIcon"
-            viewBox="0 0 512 512"
-            height="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-            ></path>
-          </svg>
-        </button>
-      </a>
-
-      <div class="Authenticate">
-        <button class="sign-up">
-          <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-        </button>
-
-        <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-      </div>
-      <label class="theme-switch">
-        <input type="checkbox" class="theme-switch__checkbox"  id="themeToggle" onchange="toggleTheme()">
-        <div class="theme-switch__container">
-          <div class="theme-switch__clouds"></div>
-          <div class="theme-switch__stars-container">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-              <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-            </svg>
-          </div>
-          <div class="theme-switch__circle-container">
-            <div class="theme-switch__sun-moon-container">
-              <div class="theme-switch__moon">
-                <div class="theme-switch__spot"></div>
-                <div class="theme-switch__spot"></div>
-                <div class="theme-switch__spot"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </label>
-    </div>
-  </header>
-
-      <body>
-        <div class="container">
-            <h3>Privacy Policy</h3>
-            <p>Welcome to <strong>STUDENT-IFY</strong>. Your privacy is important to us. This Privacy Policy explains how we collect, use, and protect your personal information when you use our website.</p>
-        
-            <h1>Information We Collect</h1>
-            <p>We may collect the following types of information:</p>
-            <ul>
-                <li>Personal identification information (Name, email address, phone number, etc.)</li>
-                <li>Usage data (IP address, browser type, pages visited, etc.)</li>
-                <li>Cookies and similar technologies</li>
-            </ul>
-        
-            <h1>How We Use Your Information</h1>
-            <p>We use the information we collect for the following purposes:</p>
-            <ul>
-                <li>To provide and maintain our services</li>
-                <li>To improve user experience</li>
-                <li>To communicate with you, including responding to inquiries and providing updates</li>
-                <li>To analyze website traffic and usage</li>
-                <li>To comply with legal obligations</li>
-            </ul>
-        
-            <h1>Sharing Your Information</h1>
-            <p>We do not sell or share your personal information with third parties, except in the following cases:</p>
-            <ul>
-                <li>With your consent</li>
-                <li>To comply with legal requirements</li>
-                <li>To protect our rights and property</li>
-            </ul>
-        
-            <h1>Your Rights</h1>
-            <p>You have the right to:</p>
-            <ul>
-                <li>Access, update, or delete your personal data</li>
-                <li>Opt-out of certain data collection practices</li>
-                <li>Request clarification on our data practices</li>
-            </ul>
-        
-            <h1>Cookies</h1>
-            <p>We use cookies to enhance your browsing experience. You can adjust your browser settings to refuse cookies if you prefer.</p>
-        
-            <h1>Changes to This Policy</h1>
-            <p>We may update this Privacy Policy from time to time. We encourage you to review this page periodically for any changes.</p>
-        
-            <h1>Contact Us</h1>
-            <p>If you have any questions or concerns about this Privacy Policy, please contact us at <a href="mailto:support@studentify.com">support@studentify.com</a>.</p>
-        </div>
-        
-    </body>
-
-
-    <footer>
-      
-      <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-        <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-    
-          <img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-          <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-    
-        </div>
-    
-        <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-          <ul style="list-style: none; padding: 0;">
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-            <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-          </ul>
-        </div>
-    
-    
-        <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-          <ul style="list-style: none; padding: 0;">
-            <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-            <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-          </ul>
-        </div>
-    
-        <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-          <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-          </ul>
-        </div>
-      </div>
-    
-      <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-        <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-      </div>
-    
-      <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-    
-    </footer>
-  
-      <button class="chatbot-toggler">
-          <span class="material-symbols-rounded">mode_comment</span>
-          <span class="material-symbols-outlined">close</span>
-      </button>
-      <div class="chatbot">
-          <header>
-              <h2>Chatbot</h2>
-              <span class="close-btn material-symbols-outlined">close</span>
-          </header>
-          <ul class="chatbox">
-              <li class="chat incoming">
-                  <span class="material-symbols-outlined">smart_toy</span>
-                  <p>Hi there 👋<br>How can I help you today?</p>
-              </li>
-          </ul>
-          <div class="chat-input">
-              <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-              <span id="send-btn" class="material-symbols-rounded">send</span>
-          </div>
-      </div>
-  
-      <script src="./script.js"></script>
-      <script>
-          const themeToggle = document.querySelector('.theme-toggle');
-          const icon = themeToggle.querySelector('span');
-  
-          themeToggle.addEventListener('click', () => {
-              document.body.classList.toggle('dark-theme');
-              if (document.body.classList.contains('dark-theme')) {
-                  icon.textContent = 'dark_mode';
-              } else {
-                  icon.textContent = 'light_mode';
-              }
-          });
-      </script>
-       <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-       <script>
-        // Get the button
-        let mybutton = document.getElementById("scrollToTopBtn");
-      
-        // When the user scrolls down 20px from the top of the document, show the button
-        window.onscroll = function () {
-            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-                mybutton.style.display = "block";
-            } else {
-                mybutton.style.display = "none";
-            }
-        };
-      
-        // When the user clicks on the button, scroll to the top of the document
-        mybutton.onclick = function () {
-            document.body.scrollTop = 0;
-            document.documentElement.scrollTop = 0;
-        };
-      </script>
-  </body>
-  
-  </html>
\ No newline at end of file
diff --git a/navigateToPages/profile.css b/navigateToPages/profile.css
deleted file mode 100644
index 7d12594..0000000
--- a/navigateToPages/profile.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.logged{
-    height: 600px;
-    padding: 15rem;
-}
-
-.logged p{
-    text-align: center;
-    text-decoration: underline;
-    color: black;
-    font-size: large ;
-}
-.sign-up , .log-in{
-    text-align: center;
-}
-.theme-dark .logged {
-    background: linear-gradient(to right ,#4caf50,#ffc107);
-}
diff --git a/navigateToPages/profile.html b/navigateToPages/profile.html
deleted file mode 100644
index a3b6b46..0000000
--- a/navigateToPages/profile.html
+++ /dev/null
@@ -1,286 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Subject</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <link rel="stylesheet" href="../navigateToPages/profile.css">
-    <link rel="stylesheet" href="../navigateToPages/styleDashboard.css">
-    <script src="../navigateToPages/scriptDashboard.js" defer></script>
-    <script src="../Chatbot/chat.js" defer></script>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <style>
-      /* Scroll to Top Button */
-        #scrollToTopBtn {
-            display: none;
-            position: fixed;
-            bottom: 85px;
-            right: 40px;
-            height: 50px;
-            width: 50px;
-            background-color: rgb(80, 183, 218);
-            color: white;
-            border: none;
-            border-radius: 50%;
-            padding: 10px;
-            cursor: pointer;
-            font-size: 15px;
-        }
-  
-        #scrollToTopBtn:hover {
-            background-color: rgb(80, 183, 218);
-        }
-        .theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-
-  </style>
-  </head>
-
-<body>
-
-    <!--navbar-->
-    <header>
-      <nav class="navbar">
-        <div class="left">
-          <a href="../index.html">
-            <img src="../img/logo.jpg" alt="Logo" class="logo" />
-          </a>
-
-          <div class="group">
-            <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-              <g>
-                <path
-                  d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                ></path>
-              </g>
-            </svg>
-            <input placeholder="Search" type="search" class="input" />
-          </div>
-        </div>
-
-        <ul class="navbar-list">
-          <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-          <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-          <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-          <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-          <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-          <li><a href="contactus.html">CONTACT US</a></li>
-        </ul>
-      </nav>
-      <div class="right">
-        <a href="../navigateToPages/services.html">
-          <button class="button-explore">
-            <svg
-              class="svgIcon"
-              viewBox="0 0 512 512"
-              height="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-              ></path>
-            </svg>
-          </button>
-        </a>
-
-        <div class="Authenticate">
-          <button class="sign-up">
-            <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-          </button>
-
-          <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-        </div>
-        <label class="theme-switch">
-          <input type="checkbox" class="theme-switch__checkbox"  id="themeToggle" onchange="toggleTheme()">
-          <div class="theme-switch__container">
-            <div class="theme-switch__clouds"></div>
-            <div class="theme-switch__stars-container">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-              </svg>
-            </div>
-            <div class="theme-switch__circle-container">
-              <div class="theme-switch__sun-moon-container">
-                <div class="theme-switch__moon">
-                  <div class="theme-switch__spot"></div>
-                  <div class="theme-switch__spot"></div>
-                  <div class="theme-switch__spot"></div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </label>
-      </div>
-    </header>
-
-
-<!--navbar ends here-->
-    <div class="logged">
-        <p> Please Log-In / Register to continue ! </p>
-        <br>
-        <div class="Authenticate">
-            <button class="sign-up">Sign-Up</button>
-            <button class="log-in">Log-In</button>
-        </div>
-    </div>
-
-    <footer>
-      
-      <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-        <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-    
-          <img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-          <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-    
-        </div>
-    
-        <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-          <ul style="list-style: none; padding: 0;">
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-            <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-          </ul>
-        </div>
-    
-    
-        <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-          <ul style="list-style: none; padding: 0;">
-            <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-            <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-          </ul>
-        </div>
-    
-        <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-          <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-          </ul>
-        </div>
-      </div>
-    
-      <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-        <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-      </div>
-    
-      <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-    
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="../script.js"></script>
-    <scrip src="profile.js"></script>
-        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-<script>
-      // Get the button
-      let mybutton = document.getElementById("scrollToTopBtn");
-    
-      // When the user scrolls down 20px from the top of the document, show the button
-      window.onscroll = function () {
-          if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-              mybutton.style.display = "block";
-          } else {
-              mybutton.style.display = "none";
-          }
-      };
-    
-      // When the user clicks on the button, scroll to the top of the document
-      mybutton.onclick = function () {
-          document.body.scrollTop = 0;
-          document.documentElement.scrollTop = 0;
-      };
-    </script>
-
-
-  <!-- Dark  mode theme -->
-  <script>
-    // Function to set the theme
-  function setTheme(themeName) {
-      document.body.className = themeName;
-      localStorage.setItem('theme', themeName);
-  }
-  
-  // Function to toggle the theme
-  function toggleTheme() {
-      if (document.body.classList.contains('theme-light')) {
-          setTheme('theme-dark');
-      } else {
-          setTheme('theme-light');
-      }
-  }
-  
-  // Immediately invoked function to set the theme on initial load
-  (function () {
-      const savedTheme = localStorage.getItem('theme') || 'theme-light';
-      setTheme(savedTheme);
-  
-      // Set the checkbox state based on the saved theme
-      const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-      themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-  })();
-  
-     
-  </script>
-</body>
-
-</html>
diff --git a/navigateToPages/profile.js b/navigateToPages/profile.js
deleted file mode 100644
index 78930a6..0000000
--- a/navigateToPages/profile.js
+++ /dev/null
@@ -1,12 +0,0 @@
-
-const themeToggle = document.querySelector('.theme-toggle');
-const icon = themeToggle.querySelector('span');
-
-themeToggle.addEventListener('click', () => {
-    document.body.classList.toggle('dark-theme');
-    if (document.body.classList.contains('dark-theme')) {
-        icon.textContent = 'dark_mode';
-    } else {
-        icon.textContent = 'light_mode';
-    }
-});
diff --git a/navigateToPages/scriptDashboard.js b/navigateToPages/scriptDashboard.js
deleted file mode 100644
index 514de41..0000000
--- a/navigateToPages/scriptDashboard.js
+++ /dev/null
@@ -1,70 +0,0 @@
-let signupBtn = document.getElementById("signupBtn");
-let signinBtn = document.getElementById("signinBtn");
-let nameField = document.getElementById("nameField");
-let title = document.getElementById("title");
-let identity = document.getElementById("identity");
-let count = 0;
-let count2 = 0;
-
-signinBtn.onclick = function () {
-    count++;
-    nameField.style.maxHeight = "0";
-    title.innerHTML = "Sign In";
-    signupBtn.classList.add("disable");
-    signinBtn.classList.remove("disable");
-
-    console.log("Sign-in button clicked. Count: ", count);
-
-    if (count >= 1 && areAllFieldsFilled()) {
-        let selectedOption = null; // Declare selectedOption outside the if block
-        if (identity != null) {
-            selectedOption = identity.value; // Assign value to selectedOption
-        }
-
-        if (selectedOption === "Investor" || selectedOption === "Contributor") {
-            console.log("Redirecting to services.html");
-            window.location.href = "../navigateToPages/services.html";
-        }
-    }
-};
-
-signupBtn.onclick = function (event) {
-    event.preventDefault(); // Prevent default form submission behavior
-    count2++;
-    nameField.style.maxHeight = "55px";
-    title.innerHTML = "Sign Up";
-    signupBtn.classList.remove("disable");
-    signinBtn.classList.add("disable");
-    if (count2 >= 1 && areAllFieldsFilled2()) {
-        nameField.style.maxHeight = "0";
-        title.innerHTML = "Sign In";
-        signupBtn.classList.add("disable");
-        signinBtn.classList.remove("disable");
-    }
-};
-
-function areAllFieldsFilled() {
-    let email = document.querySelector('input[type="email"]').value;
-    let password = document.querySelector('input[type="password"]').value;
-    return email.trim() !== "" && password.trim() !== "";
-}
-
-function areAllFieldsFilled2() {
-    let name = document.querySelector('input[type="text"]').value;
-    let email = document.querySelector('input[type="email"]').value;
-    let password = document.querySelector('input[type="password"]').value;
-    return name.trim() !== "" && email.trim() !== "" && password.trim() !== "";
-}
-
-const clickBar = document.querySelector(".mobile-btn");
-const navHeader = document.querySelector(".header");
-clickBar.addEventListener("click", () => {
-    navHeader.classList.toggle("active");
-});
-
-let mobileBtn = document.getElementById("mobile-btn");
-let box = document.getElementById("box");
-mobileBtn.onclick = function () {
-    box.innerHTML = "";
-    box.style.background = "none";
-};
\ No newline at end of file
diff --git a/navigateToPages/services.css b/navigateToPages/services.css
deleted file mode 100644
index 9a5dc4f..0000000
--- a/navigateToPages/services.css
+++ /dev/null
@@ -1,139 +0,0 @@
-.card-container {
-    display: grid;
-    grid-template-columns: repeat(4, 1fr);
-    gap: 20px;
-    margin: 20px;
-    height: 150px;
-}
-
-.card {
-    background-color: #ffffff;
-    border-radius: 15px;
-    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
-    cursor: grab; 
-    user-select: none; 
-    scroll-snap-align: start; 
-    list-style: none; 
-    background: #fff; 
-    display: flex; 
-    width: 98%; 
-    padding-bottom: 15px; 
-    align-items: center; 
-    justify-content: center; 
-    flex-direction: column; 
-    position: relative;
-}
-.dark-theme .chatbox .chat.incoming  {
-        background-color: #555;
-    }
-.card-content {
-    padding: 20px;
-    text-align: center;
-    color:black;
-}
-
-.card h3 {
-    margin: 0;
-    font-size: 20px;
-} 
-
-.card:hover, .card:focus {
-    transform: translateY(-20px); 
-}
-
-.card h2 { 
-    font-weight: 500; 
-    font-size: 1.56rem; 
-    margin: 30px 0 5px; 
-    text-decoration: underline;
-} 
-.card h2:hover{
-    transform: scale(1.1);
-}
-h3:hover{
-    transform: scale(1.1);
-    text-decoration: underline;
-}
-
-.cardd-image {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background-size: cover;
-    background-position: center; 
-    border-radius: 15px; 
-}
-
-/* Dark Theme Styles */
-.dark-theme {
-    background-color: #222;
-    color: #eee;
-}
-
-.dark-theme .card {
-    background-color: #333;
-    box-shadow: -1px 0px 5px 3px #ccccccdb;
-}
-/* .dark-theme .card h3,
-.dark-theme .card h2 {
-    color: #ffffff00;
-} */
-
-.dark-theme .search-bar input {
-    background-color: #555;
-    color: #eee;
-}
-
-.dark-theme .search-bar button {
-    background-color: #666;
-    color: #eee;
-}
-
-.dark-theme .navbar a {
-    color: #eee;
-}
-
-.dark-theme .cta-button,
-.dark-theme .Authenticate button {
-    background-color: #555;
-    color: #eee;
-}
-
-.dark-theme .footer {
-    background-color: #222;
-    color: #ddd;
-}
-
-.dark-theme .footer .icons a {
-    color: #ddd;
-}
-
-.dark-theme .chatbot-toggler {
-    background-color: #555;
-    color: #eee;
-}
-
-.dark-theme .chatbot {
-    background-color: #444;
-    color: #eee;
-}
-
-.dark-theme .chatbox .chat.incoming {
-    background-color: #555;
-}
-.theme-toggle {
-    border-radius: 50%;
-    color: black;
-    background-color: yellow;
-    cursor: pointer;
-    padding: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.theme-dark .card-container {
-    background: rgba(33 33 33 /1);
-}
diff --git a/navigateToPages/services.html b/navigateToPages/services.html
deleted file mode 100644
index 1a0e2b8..0000000
--- a/navigateToPages/services.html
+++ /dev/null
@@ -1,422 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Courses</title>
-    <link rel="icon" href="../img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="../style.css">
-    <link rel="stylesheet" href="../navigateToPages/services.css">  
-    <link rel="stylesheet" href="../Chatbot/chat.css">
-    <script src="../Chatbot/chat.js" defer></script>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <script src="../navigateToPages/scriptDashboard.js" defer></script>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-  </head>
-  <style>
-    body{
-      background: #ebf6f5 ;
-    }
-    .card-img-top {
-    width: 285px;
-    height: 200px;
-  }
-  h5 {
-        color:blue;
-        font-size: 20px;
-        font-weight: 800;
-        
-}
-.footer {
-padding: 20px;
-text-align: center;
-background-color: #333;
-color: #fff;
-
-
-}
-.btn{
-color:black;
-}
-.card{
-width: 18rem;
-box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 2px 4px 1px rgba(0, 0, 0, .18);
-}   
-
-.card-container {
-display: grid;
-grid-template-columns: repeat(4, 1fr);
-gap: 20px;
-height: 1089px;
-margin-top: 12px;
-background:  #ebf6f5 ;
-padding: 20px;
-}
-.theme-dark .card-container{
-  background: rgba(33 33 33 /1);
-}
-.btn-primary{
-background: #5cbdb9;
-border-color: aquamarine;
-}
-.theme-dark .btn-primary{
-  background: #4caf50;
-  color:#fff;
-}
-.theme-dark .btn-primary:hover{
-  background: #ffc107;
-  color:white;
-}
-.btn-primary:hover{
-background: #fbe3e8 ;
-color:black;
-
-}
-.theme-dark  #scrollToTopBtn{
-        background-color:  #ffc107;
-      }
-      .theme-dark #scrollToTopBtn:hover{
-        background-color: #4caf50 ;
-      }
-
-      header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-
-  </style>
-
-<body>
-
-
-    <!--navbar-->
-    <header>
-      <nav class="navbar">
-        <div class="left">
-          <a href="../index.html">
-            <img src="../img/logo.jpg" alt="Logo" class="logo" />
-          </a>
-
-          <div class="group">
-            <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-              <g>
-                <path
-                  d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-                ></path>
-              </g>
-            </svg>
-            <input placeholder="Search" type="search" class="input" />
-          </div>
-        </div>
-
-        <ul class="navbar-list">
-          <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-          <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-          <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-          <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-          <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-          <li><a href="contactus.html">CONTACT US</a></li>
-        </ul>
-      </nav>
-      <div class="right">
-        <a href="../navigateToPages/services.html">
-          <button class="button-explore">
-            <svg
-              class="svgIcon"
-              viewBox="0 0 512 512"
-              height="1em"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-              ></path>
-            </svg>
-          </button>
-        </a>
-
-        <div class="Authenticate">
-          <button class="sign-up">
-            <span><a href="../sign_up.html" style="color:white;">Sign Up</a></span>
-          </button>
-
-          <button class="log-in"><span><a href="../Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-        </div>
-        <label class="theme-switch">
-          <input type="checkbox" class="theme-switch__checkbox"  id="themeToggle" onchange="toggleTheme()">
-          <div class="theme-switch__container">
-            <div class="theme-switch__clouds"></div>
-            <div class="theme-switch__stars-container">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-                <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-              </svg>
-            </div>
-            <div class="theme-switch__circle-container">
-              <div class="theme-switch__sun-moon-container">
-                <div class="theme-switch__moon">
-                  <div class="theme-switch__spot"></div>
-                  <div class="theme-switch__spot"></div>
-                  <div class="theme-switch__spot"></div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </label>
-      </div>
-    </header>
-
-
-    <!-- Cards -->
-    <div class="card-container">
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg1.jpg" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Introduction to Computer Science</h5>
-        <button  class="but"> <a href="#" class="btn btn-primary">Go to Course</a></button>
-       
-      </div>
-    </div>
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg2.jpg" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Principles of Economics</h5>
-       
-        <a href="../Principle of Economics/principleofeconomics.html" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg3.jpg" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Creative Writing</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg4.jpg" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Introduction to Psychology</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg5.jpg" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Algebra and Calculus</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg6.JPG" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">World History: From Ancient Civilizations to the Modern Era</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg7.jpg" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Environmental Science and Sustainability</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg8.jpg" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Introduction to Business Management</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg9.jpg" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Digital Marketing Fundamentals</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg10.JPG" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Human Anatomy and Physiology</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg11.png" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Introduction to Data Science</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-   
-   
-
-
-    <div class="card" style="width: 18rem;">
-      <img class="card-img-top" src="./img/bg12.JPG" alt="Card image cap">
-      <div class="card-body">
-        <h5 class="card-title">Public Speaking and Communication Skills</h5>
-       
-        <a href="#" class="btn btn-primary">Go to Course</a>
-      </div>
-    </div>
-
-
-     
-    </div>
-
-    <footer>
-      
-      <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-        <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-    
-          <img src="logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-          <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-    
-        </div>
-    
-        <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-          <ul style="list-style: none; padding: 0;">
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-            <li><a href="../contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-          </ul>
-        </div>
-    
-    
-        <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-          <ul style="list-style: none; padding: 0;">
-            <li><a href="../privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-            <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-            <li><a href="../termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-          </ul>
-        </div>
-    
-        <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-          <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-          <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e4405f'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#3b5998'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#0077b5'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#1da1f2'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-            <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#ff0000'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-          </ul>
-        </div>
-      </div>
-    
-      <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-        <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-      </div>
-    
-      <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-    
-    </footer>
-
-    <button class="chatbot-toggler">
-        <span class="material-symbols-rounded">mode_comment</span>
-        <span class="material-symbols-outlined">close</span>
-    </button>
-    <div class="chatbot">
-        <header>
-            <h2>Chatbot</h2>
-            <span class="close-btn material-symbols-outlined">close</span>
-        </header>
-        <ul class="chatbox">
-            <li class="chat incoming">
-                <span class="material-symbols-outlined">smart_toy</span>
-                <p>Hi there 👋<br>How can I help you today?</p>
-            </li>
-        </ul>
-        <div class="chat-input">
-            <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-            <span id="send-btn" class="material-symbols-rounded">send</span>
-        </div>
-    </div>
-
-    <script src="../navigateToPages/services.js"></script>
-     <!-- Dark  mode theme -->
-  <script>
-    // Function to set the theme
-  function setTheme(themeName) {
-      document.body.className = themeName;
-      localStorage.setItem('theme', themeName);
-  }
-  
-  // Function to toggle the theme
-  function toggleTheme() {
-      if (document.body.classList.contains('theme-light')) {
-          setTheme('theme-dark');
-      } else {
-          setTheme('theme-light');
-      }
-  }
-  
-  // Immediately invoked function to set the theme on initial load
-  (function () {
-      const savedTheme = localStorage.getItem('theme') || 'theme-light';
-      setTheme(savedTheme);
-  
-      // Set the checkbox state based on the saved theme
-      const themeToggleCheckbox = document.querySelector('.theme-switch__checkbox');
-      themeToggleCheckbox.checked = savedTheme === 'theme-dark';
-  })();
-  
-     
-  </script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-</body>
-
-</html>
diff --git a/navigateToPages/services.js b/navigateToPages/services.js
deleted file mode 100644
index c7f7528..0000000
--- a/navigateToPages/services.js
+++ /dev/null
@@ -1,12 +0,0 @@
-document.addEventListener("DOMContentLoaded", function() {
-    // Get all the cards
-    const cards = document.querySelectorAll(".card");
-
-    // Add click event listener to each card
-    cards.forEach(function(card, index) {
-        card.addEventListener("click", function() {
-            // Open the respective HTML file based on the card index
-            window.location.href = `/courses/Name${index + 1}.html`;
-        });
-    });
-});
diff --git a/navigateToPages/style.css b/navigateToPages/style.css
deleted file mode 100644
index a58bc12..0000000
--- a/navigateToPages/style.css
+++ /dev/null
@@ -1,923 +0,0 @@
-
-@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@200;300;400;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
-
-*{
-    margin: 0;
-    padding: 0;
-    font-family: "Martel Sans", sans-serif;
-
-}
-html,body{
-    overflow-x: hidden;
-}
-
-
-.content{
-  background-image: url('img/New Background.jpeg');
-  background-size: cover;
-  padding: 2rem 4rem;
- }
-
-.content div{
-  margin-top: 4rem;
-  border-radius: 8px;
-  padding: 3rem;
-  box-shadow: 3px -3px 24px 2px rgba(239, 236, 236, 0.5);
-
-}
-
-.header{
-    overflow: hidden;
-    width: 100%;
-    height: 5rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: lightsalmon ;
-}
-
-.logo {
-    
-    width: 80px; 
-    height: auto; 
-}
-
-
-/*navbar*/
-  
-  .navbar-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    color: white;
-  }
-  
-  .navbar-list li {
-    display: inline-block; 
-    color: white;
-  }
-  
-  /* Dark Mode */
-  @media (prefers-color-scheme: dark) {
-    .header {
-        background-color: darkslategray; /* Change to your desired dark color */
-    }
-  
-    .navbar-list li {
-        color: white; /* Ensure text is readable in dark mode */
-    }
-  }
-  
-  
-  /*-----navbar------*/
-      .navbar{
-          display: flex;
-          align-items: center;
-          gap: 40px;
-      }
-      .navbar-list{
-      list-style-type: none;
-      margin: 0;
-      padding: 0;
-      display: flex;
-  }
-  
-  .navbar-list li a{
-      display: inline-block; 
-      font-size: 15px;
-      text-decoration: none;
-  }
-  .navbar-list li a:hover{
-    transform: scale(1.3); /* Adjust the scale value as needed */
-    transition: transform 0.3s ease; /* Smooth zoom-in effect */
-    color: black;
-    text-decoration: none;
-  }
-  
-  header{
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding:0 20px;
-  background: linear-gradient(45deg, #3498db, #2ecc71);
-  }
-  
-  .left{
-    display: flex;
-    gap: 20px;
-  }
-  
-  .right{
-    display: flex;
-    gap: 12px;
-  }
-  
-  .group {
-    display: flex;
-    line-height: 28px;
-    align-items: center;
-    position: relative;
-    max-width: 190px;
-   }
-   
-   .input {
-    width: 100%;
-    height: 40px;
-    line-height: 28px;
-    padding: 0 1rem;
-    padding-left: 2.5rem;
-    border: 2px solid transparent;
-    border-radius: 8px;
-    outline: none;
-    background-color:whitesmoke;
-    color: white;
-    transition: .3s ease;
-   }
-   
-   .input::placeholder {
-    color: #9e9ea7;
-   }
-   
-   .input:focus, input:hover {
-    outline: none;
-    border-color: rgba(234,76,137,0.4);
-    background-color: #fff;
-    box-shadow: 0 0 0 4px rgb(234 76 137 / 10%);
-   }
-   
-   .icon {
-    position: absolute;
-    left: 1rem;
-    fill: #9e9ea7;
-    width: 1rem;
-    height: 1rem;
-   }
-  
-   .button-explore {
-    width: 40px;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 10px;
-    background-color: #0f0c29;
-    border-radius: 30px;
-    color: rgb(255, 255, 255);
-    font-weight: 600;
-    border: none;
-    position: relative;
-    cursor: pointer;
-    transition-duration: .2s;
-    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.116);
-    padding-left: 8px;
-    transition-duration: .5s;
-  }
-  
-  .svgIcon {
-    height: 25px;
-    transition-duration: 1.5s;
-    filter: invert();
-  }
-  
-  .bell path {
-    fill: rgb(19, 19, 19);
-  }
-  
-  .button-explore:hover {
-    background-color: rgb(232, 113, 16);
-    transition-duration: .5s;
-  }
-  
-  .button-explore:active {
-    transform: scale(0.97);
-    transition-duration: .2s;
-  }
-  
-  .button-explore:hover .svgIcon {
-    transform: rotate(250deg);
-    transition-duration: 1.5s;
-  }
-  
-  
-  .Authenticate{
-    display: flex;
-    gap: 10px;
-    height: 40px;
-  }
-   
-  .sign-up,.log-in {
-    display: flex;
-    align-items: center;
-    font-family: inherit;
-    cursor: pointer;
-    font-weight: 500;
-    font-size: 17px;
-    padding: 0.8em 1.3em 0.8em 0.9em;
-    color: white;
-    background: #ad5389;
-    background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
-    border: none;
-    letter-spacing: 0.05em;
-    border-radius: 16px;
-  }
-  
-  
-  .sign-up,.log-in span {
-    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
-  }
-  
-  
-  .sign-up:hover,.log-in:hover span {
-    transform: translateX(7px);
-  }
-
-
-  /*------theme toggler------**/
-  .theme-switch {
-    --toggle-size: 15px;
-    /* the size is adjusted using font-size,
-       this is not transform scale,
-       so you can choose any size */
-    --container-width: 5.625em;
-    --container-height: 2.5em;
-    --container-radius: 6.25em;
-    /* radius 0 - minecraft mode :) */
-    --container-light-bg: #3D7EAE;
-    --container-night-bg: #1D1F2C;
-    --circle-container-diameter: 3.375em;
-    --sun-moon-diameter: 2.125em;
-    --sun-bg: #ECCA2F;
-    --moon-bg: #C4C9D1;
-    --spot-color: #959DB1;
-    --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
-    --stars-color: #fff;
-    --clouds-color: #F3FDFF;
-    --back-clouds-color: #AACADF;
-    --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
-  }
-  
-  .theme-switch, .theme-switch *, .theme-switch *::before, .theme-switch *::after {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    font-size: var(--toggle-size);
-  }
-  
-  .theme-switch__container {
-    width: var(--container-width);
-    height: var(--container-height);
-    background-color: var(--container-light-bg);
-    border-radius: var(--container-radius);
-    overflow: hidden;
-    cursor: pointer;
-    -webkit-box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-    box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-    position: relative;
-  }
-  
-  .theme-switch__container::before {
-    content: "";
-    position: absolute;
-    z-index: 1;
-    inset: 0;
-    -webkit-box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-    box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-    border-radius: var(--container-radius)
-  }
-  
-  .theme-switch__checkbox {
-    display: none;
-  }
-  
-  .theme-switch__circle-container {
-    width: var(--circle-container-diameter);
-    height: var(--circle-container-diameter);
-    background-color: rgba(255, 255, 255, 0.1);
-    position: absolute;
-    left: var(--circle-container-offset);
-    top: var(--circle-container-offset);
-    border-radius: var(--container-radius);
-    -webkit-box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-    box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-transition: var(--circle-transition);
-    -o-transition: var(--circle-transition);
-    transition: var(--circle-transition);
-    pointer-events: none;
-  }
-  
-  .theme-switch__sun-moon-container {
-    pointer-events: auto;
-    position: relative;
-    z-index: 2;
-    width: var(--sun-moon-diameter);
-    height: var(--sun-moon-diameter);
-    margin: auto;
-    border-radius: var(--container-radius);
-    background-color: var(--sun-bg);
-    -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-    box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-    -webkit-filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-    filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-    overflow: hidden;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-  }
-  
-  .theme-switch__moon {
-    -webkit-transform: translateX(100%);
-    -ms-transform: translateX(100%);
-    transform: translateX(100%);
-    width: 100%;
-    height: 100%;
-    background-color: var(--moon-bg);
-    border-radius: inherit;
-    -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-    box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-    position: relative;
-  }
-  
-  .theme-switch__spot {
-    position: absolute;
-    top: 0.75em;
-    left: 0.312em;
-    width: 0.75em;
-    height: 0.75em;
-    border-radius: var(--container-radius);
-    background-color: var(--spot-color);
-    -webkit-box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-    box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-  }
-  
-  .theme-switch__spot:nth-of-type(2) {
-    width: 0.375em;
-    height: 0.375em;
-    top: 0.937em;
-    left: 1.375em;
-  }
-  
-  .theme-switch__spot:nth-last-of-type(3) {
-    width: 0.25em;
-    height: 0.25em;
-    top: 0.312em;
-    left: 0.812em;
-  }
-  
-  .theme-switch__clouds {
-    width: 1.25em;
-    height: 1.25em;
-    background-color: var(--clouds-color);
-    border-radius: var(--container-radius);
-    position: absolute;
-    bottom: -0.625em;
-    left: 0.312em;
-    -webkit-box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-    box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-    -webkit-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    -o-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-  }
-  
-  .theme-switch__stars-container {
-    position: absolute;
-    color: var(--stars-color);
-    top: -100%;
-    left: 0.312em;
-    width: 2.75em;
-    height: auto;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-  }
-  
-  /* actions */
-  
-  .theme-switch__checkbox:checked + .theme-switch__container {
-    background-color: var(--container-night-bg);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
-    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter));
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
-    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em)
-  }
-  
-  .theme-switch__circle-container:hover {
-    left: calc(var(--circle-container-offset) + 0.187em);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
-    -webkit-transform: translate(0);
-    -ms-transform: translate(0);
-    transform: translate(0);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
-    bottom: -4.062em;
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
-  }
-/*-navbar ends----------*/
-
-.Hi {
-    border-radius: 50%;
-    margin: auto;
-    border-style: groove;
-    display: block;
-    opacity: 0; 
-    transition: opacity 1s ease; 
-}
-
-.Hi.loaded {
-    opacity: 1; 
-}
-
-.Hi:hover{
-    opacity: 0.5;
-    transform: scale(1.15);
-}
-.message{
-    text-align: center;
-    text-emphasis: none;
-}
-.message:hover{
-    text-decoration: underline;
-    text-shadow: black;
-    transform: scale(1.1);
-}
-p{
-    color: black;
-}
-
-.logo2 {
-    width: 150px; 
-    height: auto; 
-}
-
-.navbar{
-    
-    margin-right: 2rem;
-}
-.navbar-list{
-    display: flex;
-    list-style: none;
-    gap: 4rem;
-}
-li a,a:visited{
-    text-decoration: none;
-    font-size: 1.2rem;
-    color: #000;
-    font-weight: bold;
-    text-transform: uppercase;
-    transition: all 0.4s;
-}
-@media (max-width:995px) {
-    .navbar-list{
-        gap: 2rem;
-    }
-    li a,a:visited{
-        font-size: 1rem;
-    }
-}
-.navbar-list li a:hover{
-    opacity: 50%;
-    text-decoration: underline;
-}
-
-.logo{
-    border-radius: 20%;
-}
-
-.fa-solid.fa-comments, .fa-solid.fa-globe, .fa-solid.fa-handshake{
-   display: flex;
-   justify-content: center; 
-    font-size: 3rem;
-    padding: 0.5rem;
-}
-@media(max-width:920px) {
-    .boxes{
-        width: 60vw;
-    }
-}
-@media(max-width:820px) {
-    .box-section{
-        display: flex;
-        flex-direction: column;
-    }
-    .boxes{
-        width: 70vw;
-    }
-}
-@media(max-width:460px) {
-    .boxes{
-        width: 70vw;
-    }
-}
-.para1{
-    width: 100vw;
-    font-size: 1.2rem;
-}
-
-.search-bar {
-    display: flex;
-    align-items: center;
-}
-
-.search-input:hover{
-    background-color: lightgrey;
-}
-
-.search-input {
-    padding: 8px;
-    border: 1px solid #ccc;
-    border-radius: 20px; 
-    width: 200px;
-    margin-right: 10px;
-}
-
-.search-button {
-    background-color: #f5f5f5; 
-    border: none;
-    padding: 8px;
-    border-radius: 4px;
-    cursor: pointer;
-}
-
-.search-button:hover {
-    background-color: lightgreen; 
-}
-
-.sign-up , .log-in{
-    background-color: lightgrey;
-    border-radius: 20px;
-    padding: 8px;
-    border-color: lightyellow;
-}
-
-.sign-up:hover , .log-in:hover{
-    background-color: lightblue;
-}
-.footer{
-    overflow-x: hidden; 
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    height: 16rem;
-    background-color: grey;
-    gap: 1rem;
-}
-.logo2{
-    height: 6rem;
-    width: 9rem;
-    object-fit: cover;
-}
-.icons .fa-brands {
-    font-size: 2rem;
-    padding: 0.5rem;
-    border: 2px solid white; /* Border color matches footer background for contrast */
-    border-radius: 50%;
-    background-color: white; /* Background color of the icon */
-    color: black; /* Icon text color */
-    margin-bottom: auto;
-    transition: all 0.3s ease; /* Smooth transition for hover/click effects */
-}
-
-/* Hover effect for icons */
-.icons .fa-brands:hover {
-    background-color: #ff5722; /* Example hover background color (orange) */
-    color: white; /* Text color when hovered */
-    border-color: #ff5722; /* Border color changes on hover */
-    transform: scale(1.2); /* Slightly enlarges the icon */
-}
-
-
-.follow-us{
-    display: flex;
-    justify-content: center;
-    gap: 1rem;
-}
-.copyright{
-    font-size: 1.1rem;
-}
-
-.mobile-btn{
-    cursor: pointer;
-    gap: 1rem;
-    margin-right: 1rem;
-    display: none;
-}
-.fa-solid{
-    font-size: 2rem;
-}
-
-.fa-bars, .fa-xmark{
-    border: 3px solid #000;
-    padding: 0.4rem;
-}
-
-@media (max-width:670px) {
-    .fa-solid.fa-xmark{
-        display: none;
-    }
-    .navbar{
-        width: 100%;
-        height: 100vh;
-        background-color: beige;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        position: absolute;
-        top: 0;
-        left: 0;
-        transform: translateX(100%);
-        transition: all 0.6s linear;
-        opacity: 0;
-        visibility: hidden;
-    }
-    .navbar-list{
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        display: flex;
-    }
-    li a,a:visited{
-        font-size: 1.2rem;
-    }
-    .active .navbar{
-        opacity: 1;
-        visibility: visible;
-        transform: translateX(0);
-    }
-
-    .active .fa-solid .fa-xmark{
-        display: block;
-        border: 3px solid black;
-        font-size: 2rem;
-    }
-    .active #close{
-        display: block;
-    }
-    .active .fa-bars{
-        display: none;
-    }
-    .mobile-btn{
-        display: flex;
-    }
-}
-
-.cta-button {
-    background-color: #ff6600;
-    color: #fff;
-    padding: 10px 20px;
-    border: none;
-    border-radius: 5px;
-    font-size: 16px;
-    text-decoration: none;
-    transition: background-color 0.3s ease;
-}
-
-.cta-button:hover {
-    background-color: #ff8533;
-}
-
-/* Footer Styling */
-footer {
-    background-color: black;
-    padding: 40px 0;
-    font-family: 'Arial', sans-serif;
-    color: white;
-  }
-  
-  .footer-content {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: 20px;
-    max-width: 1200px;
-    margin: auto;
-    padding: 20px;
-  }
-  
-  .footer-section {
-    margin: 20px;
-  }
-  
-  .footer-section h2 {
-    font-size: 18px;
-    font-weight: bold;
-    margin-bottom: 20px;
-  }
-  
-  .footer-section ul {
-    list-style: none;
-    padding: 0;
-  }
-  
-  .footer-section ul li {
-    margin-bottom: 10px;
-  }
-  
-  .footer-section ul li a {
-    text-decoration: none;
-    color: #6c757d;
-    font-size: 14px;
-  }
-  
-  .footer-section ul li a:hover {
-    color: #000;
-  }
-  
-  .social-icons {
-    display: flex;
-    gap: 10px;
-  }
-  
-  .social-icons li {
-    list-style: none;
-  }
-  
-  .social-icons li a {
-    font-size: 20px;
-    color: #6c757d;
-  }
-  
-  /* Newsletter Section Styling */
-  .footer-section.newsletter {
-    grid-column: span 4; /* span across all sections */
-    padding: 30px;
-    background-color: black;
-    background-image: url('https://media.istockphoto.com/id/666193858/photo/indian-vegetarian-office-or-school-lunch-box-or-tiffin-with-north-indian-or-maharashtrian.jpg?s=612x612&w=0&k=20&c=Ac-U7hY1leIuM97jLNPqzv7SX5DbZofu5p_pfUCgeJA=');
-    text-align: center;
-    margin-top: 20px;
-    border-radius: 8px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  }
-  
-  .footer-section.newsletter h2 {
-    font-size: 22px;
-    color: #ea0202;
-    margin-bottom: 15px;
-  }
-  
-  .footer-section.newsletter p {
-    font-size: 14px;
-    color: #130111;
-    margin-bottom: 20px;
-  }
-  
-  .footer-section.newsletter .newsletter-form {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    align-items: center;
-  }
-  
-  .footer-section.newsletter .newsletter-form input {
-    padding: 10px;
-    font-size: 14px;
-    width: 250px;
-    border: 2px solid #ddd;
-    border-radius: 4px;
-    transition: border-color 0.3s ease;
-  }
-  
-  .footer-section.newsletter .newsletter-form input:focus {
-    border-color: #ff5722; /* Focused border color */
-    outline: none;
-  }
-  
-  .footer-section.newsletter .subscribe-btn {
-    background: linear-gradient(90deg, #ff5722, #ff0000); /* Red gradient */
-    color: #fff;
-    padding: 10px 20px;
-    font-size: 14px;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background 0.3s ease, transform 0.3s ease;
-  }
-  
-  .footer-section.newsletter .subscribe-btn:hover {
-    background: linear-gradient(90deg, #ff0000, #ff5722); /* Reverse gradient on hover */
-    transform: translateY(-3px); /* Button hover animation */
-  }
-  
-  .footer-bottom {
-    text-align: center;
-    padding: 20px 0;
-    background-color: #e9ecef;
-    font-size: 14px;
-  }
-
-.theme-toggle {
-    border-radius: 50%;
-    color: black;
-    background-color: yellow;
-    cursor: pointer;
-    padding: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.theme-toggle span {
-    font-size: 1.5rem;
-}
-
-/* Dark Theme Styles */
-.dark-theme {
-    background-color: #121212;
-    color: #eee;
-}
-
-
-/* .dark-theme .header {
-    background-color: #222;
-} */
-
-.dark-theme .search-bar input {
-    background-color: #555;
-    color: #eee;
-    border: 1px solid #777;
-}
-
-.dark-theme .search-bar button {
-    background-color: #666;
-    color: #eee;
-}
-
-.dark-theme .navbar a {
-    color: #eee;
-}
-
-.dark-theme .cta-button, .dark-theme .Authenticate button {
-  
-    color: #eee;
-    background: linear-gradient(135deg, #870000, #190a05);
-}
-
-
-.dark-theme .footer {
-    background-color: #222;
-    color: #ddd;
-}
-
-.dark-theme .footer .icons a {
-    color: #ddd;
-}
-
-.dark-theme .chatbot-toggler {
-    background-color: #555;
-    color: #eee;
-}
-
-.dark-theme .chatbot {
-    background-color: #444;
-    color: #eee;
-}
-
-.dark-theme .chatbox .chat.incoming {
-    background-color: #555;
-}
-
-.dark-theme .card {
-    background-color: #444;
-    box-shadow: 0px 4px 6px rgba(255, 255, 255, 0.2); /* White shadow */
-}
-
-.dark-theme .card h3,
-.dark-theme .card h2 {
-    
-        color: #000;
-    }
-.dark-theme .header {
-    overflow: hidden;
-    width: 100%;
-    height: 5rem;
-    display: flex
-;
-    justify-content: space-between;
-    align-items: center;
-    
-    background: linear-gradient(135deg, #e43a15, #e65245);
-}
diff --git a/navigateToPages/styleDashboard.css b/navigateToPages/styleDashboard.css
deleted file mode 100644
index ae11545..0000000
--- a/navigateToPages/styleDashboard.css
+++ /dev/null
@@ -1,93 +0,0 @@
-.content{
-    overflow-x: hidden; 
-    padding: 5rem 1.5rem;
-    height: 100vh;
-    font-weight: bold;
-    background-position: center;
-    background-repeat: repeat;
-    object-fit: cover;
-    width: 95vw;
-    margin: auto;
-    position: relative;
-    background-image: url('./img/background.jpg'); 
-}
-.form-box{
-    width: 90%;
-    height: 90vh;
-    max-width: 450px;
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    transform: translate(-50%, -50%);
-    background: grey ;
-    padding: 50px 60px 70px;
-    text-align: center;
-}
-.form-box h1{
-    margin-bottom: 60px;
-    position: relative;
-}
-.form-box h1::after{
-    content: "";
-    width: 30px;
-    height: 3px;
-    border-radius: 3px;
-    background: black;
-    position: absolute;
-    bottom: -12px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-.input-group{
-    height: 290px;
-}
-.input-field{
-    background: lightgrey;
-    margin: 10px 0;
-    border-radius: 3px;
-    display: flex;
-    align-items: center;
-    margin-left: 15px;
-    color: #999;
-    max-height: 55px;
-    transition: max-height 0.5s;
-    overflow: hidden;
-}
-input, select{
-    color: #7b7b7b;
-    width: 100%;
-    background: transparent;
-    border: 0;
-    outline: 0;
-    padding: 18px 15px;
-}
-option{
-    background: lightgrey;
-}
-form p{
-    text-align: left;
-    color: rgb(8, 8, 140);
-    font-size: 13px;
-}
-.btn-field{
-    width: 100%;
-    display: flex;
-    justify-content: center;
-}
-.btn-field button{
-    margin-left: 10px;
-    flex-basis: 48%;
-    background: rgb(247, 110, 55);
-    cursor: pointer;
-    height: 40px;
-    border-radius: 20px;
-    border: 0;
-    overflow: 0;
-    transition: background 1s;
-}
-.btn-field button.disable{
-    background: lightsalmon;
-}
-.btn-field button:hover{
-    background: lightcoral ;
-}
diff --git a/privacy.html b/privacy.html
deleted file mode 100644
index 43f6e90..0000000
--- a/privacy.html
+++ /dev/null
@@ -1,403 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Studentify</title>
-    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="./style.css">
-    <link rel="stylesheet" href="./Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <script src="./Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-      }
-      body {
-    margin: 0;
-    padding: 0;
-    font-family: Arial, sans-serif;
-    background-image: url('./img/New Background.jpeg');  /* Added background image */
-    background-size: cover;  /* Ensures the image covers the entire body */
-    background-position: center;  /* Center the image */
-    background-repeat: no-repeat;  /* Ensures the image doesn’t repeat */
-    background-attachment: fixed;  /* Keeps the image fixed during scrolling */
-    color: #333;
-}
-
-      /* Style for the container */
-      .container {
-    width: 90%;
-    max-width: 1000px;
-    margin: 20px auto;
-    padding: 30px;
-    background-color: rgba(255, 255, 255, 0.9);  /* Slightly transparent white background */
-    border-radius: 10px;
-    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
-    line-height: 1.6;
-    font-family: 'Arial', sans-serif;
-}
-
-/* Heading Styles */
-.container h1, .container h3 {
-    color: #333;
-    font-family: 'Georgia', serif;
-    margin-top: 30px;
-    margin-bottom: 15px;
-    font-weight: bold;
-}
-
-/* Style for smaller subheadings */
-.container h1 {
-    font-size: 1.8em;
-    color: #1a73e8;
-    border-bottom: 2px solid #f1f1f1;
-    padding-bottom: 5px;
-}
-
-.container h3 {
-    font-size: 1.5em;
-    text-align: center;
-    color: #444;
-}
-
-/* Paragraph Styles */
-.container p {
-    font-size: 1em;
-    color: #555;
-    margin-bottom: 20px;
-    line-height: 1.7;
-}
-
-/* List Styles */
-.container ul {
-    list-style-type: disc;
-    margin-left: 40px;
-}
-
-.container ul li {
-    margin-bottom: 10px;
-}
-
-/* Link Style */
-.container a {
-    color: #1a73e8;
-    text-decoration: none;
-    font-weight: bold;
-}
-
-.container a:hover {
-    text-decoration: underline;
-}
-
-/* Section Styling */
-.container section {
-    margin-bottom: 30px;
-}
-
-/* Hover effect on sections */
-.container section:hover {
-    background-color: #f7f7f7;
-    padding: 20px;
-    border-radius: 8px;
-}
-
-/* Button Styling (if needed in future) */
-button {
-    background-color: #1a73e8;
-    color: white;
-    padding: 12px 24px;
-    border: none;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 1em;
-}
-
-button:hover {
-    background-color: #155ab7;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-    .container {
-        width: 95%;
-        padding: 20px;
-    }
-
-    .container h1, .container h3 {
-        font-size: 1.3em;
-    }
-
-    .container p {
-        font-size: 0.95em;
-    }
-    
-    .container ul {
-        margin-left: 20px;
-    }
-}
-
-
-</style>
-</head>
-
-<body >
-
-  <header>
-    <nav class="navbar">
-      <div class="left">
-        <a href="../index.html">
-          <img src="./img/logo.jpg" alt="Logo" class="logo" />
-        </a>
-
-        <div class="group">
-          <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-            <g>
-              <path
-                d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-              ></path>
-            </g>
-          </svg>
-          <input placeholder="Search" type="search" class="input"/>
-        </div>
-      </div>
-
-      <ul class="navbar-list">
-        <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-        <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-        <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-        <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-        <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-        <li><a href="contactus.html">CONTACT US</a></li>
-      </ul>
-    </nav>
-    <div class="right">
-      <a href="../navigateToPages/services.html">
-        <button class="button-explore">
-          <svg
-            class="svgIcon"
-            viewBox="0 0 512 512"
-            height="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-            ></path>
-          </svg>
-        </button>
-      </a>
-
-      <div class="Authenticate">
-        <button class="sign-up">
-          <span><a href="sign_up.html" style="color:white;">Sign Up</a></span>
-        </button>
-
-        <button class="log-in"><span><a href="Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-      </div>
-      <label class="theme-switch">
-        <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-        <div class="theme-switch__container">
-          <div class="theme-switch__clouds"></div>
-          <div class="theme-switch__stars-container">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-              <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-            </svg>
-          </div>
-          <div class="theme-switch__circle-container">
-            <div class="theme-switch__sun-moon-container">
-              <div class="theme-switch__moon">
-                <div class="theme-switch__spot"></div>
-                <div class="theme-switch__spot"></div>
-                <div class="theme-switch__spot"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </label>
-    </div>
-  </header>
-
-      <body>
-        <div class="container">
-            <h3>Privacy Policy</h3>
-            <p>Welcome to <strong>STUDENT-IFY</strong>. Your privacy is important to us. This Privacy Policy explains how we collect, use, and protect your personal information when you use our website.</p>
-        
-            <h1>Information We Collect</h1>
-            <p>We may collect the following types of information:</p>
-            <ul>
-                <li>Personal identification information (Name, email address, phone number, etc.)</li>
-                <li>Usage data (IP address, browser type, pages visited, etc.)</li>
-                <li>Cookies and similar technologies</li>
-            </ul>
-        
-            <h1>How We Use Your Information</h1>
-            <p>We use the information we collect for the following purposes:</p>
-            <ul>
-                <li>To provide and maintain our services</li>
-                <li>To improve user experience</li>
-                <li>To communicate with you, including responding to inquiries and providing updates</li>
-                <li>To analyze website traffic and usage</li>
-                <li>To comply with legal obligations</li>
-            </ul>
-        
-            <h1>Sharing Your Information</h1>
-            <p>We do not sell or share your personal information with third parties, except in the following cases:</p>
-            <ul>
-                <li>With your consent</li>
-                <li>To comply with legal requirements</li>
-                <li>To protect our rights and property</li>
-            </ul>
-        
-            <h1>Your Rights</h1>
-            <p>You have the right to:</p>
-            <ul>
-                <li>Access, update, or delete your personal data</li>
-                <li>Opt-out of certain data collection practices</li>
-                <li>Request clarification on our data practices</li>
-            </ul>
-        
-            <h1>Cookies</h1>
-            <p>We use cookies to enhance your browsing experience. You can adjust your browser settings to refuse cookies if you prefer.</p>
-        
-            <h1>Changes to This Policy</h1>
-            <p>We may update this Privacy Policy from time to time. We encourage you to review this page periodically for any changes.</p>
-        
-            <h1>Contact Us</h1>
-            <p>If you have any questions or concerns about this Privacy Policy, please contact us at <a href="mailto:support@studentify.com">support@studentify.com</a>.</p>
-        </div>
-        
-    </body>
-
-
-    <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="img\logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-  
-          </div>
-      
-          <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-              <li><a href="contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-            </ul>
-          </div>
-      
-      
-          <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-              <li><a href="termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-            </ul>
-          </div>
-      
-          <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-            <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-            </ul>
-          </div>
-        </div>
-      
-        <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-          <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-        </div>
-  
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-  
-      </footer>
-  
-      <button class="chatbot-toggler">
-          <span class="material-symbols-rounded">mode_comment</span>
-          <span class="material-symbols-outlined">close</span>
-      </button>
-      <div class="chatbot">
-          <header>
-              <h2>Chatbot</h2>
-              <span class="close-btn material-symbols-outlined">close</span>
-          </header>
-          <ul class="chatbox">
-              <li class="chat incoming">
-                  <span class="material-symbols-outlined">smart_toy</span>
-                  <p>Hi there 👋<br>How can I help you today?</p>
-              </li>
-          </ul>
-          <div class="chat-input">
-              <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-              <span id="send-btn" class="material-symbols-rounded">send</span>
-          </div>
-      </div>
-  
-      <script src="./script.js"></script>
-      <script>
-          const themeToggle = document.querySelector('.theme-toggle');
-          const icon = themeToggle.querySelector('span');
-  
-          themeToggle.addEventListener('click', () => {
-              document.body.classList.toggle('dark-theme');
-              if (document.body.classList.contains('dark-theme')) {
-                  icon.textContent = 'dark_mode';
-              } else {
-                  icon.textContent = 'light_mode';
-              }
-          });
-      </script>
-       <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-       <script>
-        // Get the button
-        let mybutton = document.getElementById("scrollToTopBtn");
-      
-        // When the user scrolls down 20px from the top of the document, show the button
-        window.onscroll = function () {
-            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-                mybutton.style.display = "block";
-            } else {
-                mybutton.style.display = "none";
-            }
-        };
-      
-        // When the user clicks on the button, scroll to the top of the document
-        mybutton.onclick = function () {
-            document.body.scrollTop = 0;
-            document.documentElement.scrollTop = 0;
-        };
-      </script>
-  </body>
-  
-  </html>
\ No newline at end of file
diff --git a/Code Of Conduct b/readme/Code Of Conduct
similarity index 100%
rename from Code Of Conduct
rename to readme/Code Of Conduct
diff --git a/README.md b/readme/README.md
similarity index 100%
rename from README.md
rename to readme/README.md
diff --git a/script.js b/script.js
deleted file mode 100644
index 19c8dab..0000000
--- a/script.js
+++ /dev/null
@@ -1,29 +0,0 @@
-document.addEventListener("DOMContentLoaded", function(event) {
-    document.querySelector(".Hi").classList.add("loaded");
-});
-
-document.addEventListener("DOMContentLoaded", function() {
-    var paragraphs = document.querySelectorAll('#content p');
-    var currentParagraph = 0;
-    var currentWord = 0;
-    var words;
-    var intervalId = setInterval(function() {
-      if (currentParagraph >= paragraphs.length) {
-        clearInterval(intervalId);
-        return;
-      }
-      if (!words) {
-        words = paragraphs[currentParagraph].textContent.split(' ');
-        paragraphs[currentParagraph].textContent = '';
-      }
-      if (currentWord < words.length) {
-        paragraphs[currentParagraph].textContent += words[currentWord] + ' ';
-        currentWord++;
-      } else {
-        currentWord = 0;
-        currentParagraph++;
-        words = null;
-      }
-    }, 100);
-  });
-  
\ No newline at end of file
diff --git a/sign_up.css b/sign_up.css
deleted file mode 100644
index f326b6a..0000000
--- a/sign_up.css
+++ /dev/null
@@ -1,106 +0,0 @@
-/* Signup Form*/
-* {box-sizing: border-box}
-
-/* Full-width input fields */
-input[type=text], input[type=password] {
-  width: 100%;
-  padding: 15px;
-  margin: 5px 0 22px 0;
-  display: inline-block;
-  border: none;
-  background: #f1f1f1;
-}
-
-input[type=text]:focus, input[type=password]:focus {
-  background-color: #ddd;
-  outline: none;
-}
-
-hr {
-  border: 1px solid #f1f1f1;
-  margin-bottom: 25px;
-}
-
-
-button {
-  background-color: #06D001;
-  color: white;
-  padding: 14px 20px;
-  margin: 8px 0;
-  border: none;
-  cursor: pointer;
-  width: 100%;
-  opacity: 0.9;
-}
-
-button:hover {
-  opacity: 1;
-}
-
-.cancelbtn {
-  padding: 14px 20px;
-  background-color: #FF0000;
-}
-
-
-.cancelbtn, .signupbtn {
-  float: left;
-  width: 50%;
-}
-
-
-.container {
-  padding: 16px;
-}
-
-
-.clearfix::after {
-  content: "";
-  clear: both;
-  display: table;
-}
-
-@media screen and (max-width: 600px) {
-  .cancelbtn, .signupbtn {
-    width: 100%;
-    float: none;
-  }
-
-  input[type=text], input[type=password] {
-    padding: 10px;
-  }
-
-  button {
-    padding: 12px;
-  }
-}
-
-body {
-  margin: 0;
-  padding: 20px;
-  background-image: url('img/back.jpg');
-  background-size: cover;
-  background-repeat: no-repeat;
-  background-position: center;
-}
-
-form {
-  background-color: rgba(0, 0, 0, 0.5);
-  color: white;
-  margin: 0 auto;
-  padding: 20px;
-  max-width: 500px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
-}
-
-.container {
-  padding: 0;
-}
-
-.error-message {
-  color: red;
-  font-size: 14px;
-  margin-top: 5px;
-}
-
-
diff --git a/sign_up.html b/sign_up.html
deleted file mode 100644
index 8bfb3d7..0000000
--- a/sign_up.html
+++ /dev/null
@@ -1,53 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="stylesheet" href="sign_up.css">
-    <title>Sign up|Studentify</title>
-
-</head>
-<body>
-    <form id="signupForm" action="http://localhost:3000/signup" method="post" style="border: 1px solid #ccc">
-        <div class="container">
-            <h1 style="display: flex; justify-content:center;">Sign Up</h1>
-            <p style="display: flex; justify-content:center;">Please fill in this form to create an account.</p>
-            <hr />
-
-            <!-- Error msg display -->
-            <label for="email"><b>Email</b></label>
-            <input type="text" placeholder="Enter Email" name="email" id="email" required />
-            <span id="emailError" class="error-message"></span><br><br>
-
-            <label for="psw"><b>Password</b></label>
-            <input type="password" placeholder="Enter Password" name="password" id="password" required />
-            <span id="passwordError" class="error-message"></span><br><br>
-
-            <label for="psw-repeat"><b>Repeat Password</b></label>
-            <input type="password" placeholder="Repeat Password" name="repeatPassword" id="repeatPassword" required />
-            <span id="repeatPasswordError" class="error-message"></span><br><br>
-
-
-
-            <label>
-                <input type="checkbox" checked="checked" name="remember" style="margin-bottom: 15px" />
-                Remember me
-            </label>
-
-            <p>
-                By creating an account you agree to our
-                <a href="#" style="color: dodgerblue">Terms & Privacy</a>.
-            </p>
-
-            <div class="clearfix">
-                <button type="button" class="cancelbtn">Cancel</button>
-                <button type="submit" class="signupbtn">Sign Up</button>
-            </div>
-        </div>
-    </form>
-
-    
-    <script src="./sign_up.js" defer></script>
-    
-</body>
-</html>
\ No newline at end of file
diff --git a/sign_up.js b/sign_up.js
deleted file mode 100644
index ca5cc0c..0000000
--- a/sign_up.js
+++ /dev/null
@@ -1,71 +0,0 @@
-document.getElementById('signupForm').addEventListener('submit', function (e) {
-    e.preventDefault();
-
-    const email = document.getElementById('email').value;
-    const password = document.getElementById('password').value;
-    const repeatPassword = document.getElementById('repeatPassword').value;
-
-    // Reset previous error messages
-    document.getElementById('emailError').innerText = '';
-    document.getElementById('passwordError').innerText = '';
-    document.getElementById('repeatPasswordError').innerText = '';
-
-    // Validate if fields are empty
-    if (!email || !password || !repeatPassword) {
-        alert('Please fill in all fields.');
-        return; // Stop further execution if any field is empty
-    }
-
-    let isValid = true;
-
-    // Email validation
-    const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
-    if (!emailPattern.test(email)) {
-        document.getElementById('emailError').innerText = 'Please enter a valid email address.';
-        isValid = false;
-    }
-
-    // Password validation
-    if (password.length < 6) {
-        document.getElementById('passwordError').innerText = 'Password must be at least 6 characters.';
-        isValid = false;
-    }
-
-    // Repeat Password validation
-    if (password !== repeatPassword) {
-        document.getElementById('repeatPasswordError').innerText = 'Passwords do not match.';
-        isValid = false;
-    }
-
-    // If all validations pass, submit the form using Fetch API
-    if (isValid) {
-        // Create URL-encoded string
-        const formData = new URLSearchParams();
-        formData.append('email', email);
-        formData.append('password', password);
-        formData.append('repeatPassword', repeatPassword);
-
-        fetch('http://localhost:3000/signup', {
-            method: 'POST',
-            headers: {
-                'Content-Type': 'application/x-www-form-urlencoded',  // Explicitly set the content type
-            },
-            body: formData.toString(),  // Serialize the form data
-        })
-        .then(response => response.json())
-        .then(data => {
-            // Show alert based on response from the server
-            if (data.message === 'Account created successfully!') {
-                alert('Registration successful!');
-            } else if (data.message === 'Email is already registered.') {
-                alert('This email is already registered.');
-            } else {
-                alert('Error: ' + data.message);
-            }
-            document.getElementById('signupForm').reset();
-        })
-        .catch(error => {
-            alert('An error occurred. Please try again.');
-        });
-    }
-});
diff --git a/signup_server.js b/signup_server.js
deleted file mode 100644
index 620236b..0000000
--- a/signup_server.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import express from 'express';
-import cors from 'cors';
-import bodyParser from 'body-parser';
-
-const app = express();
-
-// Enable CORS
-app.use(cors());
-
-// Middleware to parse URL-encoded data (FormData)
-app.use(bodyParser.urlencoded({ extended: true }));
-
-// Middleware to parse JSON data
-app.use(bodyParser.json());
-
-const users = []; // Dummy user storage
-
-app.post('/signup', (req, res) => {
-    console.log('\nReceived data:', req.body);
-    const { email, password, repeatPassword } = req.body;
-
-    // Check if all fields are present
-    if (!email || !password || !repeatPassword) {
-        return res.status(400).json({ message: 'Please fill in all fields.' });
-    }
-
-    // Validate email format
-    const emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;
-    if (!emailPattern.test(email)) {
-        return res.status(400).json({ message: 'Please enter a valid email address.' });
-    }
-
-    // Password length check
-    if (password.length < 6) {
-        return res.status(400).json({ message: 'Password must be at least 6 characters.' });
-    }
-
-    // Password match check
-    if (password !== repeatPassword) {
-        return res.status(400).json({ message: 'Passwords do not match.' });
-    }
-
-    // Check if email already exists
-    if (users.some(user => user.email === email)) {
-        console.log('\n'+email+' is already registered!');
-        return res.status(400).json({ message: 'Email is already registered.' });
-    }
-
-    // Add user to the users array
-    users.push({ email, password });
-
-    // Respond with success message
-    res.status(201).json({ message: 'Account created successfully!' });
-    console.log('\n'+email+' is registered successfully!');
-});
-
-app.listen(3000, () => {
-    console.log('Server is running on http://localhost:3000');
-});
-
diff --git a/student_profile/student_profile.css b/student_profile/student_profile.css
new file mode 100644
index 0000000..c912bd7
--- /dev/null
+++ b/student_profile/student_profile.css
@@ -0,0 +1,96 @@
+/* General Reset */
+body, h1, h2, p, ul, li {
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
+/* Body Styling */
+body {
+    font-family: Arial, sans-serif;
+    color: #fff;
+    background-color: #121212;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    margin: 0;
+    padding: 20px;
+}
+
+/* Profile Container */
+#profile-container {
+    width: 90%;
+    max-width: 600px; /* Reduced the size of the container */
+    background: #1f1f1f;
+    border-radius: 10px;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
+    overflow: hidden;
+    padding: 20px;
+}
+
+/* Profile Header */
+#profile-header {
+    text-align: center;
+    margin-bottom: 20px;
+}
+
+#profile-pic {
+    width: 120px; /* Smaller profile picture */
+    height: 120px;
+    border-radius: 50%;
+    object-fit: cover;
+    margin-bottom: 10px;
+}
+
+h1 {
+    font-size: 22px;
+    color: #1e90ff;
+}
+
+.student-info {
+    font-size: 12px;
+    color: #d0d0d0;
+}
+
+/* Section Styles */
+#about, #skills, #academic, #projects {
+    margin-bottom: 20px;
+}
+
+h2 {
+    font-size: 18px;
+    margin-bottom: 10px;
+    color: #1e90ff;
+}
+
+p, ul {
+    font-size: 12px;
+    color: #d0d0d0;
+    line-height: 1.6;
+}
+
+ul {
+    list-style: none;
+    padding-left: 20px;
+}
+
+ul li {
+    margin-bottom: 5px;
+    position: relative;
+}
+
+ul li::before {
+    content: "•";
+    color: #1e90ff;
+    font-weight: bold;
+    margin-right: 10px;
+}
+
+/* Footer */
+#footer {
+    text-align: center;
+    font-size: 12px;
+    color: #b0b0b0;
+    margin-top: 20px;
+}
diff --git a/student_profile/student_profile.html b/student_profile/student_profile.html
new file mode 100644
index 0000000..e48e3d0
--- /dev/null
+++ b/student_profile/student_profile.html
@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Student Profile</title>
+    <link rel="stylesheet" href="student_profile.css">
+</head>
+<body>
+    <div id="profile-container">
+        <!-- Profile Header -->
+        <div id="profile-header">
+            <img src="../img/student.jpg" alt="Student Photo" id="profile-pic">
+            <h1>John Doe</h1>
+            <p class="student-info">Computer Science Student | University of XYZ</p>
+        </div>
+
+        <!-- About Section -->
+        <div id="about">
+            <h2>About Me</h2>
+            <p>Hello! I am a passionate Computer Science student specializing in web development and data science. I enjoy building interactive web applications and exploring new technologies.</p>
+        </div>
+
+        <!-- Skills Section -->
+        <div id="skills">
+            <h2>Skills</h2>
+            <ul>
+                <li>HTML, CSS, JavaScript</li>
+                <li>Python, Java</li>
+                <li>React, Node.js</li>
+                <li>SQL, MongoDB</li>
+                <li>Machine Learning Basics</li>
+            </ul>
+        </div>
+
+        <!-- Academic Info -->
+        <div id="academic">
+            <h2>Academic Information</h2>
+            <p><strong>Degree:</strong> Bachelor of Computer Science</p>
+            <p><strong>GPA:</strong> 3.8/4.0</p>
+            <p><strong>Current Year:</strong> Final Year</p>
+        </div>
+
+        <!-- Projects Section -->
+        <div id="projects">
+            <h2>Projects</h2>
+            <ul>
+                <li><strong>Portfolio Website:</strong> A responsive personal website to showcase my skills and projects.</li>
+                <li><strong>E-commerce App:</strong> A full-stack application using React and Node.js.</li>
+                <li><strong>Data Analysis Project:</strong> Analyzed sales data using Python and created visualizations.</li>
+            </ul>
+        </div>
+
+        <!-- Footer -->
+        <div id="footer">
+            <p>Contact: john.doe@example.com | Phone: +123-456-7890</p>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/style.css b/style.css
deleted file mode 100644
index 204abcc..0000000
--- a/style.css
+++ /dev/null
@@ -1,979 +0,0 @@
-
-@import url('https://fonts.googleapis.com/css2?family=Martel+Sans:wght@200;300;400;600;700;800;900&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Anonymous+Pro:ital,wght@0,400;0,700;1,400;1,700&display=swap');
-
-*{
-    margin: 0;
-    padding: 0;
-    font-family: "Martel Sans", sans-serif;
-
-}
-html,body{
-    overflow-x: hidden;
-}
-:root{
-  --tw-gradient-from: #4caf50;
---tw-gradient-to: #ffc107 ;
---tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
---tw-gradient-from: #4caf50;
---tw-gradient-to: #ffc107 ;
---tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
-}
-
-/* background-image: linear-gradient(15deg, #13547a 0%, #80d0c7 100%); */
-
-.content{
-  background-image: url('img/New Background.jpeg');
-  background-size: cover;
-  padding: 2rem 4rem;
- }
-
-.content div{
-  margin-top: 4rem;
-  border-radius: 8px;
-  padding: 3rem;
-  box-shadow: 3px -3px 24px 2px rgba(239, 236, 236, 0.5);
-
-}
-
-.header{
-    overflow: hidden;
-    width: 100%;
-    height: 5rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color: lightsalmon ;
-}
-
-.logo {
-    
-    width: 80px; 
-    height: auto; 
-}
-
-
-/*navbar*/
-  
-  .navbar-list {
-    list-style-type: none;
-    margin: 0;
-    padding: 0;
-    color: white;
-  }
-  
-  .navbar-list li {
-    display: inline-block; 
-    color: white;
-  }
-  
-  /* Dark Mode */
-  @media (prefers-color-scheme: dark) {
-    .header {
-        background-color: darkslategray; /* Change to your desired dark color */
-    }
-  
-    .navbar-list li {
-        color: white; /* Ensure text is readable in dark mode */
-    }
-  }
-  
-  
-  /*-----navbar------*/
-      .navbar{
-          display: flex;
-          align-items: center;
-          gap: 40px;
-      }
-      .navbar-list{
-      list-style-type: none;
-      margin: 0;
-      padding: 0;
-      display: flex;
-  }
-  
-  .navbar-list li a{
-      display: inline-block; 
-      font-size: 15px;
-      text-decoration: none;
-  }
-  .navbar-list li a:hover{
-    transform: scale(1.3); /* Adjust the scale value as needed */
-    transition: transform 0.3s ease; /* Smooth zoom-in effect */
-    color: black;
-    text-decoration: none;
-  }
-  
-  header{
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding:0 20px;
-  background: linear-gradient(45deg, #3498db, #2ecc71);
-  }
-  
-  .left{
-    display: flex;
-    gap: 20px;
-  }
-  
-  .right{
-    display: flex;
-    gap: 12px;
-  }
-  
-  .group {
-    display: flex;
-    line-height: 28px;
-    align-items: center;
-    position: relative;
-    max-width: 190px;
-   }
-   
-   .input {
-    width: 100%;
-    height: 40px;
-    line-height: 28px;
-    padding: 0 1rem;
-    padding-left: 2.5rem;
-    border: 2px solid transparent;
-    border-radius: 8px;
-    outline: none;
-    background-color:whitesmoke;
-    /* color: white; */
-    transition: .3s ease;
-   }
-   
-   .input::placeholder {
-    color: #9e9ea7;
-   }
-   
-   .input:focus, input:hover {
-    outline: none;
-    border-color: rgba(234,76,137,0.4);
-    background-color: #fff;
-    box-shadow: 0 0 0 4px rgb(234 76 137 / 10%);
-   }
-   
-   .icon {
-    position: absolute;
-    left: 1rem;
-    fill: #9e9ea7;
-    width: 1rem;
-    height: 1rem;
-   }
-  
-   .button-explore {
-    width: 40px;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    gap: 10px;
-    background-color: #0f0c29;
-    border-radius: 30px;
-    color: rgb(255, 255, 255);
-    font-weight: 600;
-    border: none;
-    position: relative;
-    cursor: pointer;
-    transition-duration: .2s;
-    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.116);
-    padding-left: 8px;
-    transition-duration: .5s;
-  }
-  
-  .svgIcon {
-    height: 25px;
-    transition-duration: 1.5s;
-    filter: invert();
-  }
-  
-  .bell path {
-    fill: rgb(19, 19, 19);
-  }
-  
-  .button-explore:hover {
-    background-color: rgb(232, 113, 16);
-    transition-duration: .5s;
-  }
-  
-  .button-explore:active {
-    transform: scale(0.97);
-    transition-duration: .2s;
-  }
-  
-  .button-explore:hover .svgIcon {
-    transform: rotate(250deg);
-    transition-duration: 1.5s;
-  }
-  
-  
-  .Authenticate{
-    display: flex;
-    gap: 10px;
-    height: 40px;
-  }
-   
-  .sign-up,.log-in {
-    display: flex;
-    align-items: center;
-    font-family: inherit;
-    cursor: pointer;
-    font-weight: 500;
-    font-size: 17px;
-    padding: 0.8em 1.3em 0.8em 0.9em;
-    color: white;
-    background: #ad5389;
-    background: linear-gradient(to right, #0f0c29, #302b63, #24243e);
-    border: none;
-    letter-spacing: 0.05em;
-    border-radius: 16px;
-  }
-  
-  
-  .sign-up,.log-in span {
-    transition: transform 0.5s cubic-bezier(0.76, 0, 0.24, 1);
-  }
-  
-  
-  .sign-up:hover,.log-in:hover span {
-    transform: translateX(7px);
-  }
-
-
-  /*------theme toggler------**/
-  .theme-switch {
-    --toggle-size: 15px;
-    /* the size is adjusted using font-size,
-       this is not transform scale,
-       so you can choose any size */
-    --container-width: 5.625em;
-    --container-height: 2.5em;
-    --container-radius: 6.25em;
-    /* radius 0 - minecraft mode :) */
-    --container-light-bg: #3D7EAE;
-    --container-night-bg: #1D1F2C;
-    --circle-container-diameter: 3.375em;
-    --sun-moon-diameter: 2.125em;
-    --sun-bg: #ECCA2F;
-    --moon-bg: #C4C9D1;
-    --spot-color: #959DB1;
-    --circle-container-offset: calc((var(--circle-container-diameter) - var(--container-height)) / 2 * -1);
-    --stars-color: #fff;
-    --clouds-color: #F3FDFF;
-    --back-clouds-color: #AACADF;
-    --transition: .5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    --circle-transition: .3s cubic-bezier(0, -0.02, 0.35, 1.17);
-  }
-  
-  .theme-switch, .theme-switch *, .theme-switch *::before, .theme-switch *::after {
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-    margin: 0;
-    padding: 0;
-    font-size: var(--toggle-size);
-  }
-  
-  .theme-switch__container {
-    width: var(--container-width);
-    height: var(--container-height);
-    background-color: var(--container-light-bg);
-    border-radius: var(--container-radius);
-    overflow: hidden;
-    cursor: pointer;
-    -webkit-box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-    box-shadow: 0em -0.062em 0.062em rgba(0, 0, 0, 0.25), 0em 0.062em 0.125em rgba(255, 255, 255, 0.94);
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-    position: relative;
-  }
-  
-  .theme-switch__container::before {
-    content: "";
-    position: absolute;
-    z-index: 1;
-    inset: 0;
-    -webkit-box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-    box-shadow: 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset, 0em 0.05em 0.187em rgba(0, 0, 0, 0.25) inset;
-    border-radius: var(--container-radius)
-  }
-  
-  .theme-switch__checkbox {
-    display: none;
-  }
-  
-  .theme-switch__circle-container {
-    width: var(--circle-container-diameter);
-    height: var(--circle-container-diameter);
-    background-color: rgba(255, 255, 255, 0.1);
-    position: absolute;
-    left: var(--circle-container-offset);
-    top: var(--circle-container-offset);
-    border-radius: var(--container-radius);
-    -webkit-box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-    box-shadow: inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), inset 0 0 0 3.375em rgba(255, 255, 255, 0.1), 0 0 0 0.625em rgba(255, 255, 255, 0.1), 0 0 0 1.25em rgba(255, 255, 255, 0.1);
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-transition: var(--circle-transition);
-    -o-transition: var(--circle-transition);
-    transition: var(--circle-transition);
-    pointer-events: none;
-  }
-  
-  .theme-switch__sun-moon-container {
-    pointer-events: auto;
-    position: relative;
-    z-index: 2;
-    width: var(--sun-moon-diameter);
-    height: var(--sun-moon-diameter);
-    margin: auto;
-    border-radius: var(--container-radius);
-    background-color: var(--sun-bg);
-    -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-    box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #a1872a inset;
-    -webkit-filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-    filter: drop-shadow(0.062em 0.125em 0.125em rgba(0, 0, 0, 0.25)) drop-shadow(0em 0.062em 0.125em rgba(0, 0, 0, 0.25));
-    overflow: hidden;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-  }
-  
-  .theme-switch__moon {
-    -webkit-transform: translateX(100%);
-    -ms-transform: translateX(100%);
-    transform: translateX(100%);
-    width: 100%;
-    height: 100%;
-    background-color: var(--moon-bg);
-    border-radius: inherit;
-    -webkit-box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-    box-shadow: 0.062em 0.062em 0.062em 0em rgba(254, 255, 239, 0.61) inset, 0em -0.062em 0.062em 0em #969696 inset;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-    position: relative;
-  }
-  
-  .theme-switch__spot {
-    position: absolute;
-    top: 0.75em;
-    left: 0.312em;
-    width: 0.75em;
-    height: 0.75em;
-    border-radius: var(--container-radius);
-    background-color: var(--spot-color);
-    -webkit-box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-    box-shadow: 0em 0.0312em 0.062em rgba(0, 0, 0, 0.25) inset;
-  }
-  
-  .theme-switch__spot:nth-of-type(2) {
-    width: 0.375em;
-    height: 0.375em;
-    top: 0.937em;
-    left: 1.375em;
-  }
-  
-  .theme-switch__spot:nth-last-of-type(3) {
-    width: 0.25em;
-    height: 0.25em;
-    top: 0.312em;
-    left: 0.812em;
-  }
-  
-  .theme-switch__clouds {
-    width: 1.25em;
-    height: 1.25em;
-    background-color: var(--clouds-color);
-    border-radius: var(--container-radius);
-    position: absolute;
-    bottom: -0.625em;
-    left: 0.312em;
-    -webkit-box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-    box-shadow: 0.937em 0.312em var(--clouds-color), -0.312em -0.312em var(--back-clouds-color), 1.437em 0.375em var(--clouds-color), 0.5em -0.125em var(--back-clouds-color), 2.187em 0 var(--clouds-color), 1.25em -0.062em var(--back-clouds-color), 2.937em 0.312em var(--clouds-color), 2em -0.312em var(--back-clouds-color), 3.625em -0.062em var(--clouds-color), 2.625em 0em var(--back-clouds-color), 4.5em -0.312em var(--clouds-color), 3.375em -0.437em var(--back-clouds-color), 4.625em -1.75em 0 0.437em var(--clouds-color), 4em -0.625em var(--back-clouds-color), 4.125em -2.125em 0 0.437em var(--back-clouds-color);
-    -webkit-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    -o-transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-    transition: 0.5s cubic-bezier(0, -0.02, 0.4, 1.25);
-  }
-  
-  .theme-switch__stars-container {
-    position: absolute;
-    color: var(--stars-color);
-    top: -100%;
-    left: 0.312em;
-    width: 2.75em;
-    height: auto;
-    -webkit-transition: var(--transition);
-    -o-transition: var(--transition);
-    transition: var(--transition);
-  }
-  
-  /* actions */
-  
-  .theme-switch__checkbox:checked + .theme-switch__container {
-    background-color: var(--container-night-bg);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container {
-    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter));
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__circle-container:hover {
-    left: calc(100% - var(--circle-container-offset) - var(--circle-container-diameter) - 0.187em)
-  }
-  
-  .theme-switch__circle-container:hover {
-    left: calc(var(--circle-container-offset) + 0.187em);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__moon {
-    -webkit-transform: translate(0);
-    -ms-transform: translate(0);
-    transform: translate(0);
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__clouds {
-    bottom: -4.062em;
-  }
-  
-  .theme-switch__checkbox:checked + .theme-switch__container .theme-switch__stars-container {
-    top: 50%;
-    -webkit-transform: translateY(-50%);
-    -ms-transform: translateY(-50%);
-    transform: translateY(-50%);
-  }
-/*-navbar ends----------*/
-
-.Hi {
-    border-radius: 50%;
-    margin: auto;
-    border-style: groove;
-    display: block;
-    opacity: 0; 
-    transition: opacity 1s ease; 
-}
-
-.Hi.loaded {
-    opacity: 1; 
-}
-
-.Hi:hover{
-    opacity: 0.5;
-    transform: scale(1.15);
-}
-.message{
-    text-align: center;
-    text-emphasis: none;
-}
-.message:hover{
-    text-decoration: underline;
-    text-shadow: black;
-    transform: scale(1.1);
-}
-p{
-    color: black;
-}
-
-.logo2 {
-    width: 150px; 
-    height: auto; 
-}
-
-.navbar{
-    
-    margin-right: 2rem;
-}
-.navbar-list{
-    display: flex;
-    list-style: none;
-    gap: 4rem;
-}
-li a,a:visited{
-    text-decoration: none;
-    font-size: 1.2rem;
-    color: #000;
-    font-weight: bold;
-    text-transform: uppercase;
-    transition: all 0.4s;
-}
-@media (max-width:995px) {
-    .navbar-list{
-        gap: 2rem;
-    }
-    li a,a:visited{
-        font-size: 1rem;
-    }
-}
-.navbar-list li a:hover{
-    opacity: 50%;
-    text-decoration: underline;
-}
-
-.logo{
-    border-radius: 20%;
-}
-
-.fa-solid.fa-comments, .fa-solid.fa-globe, .fa-solid.fa-handshake{
-   display: flex;
-   justify-content: center; 
-    font-size: 3rem;
-    padding: 0.5rem;
-}
-@media(max-width:920px) {
-    .boxes{
-        width: 60vw;
-    }
-}
-@media(max-width:820px) {
-    .box-section{
-        display: flex;
-        flex-direction: column;
-    }
-    .boxes{
-        width: 70vw;
-    }
-}
-@media(max-width:460px) {
-    .boxes{
-        width: 70vw;
-    }
-}
-.para1{
-    width: 100vw;
-    font-size: 1.2rem;
-}
-
-.search-bar {
-    display: flex;
-    align-items: center;
-}
-
-.search-input:hover{
-    background-color: lightgrey;
-}
-
-.search-input {
-    padding: 8px;
-    border: 1px solid #ccc;
-    border-radius: 20px; 
-    width: 200px;
-    margin-right: 10px;
-}
-
-.search-button {
-    background-color: #f5f5f5; 
-    border: none;
-    padding: 8px;
-    border-radius: 4px;
-    cursor: pointer;
-}
-
-.search-button:hover {
-    background-color: lightgreen; 
-}
-
-.sign-up , .log-in{
-    background-color: lightgrey;
-    border-radius: 20px;
-    padding: 8px;
-    border-color: lightyellow;
-}
-
-.sign-up:hover , .log-in:hover{
-    background-color: lightblue;
-}
-.footer{
-    overflow-x: hidden; 
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    height: 16rem;
-    background-color: grey;
-    gap: 1rem;
-}
-.logo2{
-    height: 6rem;
-    width: 9rem;
-    object-fit: cover;
-}
-.icons .fa-brands {
-    font-size: 2rem;
-    padding: 0.5rem;
-    border: 2px solid white; /* Border color matches footer background for contrast */
-    border-radius: 50%;
-    background-color: white; /* Background color of the icon */
-    color: black; /* Icon text color */
-    margin-bottom: auto;
-    transition: all 0.3s ease; /* Smooth transition for hover/click effects */
-}
-
-/* Hover effect for icons */
-.icons .fa-brands:hover {
-    background-color: #ff5722; /* Example hover background color (orange) */
-    color: white; /* Text color when hovered */
-    border-color: #ff5722; /* Border color changes on hover */
-    transform: scale(1.2); /* Slightly enlarges the icon */
-}
-
-
-.follow-us{
-    display: flex;
-    justify-content: center;
-    gap: 1rem;
-}
-.copyright{
-    font-size: 1.1rem;
-}
-
-.mobile-btn{
-    cursor: pointer;
-    gap: 1rem;
-    margin-right: 1rem;
-    display: none;
-}
-.fa-solid{
-    font-size: 2rem;
-}
-
-.fa-bars, .fa-xmark{
-    border: 3px solid #000;
-    padding: 0.4rem;
-}
-
-@media (max-width:670px) {
-    .fa-solid.fa-xmark{
-        display: none;
-    }
-    .navbar{
-        width: 100%;
-        height: 100vh;
-        background-color: beige;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        position: absolute;
-        top: 0;
-        left: 0;
-        transform: translateX(100%);
-        transition: all 0.6s linear;
-        opacity: 0;
-        visibility: hidden;
-    }
-    .navbar-list{
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-        display: flex;
-    }
-    li a,a:visited{
-        font-size: 1.2rem;
-    }
-    .active .navbar{
-        opacity: 1;
-        visibility: visible;
-        transform: translateX(0);
-    }
-
-    .active .fa-solid .fa-xmark{
-        display: block;
-        border: 3px solid black;
-        font-size: 2rem;
-    }
-    .active #close{
-        display: block;
-    }
-    .active .fa-bars{
-        display: none;
-    }
-    .mobile-btn{
-        display: flex;
-    }
-}
-
-.cta-button {
-    background-color: #ff6600;
-    color: #fff;
-    padding: 10px 20px;
-    border: none;
-    border-radius: 5px;
-    font-size: 16px;
-    text-decoration: none;
-    transition: background-color 0.3s ease;
-}
-
-.cta-button:hover {
-    background-color: #ff8533;
-}
-
-/* Footer Styling */
-footer {
-    background-color: black;
-    padding: 40px 0;
-    font-family: 'Arial', sans-serif;
-    color: white;
-  }
-  
-  .footer-content {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-    gap: 20px;
-    max-width: 1200px;
-    margin: auto;
-    padding: 20px;
-  }
-  
-  .footer-section {
-    margin: 20px;
-  }
-  
-  .footer-section h2 {
-    font-size: 18px;
-    font-weight: bold;
-    margin-bottom: 20px;
-  }
-  
-  .footer-section ul {
-    list-style: none;
-    padding: 0;
-  }
-  
-  .footer-section ul li {
-    margin-bottom: 10px;
-  }
-  
-  .footer-section ul li a {
-    text-decoration: none;
-    color: #6c757d;
-    font-size: 14px;
-  }
-  
-  .footer-section ul li a:hover {
-    color: #000;
-  }
-  
-  .social-icons {
-    display: flex;
-    gap: 10px;
-  }
-  
-  .social-icons li {
-    list-style: none;
-  }
-  
-  .social-icons li a {
-    font-size: 20px;
-    color: #6c757d;
-  }
-  
-  /* Newsletter Section Styling */
-  .footer-section.newsletter {
-    grid-column: span 4; /* span across all sections */
-    padding: 30px;
-    background-color: black;
-    background-image: url('https://media.istockphoto.com/id/666193858/photo/indian-vegetarian-office-or-school-lunch-box-or-tiffin-with-north-indian-or-maharashtrian.jpg?s=612x612&w=0&k=20&c=Ac-U7hY1leIuM97jLNPqzv7SX5DbZofu5p_pfUCgeJA=');
-    text-align: center;
-    margin-top: 20px;
-    border-radius: 8px;
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  }
-  
-  .footer-section.newsletter h2 {
-    font-size: 22px;
-    color: #ea0202;
-    margin-bottom: 15px;
-  }
-  
-  .footer-section.newsletter p {
-    font-size: 14px;
-    color: #130111;
-    margin-bottom: 20px;
-  }
-  
-  .footer-section.newsletter .newsletter-form {
-    display: flex;
-    justify-content: center;
-    gap: 10px;
-    align-items: center;
-  }
-  
-  .footer-section.newsletter .newsletter-form input {
-    padding: 10px;
-    font-size: 14px;
-    width: 250px;
-    border: 2px solid #ddd;
-    border-radius: 4px;
-    transition: border-color 0.3s ease;
-  }
-  
-  .footer-section.newsletter .newsletter-form input:focus {
-    border-color: #ff5722; /* Focused border color */
-    outline: none;
-  }
-  
-  .footer-section.newsletter .subscribe-btn {
-    background: linear-gradient(90deg, #ff5722, #ff0000); /* Red gradient */
-    color: #fff;
-    padding: 10px 20px;
-    font-size: 14px;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background 0.3s ease, transform 0.3s ease;
-  }
-  
-  .footer-section.newsletter .subscribe-btn:hover {
-    background: linear-gradient(90deg, #ff0000, #ff5722); /* Reverse gradient on hover */
-    transform: translateY(-3px); /* Button hover animation */
-  }
-  
-  .footer-bottom {
-    text-align: center;
-    padding: 20px 0;
-    background-color: #e9ecef;
-    font-size: 14px;
-  }
-
-.theme-toggle {
-    border-radius: 50%;
-    color: black;
-    background-color: yellow;
-    cursor: pointer;
-    padding: 10px;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-}
-
-.theme-toggle span {
-    font-size: 1.5rem;
-}
-
-/* Dark Theme Styles */
-.theme-dark {
-    background-color: #121212;
-    color: #eee;
-}
-
-
-/* .theme-dark .header {
-    background-color: #222;
-} */
-
-.theme-dark .search-bar input {
-    background-color: #555;
-    color: #eee;
-    border: 1px solid #777;
-}
-
-.theme-dark .search-bar button {
-    background-color: #666;
-    color: #eee;
-}
-
-.theme-dark .navbar a {
-    color: #eee;
-}
-
-.theme-dark .cta-button, .theme-dark .Authenticate button {
-  
-    color: #000;
-    background:  #4caf50;
-}
-
-
-.theme-dark .footer {
-    background-color: #222;
-    color: #ddd;
-}
-
-.theme-dark .footer .icons a {
-    color: #ddd;
-}
-
-.theme-dark .chatbot-toggler {
-    background-color:#4caf50 ;
-    color: #eee;
-}
-
-.theme-dark .chatbot {
-    background-color: #4caf50;
-    color: #eee;
-}
-
-.theme-dark .chatbox .chat.incoming {
-    background-color: #4caf50;
-}
-
-.theme-dark .card {
-    background-color: rgb(55 65 81/1);
-    color: #ffc107 ;
-    box-shadow: 0px 4px 6px rgba(254, 255, 239, 0.61);
-}
-
-.theme-dark .card h3,
-.theme-dark .card h2 {
-    
-        color: #000;
-    }
-.theme-dark header {
-    
-    background: black;
-}
-
-.theme-dark .content{
-  background-image: linear-gradient(to right, var(--tw-gradient-stops));
-}
-
-.theme-dark .content div{
-  background:  rgb(55 65 81/1);
-}
-.theme-dark p{
-  color: white;
-}
-.theme-dark .input{
-  color:black;
-}
-.theme-dark 
-.button-explore{
-  background: #ffc107 ;
-}
-.theme-dark .footer-content{
-  background: #000;
-  color:white;
-}
-
-.theme-dark .navbar-list li a:hover{
-  color:#2ecc71;
-}
-
-
-.social-heading {
-  font-size: 18px;
-  margin-bottom: 10px;
-  transition: color 0.3s ease;
-}
-
-.social-heading:hover {
-  color: #e67e22;
-}
-
-.social-link {
-  color: black;
-  text-decoration: none;
-  font-size: 24px;
-  transition: all 0.3s ease;
-}
-
-.social-link:hover {
-  color: blue;
-  transform: scale(1.2);
-}
-
-.social-icons li {
-  display: inline-block;
-}
diff --git a/termsofservice.html b/termsofservice.html
deleted file mode 100644
index f080089..0000000
--- a/termsofservice.html
+++ /dev/null
@@ -1,420 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Terms of Service</title>
-    <link rel="icon" href="img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="./style.css">
-    <link rel="stylesheet" href="./Chatbot/chat.css">
-    <script src="./navigateToPages/scriptDashboard.js"></script>
-    <script src="./Chatbot/chat.js" defer></script>
-    <script src="https://cdn.tailwindcss.com"></script>
-    <link href="./output.css" rel="stylesheet">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,1,0" />
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
-    <style>
-    /* Scroll to Top Button */
-      #scrollToTopBtn {
-          display: none;
-          position: fixed;
-          bottom: 85px;
-          right: 40px;
-          height: 50px;
-          width: 50px;
-          background-color: rgb(80, 183, 218);
-          color: white;
-          border: none;
-          border-radius: 50%;
-          padding: 10px;
-          cursor: pointer;
-          font-size: 15px;
-      }
-
-      #scrollToTopBtn:hover {
-          background-color: rgb(80, 183, 218);
-      }
-      body {
-    margin: 0;
-    padding: 0;
-    font-family: Arial, sans-serif;
-    background-image: url('./img/New Background.jpeg');  /* Added background image */
-    background-size: cover;  /* Ensures the image covers the entire body */
-    background-position: center;  /* Center the image */
-    background-repeat: no-repeat;  /* Ensures the image doesn’t repeat */
-    background-attachment: fixed;  /* Keeps the image fixed during scrolling */
-    color: #333;
-}
-
-      /* Style for the container */
-      .container {
-    width: 90%;
-    max-width: 1000px;
-    margin: 20px auto;
-    padding: 30px;
-    background-color: rgba(255, 255, 255, 0.9);  /* Slightly transparent white background */
-    border-radius: 10px;
-    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
-    line-height: 1.6;
-    font-family: 'Arial', sans-serif;
-}
-
-/* Heading Styles */
-.container h1, .container h3 {
-    color: #333;
-    font-family: 'Georgia', serif;
-    margin-top: 30px;
-    margin-bottom: 15px;
-    font-weight: bold;
-}
-
-/* Style for smaller subheadings */
-.container h1 {
-    font-size: 1.8em;
-    color: #1a73e8;
-    border-bottom: 2px solid #f1f1f1;
-    padding-bottom: 5px;
-}
-
-.container h3 {
-    font-size: 1.5em;
-    text-align: center;
-    color: #444;
-}
-
-/* Paragraph Styles */
-.container p {
-    font-size: 1em;
-    color: #555;
-    margin-bottom: 20px;
-    line-height: 1.7;
-}
-
-/* List Styles */
-.container ul {
-    list-style-type: disc;
-    margin-left: 40px;
-}
-
-.container ul li {
-    margin-bottom: 10px;
-}
-
-/* Link Style */
-.container a {
-    color: #1a73e8;
-    text-decoration: none;
-    font-weight: bold;
-}
-
-.container a:hover {
-    text-decoration: underline;
-}
-
-/* Section Styling */
-.container section {
-    margin-bottom: 30px;
-}
-
-/* Hover effect on sections */
-.container section:hover {
-    background-color: #f7f7f7;
-    padding: 20px;
-    border-radius: 8px;
-}
-
-/* Button Styling (if needed in future) */
-button {
-    background-color: #1a73e8;
-    color: white;
-    padding: 12px 24px;
-    border: none;
-    border-radius: 8px;
-    cursor: pointer;
-    font-size: 1em;
-}
-
-button:hover {
-    background-color: #155ab7;
-}
-
-/* Responsive Design */
-@media (max-width: 768px) {
-    .container {
-        width: 95%;
-        padding: 20px;
-    }
-
-    .container h1, .container h3 {
-        font-size: 1.3em;
-    }
-
-    .container p {
-        font-size: 0.95em;
-    }
-    
-    .container ul {
-        margin-left: 20px;
-    }
-}
-
-header {
-      position: -webkit-sticky; /* For Safari */
-      position: sticky;
-      top: 0;
-      z-index: 1000; /* Adjust as needed */
-    
-}
-
-.content { height: 2000px; /* Example content height to test scrolling */ 
-  padding: 20px; 
-  background-color: #f4f4f4;
- }
-
-html, body {
-  height: 100%;
-  margin: 0;
-}
-
-</style>
-</head>
-
-<body >
-
-  <header>
-    <nav class="navbar">
-      <div class="left">
-        <a href="../index.html">
-          <img src="./img/logo.jpg" alt="Logo" class="logo" />
-        </a>
-
-        <div class="group">
-          <svg class="icon" aria-hidden="true" viewBox="0 0 24 24">
-            <g>
-              <path
-                d="M21.53 20.47l-3.66-3.66C19.195 15.24 20 13.214 20 11c0-4.97-4.03-9-9-9s-9 4.03-9 9 4.03 9 9 9c2.215 0 4.24-.804 5.808-2.13l3.66 3.66c.147.146.34.22.53.22s.385-.073.53-.22c.295-.293.295-.767.002-1.06zM3.5 11c0-4.135 3.365-7.5 7.5-7.5s7.5 3.365 7.5 7.5-3.365 7.5-7.5 7.5-7.5-3.365-7.5-7.5z"
-              ></path>
-            </g>
-          </svg>
-          <input placeholder="Search" type="search" class="input"/>
-        </div>
-      </div>
-
-      <ul class="navbar-list">
-        <li><a href="../navigateToPages/aboutus.html">About Us</a></li>
-        <li><a href="../navigateToPages/profile.html">STUDENT Profile</a></li>
-        <li><a href="../navigateToPages/contact.html">CALENDAR</a></li>
-        <li><a href="../navigateToPages/faq2.html">FAQ</a></li>
-        <li><a href="./Contributors/contributor.html">CONTRIBUTORS</a></li>
-        <li><a href="contactus.html">CONTACT US</a></li>
-      </ul>
-    </nav>
-    <div class="right">
-      <a href="../navigateToPages/services.html">
-        <button class="button-explore">
-          <svg
-            class="svgIcon"
-            viewBox="0 0 512 512"
-            height="1em"
-            xmlns="http://www.w3.org/2000/svg"
-          >
-            <path
-              d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm50.7-186.9L162.4 380.6c-19.4 7.5-38.5-11.6-31-31l55.5-144.3c3.3-8.5 9.9-15.1 18.4-18.4l144.3-55.5c19.4-7.5 38.5 11.6 31 31L325.1 306.7c-3.2 8.5-9.9 15.1-18.4 18.4zM288 256a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
-            ></path>
-          </svg>
-        </button>
-      </a>
-
-      <div class="Authenticate">
-        <button class="sign-up">
-          <span><a href="sign_up.html" style="color:white;">Sign Up</a></span>
-        </button>
-
-        <button class="log-in"><span><a href="Login-page/login-pg.html" style="color:white;">Log In</a></span></button>
-      </div>
-      <label class="theme-switch">
-        <input type="checkbox" class="theme-switch__checkbox"   id="themeToggle" onchange="toggleTheme()">
-        <div class="theme-switch__container">
-          <div class="theme-switch__clouds"></div>
-          <div class="theme-switch__stars-container">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 144 55" fill="none">
-              <path fill-rule="evenodd" clip-rule="evenodd" d="M135.831 3.00688C135.055 3.85027 134.111 4.29946 133 4.35447C134.111 4.40947 135.055 4.85867 135.831 5.71123C136.607 6.55462 136.996 7.56303 136.996 8.72727C136.996 7.95722 137.172 7.25134 137.525 6.59129C137.886 5.93124 138.372 5.39954 138.98 5.00535C139.598 4.60199 140.268 4.39114 141 4.35447C139.88 4.2903 138.936 3.85027 138.16 3.00688C137.384 2.16348 136.996 1.16425 136.996 0C136.996 1.16425 136.607 2.16348 135.831 3.00688ZM31 23.3545C32.1114 23.2995 33.0551 22.8503 33.8313 22.0069C34.6075 21.1635 34.9956 20.1642 34.9956 19C34.9956 20.1642 35.3837 21.1635 36.1599 22.0069C36.9361 22.8503 37.8798 23.2903 39 23.3545C38.2679 23.3911 37.5976 23.602 36.9802 24.0053C36.3716 24.3995 35.8864 24.9312 35.5248 25.5913C35.172 26.2513 34.9956 26.9572 34.9956 27.7273C34.9956 26.563 34.6075 25.5546 33.8313 24.7112C33.0551 23.8587 32.1114 23.4095 31 23.3545ZM0 36.3545C1.11136 36.2995 2.05513 35.8503 2.83131 35.0069C3.6075 34.1635 3.99559 33.1642 3.99559 32C3.99559 33.1642 4.38368 34.1635 5.15987 35.0069C5.93605 35.8503 6.87982 36.2903 8 36.3545C7.26792 36.3911 6.59757 36.602 5.98015 37.0053C5.37155 37.3995 4.88644 37.9312 4.52481 38.5913C4.172 39.2513 3.99559 39.9572 3.99559 40.7273C3.99559 39.563 3.6075 38.5546 2.83131 37.7112C2.05513 36.8587 1.11136 36.4095 0 36.3545ZM56.8313 24.0069C56.0551 24.8503 55.1114 25.2995 54 25.3545C55.1114 25.4095 56.0551 25.8587 56.8313 26.7112C57.6075 27.5546 57.9956 28.563 57.9956 29.7273C57.9956 28.9572 58.172 28.2513 58.5248 27.5913C58.8864 26.9312 59.3716 26.3995 59.9802 26.0053C60.5976 25.602 61.2679 25.3911 62 25.3545C60.8798 25.2903 59.9361 24.8503 59.1599 24.0069C58.3837 23.1635 57.9956 22.1642 57.9956 21C57.9956 22.1642 57.6075 23.1635 56.8313 24.0069ZM81 25.3545C82.1114 25.2995 83.0551 24.8503 83.8313 24.0069C84.6075 23.1635 84.9956 22.1642 84.9956 21C84.9956 22.1642 85.3837 23.1635 86.1599 24.0069C86.9361 24.8503 87.8798 25.2903 89 25.3545C88.2679 25.3911 87.5976 25.602 86.9802 26.0053C86.3716 26.3995 85.8864 26.9312 85.5248 27.5913C85.172 28.2513 84.9956 28.9572 84.9956 29.7273C84.9956 28.563 84.6075 27.5546 83.8313 26.7112C83.0551 25.8587 82.1114 25.4095 81 25.3545ZM136 36.3545C137.111 36.2995 138.055 35.8503 138.831 35.0069C139.607 34.1635 139.996 33.1642 139.996 32C139.996 33.1642 140.384 34.1635 141.16 35.0069C141.936 35.8503 142.88 36.2903 144 36.3545C143.268 36.3911 142.598 36.602 141.98 37.0053C141.372 37.3995 140.886 37.9312 140.525 38.5913C140.172 39.2513 139.996 39.9572 139.996 40.7273C139.996 39.563 139.607 38.5546 138.831 37.7112C138.055 36.8587 137.111 36.4095 136 36.3545ZM101.831 49.0069C101.055 49.8503 100.111 50.2995 99 50.3545C100.111 50.4095 101.055 50.8587 101.831 51.7112C102.607 52.5546 102.996 53.563 102.996 54.7273C102.996 53.9572 103.172 53.2513 103.525 52.5913C103.886 51.9312 104.372 51.3995 104.98 51.0053C105.598 50.602 106.268 50.3911 107 50.3545C105.88 50.2903 104.936 49.8503 104.16 49.0069C103.384 48.1635 102.996 47.1642 102.996 46C102.996 47.1642 102.607 48.1635 101.831 49.0069Z" fill="currentColor"></path>
-            </svg>
-          </div>
-          <div class="theme-switch__circle-container">
-            <div class="theme-switch__sun-moon-container">
-              <div class="theme-switch__moon">
-                <div class="theme-switch__spot"></div>
-                <div class="theme-switch__spot"></div>
-                <div class="theme-switch__spot"></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </label>
-    </div>
-  </header>
-
-      <body>
-        <div class="content">
-            <br>
-            <div class="about backdrop-blur-sm bg-white/80 w-5/6 rounded-2xl mx-auto p-10">
-                <h1 style="text-align: center; font-weight: bold; font-size: 2em;">Terms Of Service</h1>
-                <p class="text-black">Welcome to Studentify! By accessing or using our platform, you agree to comply with these Terms of Service ("Terms"). These Terms govern your use of the services, resources, and features provided by STUDENTIFY. If you do not agree with these Terms, please refrain from using the Platform.</p>
-                <br>
-                <h1 style="text-align: left; font-weight: bold; font-size: 1.7em;">Eligibility</h1>
-                <p class="text-black">Our services are intended for students and individuals seeking educational resources. By using the Platform, you affirm that you are at least 13 years old or have the consent of a parent or legal guardian if you are under 18.</p>
-                <br>
-                <h1 style="text-align: left; font-weight: bold; font-size: 1.7em;">Account Responsibilities</h1>
-                <p class="text-black"> Users may need to create an account to access certain features. You are responsible for maintaining the confidentiality of your account credentials and for all activities under your account. Notify us immediately if you suspect unauthorized use of your account.</p>   
-                <br> 
-                <h1 style="text-align: left; font-weight: bold; font-size: 1.7em;">Use Of Services</h1>
-                <p class="text-black">You agree to use the Platform responsibly and in compliance with all applicable laws. Prohibited activities include, but are not limited to:
-                    <ul style="list-style-type: disc; margin-left: 20px;">
-                        <li>Misusing or duplicating content from the Platform.</li>
-                        <li>Engaging in harmful, offensive, or illegal activities.</li>
-                        <li>Disrupting the functionality of the Platform.</li>
-                      </ul>
-                </p>    
-                <br>
-                <h1 style="text-align: left; font-weight: bold; font-size: 1.7em;">Content Ownership and Licensing</h1>
-                <p class="text-black">All content provided by the Platform, including but not limited to courses, resources, and materials, is the property of Studentify or its licensors. Users retain ownership of content they submit but grant Studentify a non-exclusive license to use, modify, and display such content for Platform-related purposes.</p>
-                <br>
-                <h1 style="text-align: left; font-weight: bold; font-size: 1.7em;">Payments and Refunds</h1>
-                <p class="text-black">If the Platform offers paid services or courses, all fees will be clearly stated. Refunds are subject to our refund policy, which will be outlined in the service details.</p>
-                <br>
-                <h1 style="text-align: left; font-weight: bold; font-size: 1.7em;">Privacy and Data Usage</h1>
-                <p class="text-black">Your privacy is important to us. Our Privacy Policy governs the collection, use, and storage of your data. By using the Platform, you consent to such practices as outlined in the Privacy Policy.</p>
-                <br>
-                <h1 style="text-align: left; font-weight: bold; font-size: 1.7em;">Limitations of Liability</h1>
-                <p class="text-black">STUDENTIFY is not responsible for:
-                    <ul style="list-style-type: disc; margin-left: 20px;">
-                        <li>Technical disruptions or errors beyond our control.</li>
-                        <li>Losses or damages resulting from the use of third-party links or content.</li>
-                        <li>User reliance on the Platform's content for decisions or outcomes.</li>
-                      </ul>
-                </p>
-                <br>
-                <h1 style="text-align: left; font-weight: bold; font-size: 1.7em;">Termination Of Services</h1>
-                <p class="text-black">We reserve the right to suspend or terminate your account or access to the Platform at any time, with or without notice, for violating these Terms or engaging in prohibited conduct.</p>
-                <br>
-                <h1 style="text-align: left; font-weight: bold; font-size: 1.7em;">Changes To Terms</h1>
-                <p class="text-black">We may revise these Terms from time to time. Updates will be posted on this page, and continued use of the Platform constitutes acceptance of the revised Terms.</p>
-                <br>
-            </div>
-            </div>
-        
-    </body>
-
-
-    <footer>
-      
-        <div class="footer-content" style="display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 20px; background-color: white; color: black;">
-          <div class="footer-section about" style="flex: 2; min-width: 300px; display: flex; align-items:flex-start; margin: 10px; transition: transform 0.3s ease-in-out;" onmouseover="this.style.transform='scale(1.02)'" onmouseout="this.style.transform='scale(1)'">
-            <img src="img\logo.jpg" alt="Studentify" style="width: 100px; margin-right: 20px;">
-            <p style="margin: 0; color: black;">Welcome to STUDENTIFY, your go-to platform for unlocking academic potential and broadening horizons. We empower students with tailored resources, expert-led courses, and a dynamic learning environment to foster growth, curiosity, and critical thinking for success.</p>
-  
-          </div>
-      
-          <div class="footer-section services" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Studentify</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Who We Are</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Blog</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Work With Us</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Investor Relations</a></li>
-              <li><a href="contactus.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Contact Us</a></li>
-            </ul>
-          </div>
-      
-      
-          <div class="footer-section learn-more" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Learn More</h2>
-            <ul style="list-style: none; padding: 0;">
-              <li><a href="privacy.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Privacy Policy</a></li>
-              <li><a href="#" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Security</a></li>
-              <li><a href="termsofservice.html" style="color: black; text-decoration: none; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.paddingLeft='10px'" onmouseout="this.style.color='black'; this.style.paddingLeft='0'">Terms of Service</a></li>
-            </ul>
-          </div>
-      
-          <div class="footer-section social-links" style="flex: 1; min-width: 150px; margin: 10px;">
-            <h2 style="font-size: 18px; margin-bottom: 10px; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">Follow Us</h2>
-            <ul class="social-icons" style="list-style: none; padding: 0; display: flex; gap: 10px;">
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-instagram"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-facebook"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-linkedin"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-twitter"></i></a></li>
-              <li><a href="#" style="color: black; text-decoration: none; font-size: 24px; transition: all 0.3s ease;" onmouseover="this.style.color='#e67e22'; this.style.transform='scale(1.2)'; this.style.display='inline-block'" onmouseout="this.style.color='black'; this.style.transform='scale(1)'"><i class="fab fa-youtube"></i></a></li>
-            </ul>
-          </div>
-        </div>
-      
-        <div class="footer-bottom" style="padding: 10px; text-align: center; background-color: white;">
-          <p style="margin: 0; color: black; transition: color 0.3s ease;" onmouseover="this.style.color='#e67e22'" onmouseout="this.style.color='black'">© 2024 Studentify. All rights reserved.</p>
-        </div>
-  
-        <button id="scrollToTopBtn" onclick="scrollToTop()">↑</button>
-  
-      </footer>
-  
-      <button class="chatbot-toggler">
-          <span class="material-symbols-rounded">mode_comment</span>
-          <span class="material-symbols-outlined">close</span>
-      </button>
-      <div class="chatbot">
-          <header>
-              <h2>Chatbot</h2>
-              <span class="close-btn material-symbols-outlined">close</span>
-          </header>
-          <ul class="chatbox">
-              <li class="chat incoming">
-                  <span class="material-symbols-outlined">smart_toy</span>
-                  <p>Hi there 👋<br>How can I help you today?</p>
-              </li>
-          </ul>
-          <div class="chat-input">
-              <textarea placeholder="Enter a message..." spellcheck="false" required></textarea>
-              <span id="send-btn" class="material-symbols-rounded">send</span>
-          </div>
-      </div>
-  
-      <script src="./script.js"></script>
-      <script>
-          const themeToggle = document.querySelector('.theme-toggle');
-          const icon = themeToggle.querySelector('span');
-  
-          themeToggle.addEventListener('click', () => {
-              document.body.classList.toggle('dark-theme');
-              if (document.body.classList.contains('dark-theme')) {
-                  icon.textContent = 'dark_mode';
-              } else {
-                  icon.textContent = 'light_mode';
-              }
-          });
-      </script>
-       <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
-       <script>
-        // Get the button
-        let mybutton = document.getElementById("scrollToTopBtn");
-      
-        // When the user scrolls down 20px from the top of the document, show the button
-        window.onscroll = function () {
-            if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
-                mybutton.style.display = "block";
-            } else {
-                mybutton.style.display = "none";
-            }
-        };
-      
-        // When the user clicks on the button, scroll to the top of the document
-        mybutton.onclick = function () {
-            document.body.scrollTop = 0;
-            document.documentElement.scrollTop = 0;
-        };
-      </script>
-  </body>
-  
-  </html>
\ No newline at end of file