few ui changes

web-app/frontend/src/components/activities/ethicalClearence.css

@@ -22,4 +22,29 @@
     border: solid gainsboro;
     border-radius: 5px;
     padding: 5px;
+  }
+
+  .containerb {
+    position: relative;
+  }
+  
+
+  .containerb .btn {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    -ms-transform: translate(-50%, -50%);
+    background-color: #555;
+    color: white;
+    font-size: 16px;
+    padding: 12px 24px;
+    border: none;
+    cursor: pointer;
+    border-radius: 5px;
+    text-align: center;
+  }
+  
+  .containerb .btn:hover {
+    background-color: black;
   }
\ No newline at end of file

web-app/frontend/src/pages/student/Student.jsx

@@ -53,31 +53,28 @@ const Student = () => {
                                       src={logo}
                                     />
                                   </a>
-                                  <div className="-mr-2 flex items-center md:hidden">
-                                    <Popover.Button className="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500">
-                                      <span className="sr-only">
-                                        Open main menu
-                                      </span>
-                                      <MenuIcon
-                                        className="h-6 w-6"
-                                        aria-hidden="true"
-                                      />
-                                    </Popover.Button>
-                                  </div>
                                 </div>
-                              </div>
-                              {/* <div className="hidden md:block md:ml-10 md:pr-4 md:space-x-8">
-                                {navigation.map((item) => (
-                                  <a
-                                    key={item.name}
-                                    href="#"
-                                    className="font-medium text-gray-500 hover:text-[#3d59c1]"
-                                    onClick={() => navigate(item.href)}
+                                <button
+                                  onClick={() => navigate("/features")}
+                                  type="button"
+                                  className="text-white bg-purple-700 hover:bg-purple-800 focus:outline-none focus:ring-4 focus:ring-purple-300 font-medium rounded-full text-sm px-5 py-2.5 text-center mb-2 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900"
+                                >
+                                  <svg
+                                    xmlns="http://www.w3.org/2000/svg"
+                                    fill="none"
+                                    viewBox="0 0 24 24"
+                                    strokeWidth={1.5}
+                                    stroke="currentColor"
+                                    className="w-6 h-6 text-white"
                                   >
-                                    {item.name}
-                                  </a>
-                                ))}
-                              </div> */}
+                                    <path
+                                      strokeLinecap="round"
+                                      strokeLinejoin="round"
+                                      d="M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
+                                    />
+                                  </svg>
+                                </button>
+                              </div>
                             </nav>
                           </div>
 
@@ -173,17 +170,6 @@ const Student = () => {
                                 </a>
                               </div>
                             </div>
-                            <div className="mt-5 sm:mt-8 sm:flex sm:justify-center lg:justify-start">
-                              <div className="rounded-md shadow">
-                                <a
-                                  href="/features"
-                                  className="w-full flex items-center justify-center px-8 py-3 border border-transparent text-base font-medium rounded-md text-black bg-[#b4c2f5] hover:bg-indigo-700 md:py-4 md:text-lg md:px-10"
-                                >
-                                  <img className="h-8 w-auto" src={info}></img>{" "}
-                                  Info
-                                </a>
-                              </div>
-                            </div>
                           </div>
                         </main>
                       </div>

web-app/frontend/src/utility/delay.jsx

+function wait(ms){
+    var start = new Date().getTime();
+    var end = start;
+    while(end < start + ms) {
+      end = new Date().getTime();
+   }
+ }
+
+export default wait;
\ No newline at end of file