diff --git a/GPU_Server.html b/GPU_Server.html
index d7c65eb..36810e8 100644
--- a/GPU_Server.html
+++ b/GPU_Server.html
@@ -1,674 +1,83 @@
-﻿<!DOCTYPE html>
+<!DOCTYPE html>
 <html lang="en">
-
-<!-- ======= Head Section ======= -->
 <head>
-  <meta charset="utf-8">
-  <meta content="width=device-width, initial-scale=1.0" name="viewport">
-  <title>IntSaV</title>
-  <!-- IntSaV Logo-->
-  <link href="assets/img/logo.png" rel="icon">
-  <!-- Google Fonts -->
-  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
-  <!-- Vendor CSS Files -->
-  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
-  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
-  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
-  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
-  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
-  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
-  <!-- Template Main CSS File -->
-  <link href="assets/css/style.css" rel="stylesheet">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Image Upload and Display</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            min-height: 100vh;
+            margin: 0;
+        }
+
+        h1 {
+            color: #333;
+        }
+
+        .container {
+            text-align: center;
+            max-width: 400px;
+            width: 100%;
+        }
+
+        .image-preview {
+            margin-top: 20px;
+            width: 100%;
+            max-width: 300px;
+            border: 1px solid #ccc;
+            padding: 10px;
+            display: none;
+        }
+
+        .image-preview img {
+            width: 100%;
+            height: auto;
+            border-radius: 8px;
+        }
+    </style>
 </head>
-
-<!-- ======= Body Section ======= -->
 <body>
 
