/ var / www / html / etidm / [ HOME SHELL ]

Name	Size	Permission	Action
.git	[ DIR ]	drwx------
media	[ DIR ]	drwxr-xr-x
.DS_Store	8 KB	-rw-------
FEM-research.html	9.21 KB	-rwxr--r--
ML-research.html	9.51 KB	-rwxr--r--
UCD-research.html	9.38 KB	-rwxr--r--
XR-research.html	9.75 KB	-rwxrwxr-x
awards.html	13.19 KB	-rwxr--r--
courses.html	14.79 KB	-rwxr--r--
currentResearch.html	9.65 KB	-rwxr--r--
gallery.html	8.69 KB	-rwxr--r--
haptics-research.html	9.19 KB	-rwxr--r--
index.html	13.92 KB	-rwxr--r--
kalpana.jpeg	99.79 KB	-rwxr--r--
myTeam.html	30.29 KB	-rwxr--r--
professionalMembership.html	10.9 KB	-rwxr--r--
publications.html	15.69 KB	-rwxr--r--
style.css	2.1 KB	-rwxr--r--
testing.html	59 B	-rwxr-xr-x
trophy-svgrepo-com.svg	2 KB	-rwxr--r--
updates.html	10.29 KB	-rwxr-xr-x
videos-eri.html	8.35 KB	-rwxr-xr-x
videos.html	11.09 KB	-rwxr--r--
workExperience.html	11.2 KB	-rwxr--r--

Code Editor : updates.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="style.css">
    <title>Kalpana Shankhwar</title>
    <style>
      .collage-container {
          display: flex;
          flex-wrap: wrap;
          justify-content: center; /* Center images horizontally */
          gap: 10px;
      }
      .collage-item {
          width: 150px; /* Set a fixed width for images */
          height: 150px; /* Set a fixed height for images */
          display: flex;
          justify-content: center; /* Center image horizontally */
          align-items: center; /* Center image vertically */
          position: relative;
      }
      .collage-item img {
          width: 100%;
          height: 100%;
          object-fit: cover; /* Ensure the image covers the entire area */
          border-radius: 50%; /* Make images circular */
          cursor: pointer;
      }
      .popup-overlay {
          display: none;
          position: fixed;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: rgba(0, 0, 0, 0.8);
          justify-content: center;
          align-items: center;
          z-index: 1000;
      }
      .popup-content {
          background: white;
          padding: 20px;
          border-radius: 10px;
          max-width: 500px;
          width: 100%;
      }
      .popup-content img {
          width: 100%;
          height: auto;
          border-radius: 10px;
      }
      .popup-close {
          position: absolute;
          top: 10px;
          right: 10px;
          cursor: pointer;
          font-size: 20px;
      }
      /* Fix for the navbar */
      .navbar {
          position: fixed;
          top: 0;
          width: 100%;
          z-index: 50; /* Ensure navbar is above other content */
      }
      body {
  font-family: 'Segoe UI', sans-serif;
  margin: 0;
  background: #fff;
  color: #222;
}

.top-bar {
  background: #003366;
  height: 20px;
}

.logo-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 40px;
  background: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

nav ul {
  list-style: none;
  display: flex;
  gap: 20px;
}

nav li a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
}

nav li a.active {
  color: #003366;
  border-bottom: 2px solid #003366;
  padding-bottom: 2px;
}

.section-title {
  text-align: center;
  font-size: 32px;
  margin: 40px 0 20px;
  position: relative;
}

.section-title::after {
  content: "";
  width: 80px;
  height: 3px;
  background: #003366;
  display: block;
  margin: 10px auto 0;
}

.updates-container {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding: 0 40px 60px;
  flex-wrap: wrap;
}

.update-card {
  width: 300px;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transition: transform 0.3s ease;
}

.update-card:hover {
  transform: translateY(-5px);
}

.update-card img {
  width: 100%;
  height: 400px;
  object-fit: cover;
}

.update-card h2 {
  font-size: 18px;
  margin: 15px;
  color: #1a1a1a;
}

.update-card p {
  font-size: 14px;
  margin: 0 15px 15px;
  color: #555;
}

</style>
</head>
<body>
    

<header class="navbar text-gray-400 bg-gray-900 body-font sticky">
    <div class="container mx-auto flex flex-wrap p-5 flex-col md:flex-row items-center">
        <a class="flex title-font font-medium items-center text-white mb-4 md:mb-0">
            <img src="media/ETiDM_Small.png" alt="">
        </a>
        <nav class="md:ml-auto md:mr-auto flex flex-wrap items-center text-base justify-center text-lg">
            <a href="index.html" class="mr-5 hover:text-white">Home</a>
            <a href="workExperience.html" class="mr-5 hover:text-white">Experience</a>
            <a href="awards.html" class="mr-5 hover:text-white">Awards</a>
            <a href="currentResearch.html" class="mr-5 hover:text-white">Research</a>
            <a href="publications.html" class="mr-5 hover:text-white">Publications</a>
            <a href="myTeam.html" class="mr-5 hover:text-white">My Team</a>
            <a href="professionalMembership.html" class="mr-5 hover:text-white">Activities</a>
            <a href="courses.html" class="mr-5 hover:text-white">Courses</a>
            <a href="gallery.html" class="mr-5 hover:text-white">Gallery</a>
            <a href="updates.html" class="mr-5 hover:text-white">Updates</a>
        </nav>
        <a class="flex title-font font-medium items-center text-white mb-4 md:mb-0">
            <img src="media/logo.png" alt="">
        </a>
    </div>
</header>
<main>
    <h1 class="section-title">Latest Updates</h1>
    <div class="updates-container">
      
      <div class="update-card">
        <img src="media/Dr.Kalpana.jpg" alt="ABC">
        <h2><b>Dr. Kalpana Selected as Visiting Faculty @ Warsaw University of Technology, Poland</b></h2>
        <p align = "justify">Congratulations! Dr. Kalpana Shankhwar has been selected for a visiting faculty position as part of the short-term academic exchange program under the NAWA PROM PW 2024 Project at Warsaw University of Technology (WUT), Poland. She will be hosted by WUT from June 1st to June 15th, 2025, where she will contribute to academic collaboration and knowledge exchange.</p>
      </div>
    </div>
</div>

<footer id="socials" class="text-gray-400 bg-gray-900 body-font">
    <div class="container px-5 py-24 mx-auto flex md:items-center lg:items-start md:flex-row md:flex-nowrap flex-wrap flex-col">
      <div class="w-64 flex-shrink-0 md:mx-0 mx-auto text-center md:text-left">
        <a class="flex title-font font-medium items-center md:justify-start justify-center text-white">
            <img src="https://www.iiitd.ac.in/sites/default/files/images/logo/style3colorsmall.jpg" alt="">
            <a class="flex title-font font-medium items-center md:justify-start justify-center text-gray-900">
  
        </a>
  
      </div>
      <div class="flex-grow flex flex-wrap md:pl-20 -mb-10 md:mt-0 mt-10 md:text-left text-center">
        <div class="lg:w-1/4 md:w-1/2 w-full px-4">
            <h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">Lab Address</h2>
            <p>A-416 R&D Block IIIT-Delhi, Okhla Phase-III New Delhi, Delhi, India -- 110020</p>
        </div>
        <div class="lg:w-1/4 md:w-1/2 w-full px-4">
            <h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">Contact Details</h2>
            <p>A-403 (R&D Block)</p><hr>
            <p>kalpana@iiitd.ac.in</p><hr>
            <p>011-26907496</p>
        </div>
        <div class="lg:w-1/4 md:w-1/2 w-full px-4">
            <h2 class="title-font font-medium text-white tracking-widest text-sm mb-3">Socials</h2>
            <nav class="list-none mb-10">
            <li>
                <a class="text-gray-400 hover:text-white" href="https://www.linkedin.com/company/emerging-technology-integrated-design-manufacturing-etidm/" target="_blank">LinkedIn </a>
            </li>
            <li>
                <a class="text-gray-400 hover:text-white" href="https://scholar.google.com.sg/citations?user=ulG3U1MAAAAJ&hl=en" target="_blank">Google Scholar </a>
            </li>
            <li>
                <a class="text-gray-400 hover:text-white" href="https://github.com/etidmlab-iiitd" target="_blank">GitHub </a>
            </li>
            </nav>
        </div>
        
            
        
      </div>
<div class="bg-gray-800 bg-opacity-75">
  <div class="container mx-auto py-4 px-5 flex flex-wrap flex-col sm:flex-row">
    <p class="text-gray-400 text-sm text-center sm:text-left">© 2023 Kalpana Shankhwar —
      <a href="https://twitter.com/knyttneve" rel="noopener noreferrer" class="text-gray-500 ml-1" target="_blank">@Kalpana</a>
    </p>
    <span class="inline-flex sm:ml-auto sm:mt-0 mt-2 justify-center sm:justify-start">
      
      <a class="ml-3 text-gray-400" href="https://www.linkedin.com/company/emerging-technology-integrated-design-manufacturing-etidm/" target="_blank">
        <svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
          <path stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"></path>
          <circle cx="4" cy="4" r="2" stroke="none"></circle>
        </svg>
      </a>
    </span>
  </div>
</div>
</footer>
</main>
  </body></html>

Urban Research Lab

Urban Research Lab

The Urban Research Lab (URL) at IIIT-Delhi was established in 2020, during a time when the pandemic brought the complexities of urban life more visible than ever. What started as an initiative by faculty and students has grown into a collaborative space for critically exploring and reimagining the urban questions through research, dialogue, and interdisciplinary engagement.