-  <!-- ======= Header ======= -->
-  <header id="header" class="fixed-top">
-    <div class="container d-flex align-items-center justify-content-between">
-      <a href="index.html" class="logo"><img src="assets/img/logo.png" alt="" class="img-fluid"></a>
-      <nav id="navbar" class="navbar">
-        <ul>
-
-        </ul>
-        <i class="bi bi-list mobile-nav-toggle"></i>
-      </nav>
-    </div>
-  </header><!-- End Header -->
-
-  <!-- ======= Title Section ======= -->
-  <section id="title" class="d-flex align-items-center">
-    <div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
-      <div class="row justify-content-center">
-        <div class="col-12 col-md-9 col-lg-9 text-center">
-          <h1>Instruction for using IntSaV's GPU server</h1>
-          <h2>Plase read this carefully.</h2>
-        </div>
-      </div>
-      <div class="row justify-content-center">
-        <div class="col-12 col-md-9 col-lg-9 text-center">
-          <a href="#team" class="btn-get-started scrollto">Meet the team</a>
-        </div>
-      </div>
-  </section><!-- End Title -->
-
-  <main id="main">
-    <!-- ======= Projects Section ======= -->
-    <section id="projects" class="projects section-bg">
-
-      <div class="container" data-aos="fade-up">
-        <div class="row justify-content-center">
-          <div class="col-9 text-center">
-            <div class="section-title">
-              <h2>Projects</h2>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="container">
-          <div class="row justify-content-center">
-
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="phase_detection.html">
-                          <img src="assets/img/projects/phase_detection/heart-beat.png" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="phase_detection.html">Phase Detection</a></h4>
-                      <p>Multibeat echocardiographic phase detection</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="tdi.html">
-                          <img src="assets/img/projects/TDI/TDI-Med-57.png" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="tdi.html">Tissue Doppler Imaging</a></h4>
-                      <p>Automated analysis of tissue Doppler images</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="view_classification.html">
-                          <img src="assets/img/projects/view_classification/classification.png" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="view_classification.html">View Classification</a></h4>
-                      <p>Neural Architecture Search of Classifiers</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="doppler.html">
-                          <img src="assets/img/projects/Mitral_Inflow/MIPW.png" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-
-                      <h4><a href="doppler.html">Mitral Inflow</a></h4>
-                      <p>Mitral Inflow Analysis</p>
-                  </div>
-              </div>
-
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="lv_segmentation.html">
-                          <img src="assets/img/projects/lv_segmentation/heart.PNG" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="lv_segmentation.html">LV Segmentation</a></h4>
-                      <p>Left Ventricle Segmentation</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="realtime_ecg.html">
-                          <img src="assets/img/projects/ECG/ECG.png" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="realtime_ecg.html">Real-time ECG Analysis</a></h4>
-                      <p>Intelligent Clothing</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="speckle_tracking.html">
-                          <img src="assets/img/projects/STE/STE2.PNG" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="speckle_tracking.html">Speckle Tracking</a></h4>
-                      <p>Optimisation-based Speckle Tracking</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="tricuspid_cw.html">
-                          <img src="assets/img/projects/Tricuspid_CW/TCW.png" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="tricuspid_cw.html">Tricuspid Regurgitation</a></h4>
-                      <p>Echocardiography of the tricuspid valve</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="spinal.html">
-                          <img src="assets/img/projects/Spinal/SP.jpg" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="spinal.html">Spinal Mechanics</a></h4>
-                      <p>Fracture analysis in lateral radiographs</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="electroglottography.html">
-                          <img src="assets/img/projects/Electroglottography/Electroglottography.jpg" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="electroglottography.html">Electroglottography</a></h4>
-                      <p>Novel electroglottography sensors systems</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="audio.html">
-                          <img src="assets/img/projects/Audio/audio.jpg" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="audio.html">Audio Effects</a></h4>
-                      <p>Real-Time Virtual Analogue Audio Effects</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="xai.html">
-                          <img src="assets/img/projects/XAI/xai.png" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="xai.html">XAI</a></h4>
-                      <p>Explainable Artificial Intelligence</p>
-                  </div>
-              </div>
-              <div class="col-9 col-md-6 col-lg-4 col-xl-4 d-flex align-items-stretch" data-aos="zoom-in" data-aos-delay="100">
-                  <div class="icon-box iconbox-blue">
-                      <div class="icon">
-                        <a href="efficient_annotations.html">
-                          <img src="assets\img\projects\Efficient_Annotations\Tricuspid.PNG" alt="Project icon" class="project-img">
-                        </a>
-                      </div>
-                      <h4><a href="efficient_annotations.html">Efficient Annotations</a></h4>
-                      <p>Efficient Annotations</p>
-                  </div>
-              </div>
-          </div>
-      </div>
-
-    </section><!-- End Projects Section -->
-
-    <!-- ======= Team Section ======= -->
-    <section id="team" class="team section-bg">
-
-      <div class="container-fluid" data-aos="fade-up">
-        <div class="row justify-content-center">
-          <div class="col-9 text-center">
-            <div class="section-title">
-              <h2>Team</h2>
-              <h3>Research group members</h3>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="container-fluid">
-        <div class="row justify-content-center">
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Massoud.png" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/massoud-zolgharni-65073427/"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Massoud Zolgharni</h4>
-                <span>Professor of Computer Vision</span>
-                <span>Head of IntSav</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Christos.JPG" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/christos-chousidis-bb16193b"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Christos Chousidis</h4>
-                <span>Senior Lecturer in Applied Sound Engineering</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/ikram.jpg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/ikramrehman/"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Ikram Ur Rehman</h4>
-                <span>Senior Lecturer in Computer Science</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/sama.jpg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/sama-aleshaiker-a484121b"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Sama Aleshaiker</h4>
-                <span>Lecturer in Computer Science</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/scott.png" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/scott-yang-366757a1"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Scott Yang</h4>
-                <span>Lecturer in Computer Science</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Jin.png" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/massoud-zolgharni-65073427"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Jin Lou</h4>
-                <span>Associate Professor</span>
-              </div>
-            </div>
-          </div>
-
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/nasser.jpg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/massoud-zolgharni-65073427"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Nasser Matoorianpour</h4>
-                <span>Senior Lecturer in Computer Science</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/nagham.jpg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/massoud-zolgharni-65073427"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Nagham Saeed</h4>
-                <span>Senior Lecturer in Electrical Engineering</span>
-              </div>
-            </div>
-          </div>
-
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Beth.png" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/beth-lane"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Beth Lane</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Jevgeni.jpg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Jevgeni Jevsikov</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-
-          <div class="col-6 col-md-3"  data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Rob.jpeg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Rob Labs</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3"  data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Eman.png" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/EmanAlajrami"><i class="bi bi-twitter"></i></a>
-                  <a href="https://linkedin.com/in/eman-alajrami"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Eman Alajrami</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Jamie.jpeg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="">https://twitter.com/intsav_?lang=en-gb<i class="bi bi-twitter"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Jamie Pordoy</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Henry.jpeg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Henrique De Melo Ribeiro</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Eugenio.jpeg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Eugenio Donati</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Adriano.jpeg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Adriano Gaetano Platania</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Aamir.jpg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Aamir Anwar</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Peter.jpeg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href=""><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Peter Dowsett</h4>
-                <span>PhD Student</span>
-              </div>
-            </div>
-          </div>
-
-        </div>
-      </div>
-    </div>
-    </section><!-- End Team Section -->
-
-
-    <!-- ======= Alumni Section ======= -->
-    <section id="team" class="team section-bg">
-
-      <div class="container-fluid" data-aos="fade-up">
-        <div class="row justify-content-center">
-          <div class="col-9 text-center">
-            <div class="section-title">
-              <h2>Alumni</h2>
-              <h3>Former research group members</h3>
-            </div>
-          </div>
-        </div>
-      </div>
-
-      <div class="container-fluid">
-        <div class="row justify-content-center">
-
-
-
-          <div class="col-6 col-md-3" data-aos-delay="100">
-            <div class="member">
-              <div class="member-img">
-                <img src="assets/img/team/Neda.jpeg" class="member-img img-fluid" alt="">
-                <div class="social">
-                  <a href="https://twitter.com/intsav_?lang=en-gb"><i class="bi bi-twitter"></i></a>
-                  <a href="https://www.linkedin.com/in/neda-azarmehr"><i class="bi bi-linkedin"></i></a>
-                </div>
-              </div>
-              <div class="member-info">
-                <h4>Neda Azarmehr</h4>
-                <span>Research Associate</span>
-              </div>
-            </div>
-          </div>
-
- 
-
-        </div>
-      </div>
-    </div>
-    </section><!-- End Alumni Section -->
-
-    <!-- ======= Project-partners Section ======= -->
-<section id="partners" class="partners section-bg">
-  <div class="container">
-    <div class="row">
-      <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center" data-aos="zoom-in">
-        <img src="assets/img/partners/Nvidia.png" class="img-fluid" alt="">
-      </div>
-      <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center" data-aos="zoom-in">
-        <img src="assets/img/partners/hammersmith.jpg" class="img-fluid" alt="">
-      </div>
-      <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center" data-aos="zoom-in">
-        <img src="assets/img/partners/imperial.png" class="img-fluid" alt="">
-      </div>
-      <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center" data-aos="zoom-in">
-        <img src="assets/img/partners/LoVE.jpg" class="img-fluid" alt="">
-      </div>
-      <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center" data-aos="zoom-in">
-        <img src="assets/img/partners/NHLI.jpg" class="img-fluid" alt="">
-      </div>
-      <div class="col-lg-2 col-md-4 col-6 d-flex align-items-center justify-content-center" data-aos="zoom-in">
-        <img src="assets/img/partners/BSE.png" class="img-fluid" alt="">
-      </div>
-    </div>
-  </div>
-</section><!-- End partners Section -->
-
-  </main><!-- End #main -->
-
-  <!-- ======= Footer ======= -->
-  <footer id="footer">
-
-    <div class="footer-top">
-      <div class="container">
-        <div class="row">
-
-          <div class="col-lg-3 col-md-6 footer-contact">
-            <h3>IntSav Research Group</h3>
-            <p>
-              C/O Professor Massoud Zolgharni <br>
-              University of West London<br>
-              St Mary's Rd <br>
-              Ealing,<br>
-              London, England.<br>
-              W5 5RF<br><br>
-              <strong>Phone:</strong> 0800 036 8888<br>
-              <strong>Email:</strong> Massoud.Zolgharni@uwl.ac.uk<br>
-            </p>
-          </div>
-
-          <div class="col-lg-2 col-md-6 footer-links">
-            <h4>Useful Links</h4>
-            <ul>
-              <li><i class="bx bx-chevron-right"></i> <a href="https://www.uwl.ac.uk/research/research-centres/intelligent-sensing">UWL homepage</a></li>
-            </ul>
-          </div>
-
-
+    <h1>Image Upload</h1>
+    <div class="container">
+        <input type="file" accept="image/*" id="imageInput">
+        <div class="image-preview" id="imagePreview">
+            <img id="previewImage" alt="Image Preview">
         </div>
-      </div>
     </div>
 
-    <div class="container d-md-flex py-4">
-
-      <div class="me-md-auto text-center text-md-start">
-        <div class="copyright">
-          &copy; Copyright <strong><span>IntSaV</span></strong>. All Rights Reserved
-        </div>
-
-      </div>
-      <div class="social-links text-center text-md-right pt-3 pt-md-0">
-        <a href="https://twitter.com/intsav_?lang=en-gb" class="twitter"><i class="bx bxl-twitter"></i></a>
-        <a href="linkedin.com/in/massoud-zolgharni-65073427" class="linkedin"><i class="bx bxl-linkedin"></i></a>
-      </div>
-    </div>
-  </footer><!-- End Footer -->
-
-  <div id="preloader"></div>
-  <a href="#title" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
-
-  <!-- Vendor JS Files -->
-  <script src="assets/vendor/aos/aos.js"></script>
-  <script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
-  <script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
-  <script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
-  <script src="assets/vendor/php-email-form/validate.js"></script>
-  <script src="assets/vendor/purecounter/purecounter.js"></script>
-  <script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
-
-  <!-- Main JS File -->
-  <script src="assets/js/main.js"></script>
+    <script>
+        // Select the input element and preview container
+        const imageInput = document.getElementById('imageInput');
+        const imagePreview = document.getElementById('imagePreview');
+        const previewImage = document.getElementById('previewImage');
+
+        // Add an event listener to handle file upload
+        imageInput.addEventListener('change', (event) => {
+            const file = event.target.files[0];
+
+            if (file && file.type.startsWith('image/')) {
+                const reader = new FileReader();
+
+                // When the file is loaded, display it in the image element
+                reader.onload = function(e) {
+                    previewImage.src = e.target.result;
+                    imagePreview.style.display = 'block';
+                };
+
+                reader.readAsDataURL(file);
+            } else {
+                // Hide the preview if no image is selected
+                imagePreview.style.display = 'none';
+                previewImage.src = '';
+            }
+        });
+    </script>
 
 </body>
-
 </html>
