<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Dr. Ram Bilas Pachori</title>
  <link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Roboto&display=swap" rel="stylesheet">
  <style>
    * { box-sizing: border-box; }
    html, body { height: 100%; }
    body {
      font-family: 'Roboto', sans-serif;
      margin: 0;
      padding: 0;
      background: linear-gradient(180deg, #f7f9fb 0%, #eef3f9 100%);
      color: #222;
      display: flex;
      flex-direction: column;
      min-height: 100vh;
    }

    header {
      background: linear-gradient(135deg, #003366, #00509e);
      color: #fff;
      padding: 12px 18px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    }
    header .title {
      display: flex;
      flex-direction: column;
    }
    header h1 {
      margin: 0;
      font-family: 'Merriweather', serif;
      font-size: 1.9rem;
      line-height: 1;
    }
    header p {
      margin: 4px 0 0 0;
      font-size: 0.95rem;
      opacity: 0.95;
    }

    nav {
      background: rgba(255,255,255,0.95);
      padding: 8px 16px;
      display: flex;
      gap: 12px;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid rgba(0,0,0,0.04);
    }
    nav a {
      color: #003366;
      text-decoration: none;
      font-weight: 600;
      padding: 6px 10px;
      border-radius: 8px;
      transition: all 220ms ease;
    }
    nav a:hover { background: #00509e; color: #fff; transform: translateY(-2px); }

    /* Main layout - three column grid packed to fit into the screen */
    .container {
      max-width: 70%;
      margin: 12px auto;
      padding: 10px;
      display: grid;
      grid-template-columns: 300px 1fr 340px;
      gap: 14px;
      align-items: start;
      width: calc(100% - 48px);
      flex: 1 1 auto;
      line-height: 1.5;
    }
    @media (max-width: 600px) {
      .container {
         max-width: 90%;
         width: 90%;
         grid-template-columns: 1fr; /* switch to single column for mobile */
         margin: 12px auto;
    	 padding: 10px;
    	 gap: 10px;
       }
    }
    .profile {
      background: #fff;
      padding: 18px;
      border-radius: 12px;
      box-shadow: 0 8px 22px rgba(13,38,76,0.06);
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 10px;
    }
    .profile img { width: 250px; height: auto; border-radius: 8px; box-shadow: 0 8px 20px rgba(0,0,0,0.08); transition: transform 280ms ease; }
    .profile img:hover { transform: translateY(-6px); }
    .profile .name { font-family: 'Merriweather', serif; color: #003366; font-size: 1.15rem; }
    .profile .role { font-size: 0.98rem; color: #334155; }

    /* Cards */
    .card {
      background: #fff;
      padding: 16px;
      border-radius: 12px;
      box-shadow: 0 8px 20px rgba(13,38,76,0.04);
    }
    .card h3 {
      margin: 0 0 10px 0;
      font-family: 'Merriweather', serif;
      color: #003366;
      font-size: 1.05rem;
    }
    .card p { margin: 0 0 8px 0; }
    .card ul { margin: 0; padding-left: 1rem; }
    .card ul li { margin-bottom: 6px; font-size: 0.98rem; }

    /* Make quick links compact and columned to keep everything visible */
    #quick-links ul { column-count: 1; column-gap: 18px; }
    #quick-links ul li a { color: #064273; text-decoration: none; }
    #quick-links ul li a:hover { text-decoration: underline; }

    /* Publications / Memberships card placed in middle column */
    #publications { }

    /* Right column - quick links + contact compact */
    .right-col { display: flex; flex-direction: column; gap: 14px; }
    
    /* Footer */
    footer {
      text-align: center;
      background: #003366;
      color: white;
      padding: 10px 14px;
      font-size: 0.95rem;
    }

    /* Small animations */
    .fade-up { animation: fadeUp 520ms ease both; }
    @keyframes fadeUp { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }

    /* Responsive: if very narrow, stack into single column (keeps content same) */
    @media (max-width: 980px) {
      .container { grid-template-columns: 1fr; }
      nav { overflow-x: auto; }
      #quick-links ul { column-count: 2; }
    }
  </style>
</head>
<body>

  <header>
    <div class="title">
      <h1 style="font-size:1.5rem;">Dr. Ram Bilas Pachori</h1>
      <p>Professor (HAG) | Indian Institute of Technology Indore</p>
    </div>
  </header>

  <div class="container">

    <!-- left column: profile -->
    <div class="profile card fade-up">
      <div class="card">
        <img src="index_files/image003.jpg" alt="Dr. Ram Bilas Pachori">
        <div class="name"><p><strong>Dr. Ram Bilas Pachori</strong></p></div>
        <div class="role"><p>Professor (HAG)</p>
        <p> Department of Electrical Engineering</p></div>
        <p>Indian Institute of Technology Indore, Simrol, Indore - 453552, India</p>
        <p>Email: <a href="mailto:pachori@iiti.ac.in">pachori@iiti.ac.in</a></p>
        <p>Telephone: +91-731-660-3273</p>
        <p>Office: 316, POD-1A</p>
      </div>
    </div>

    <!-- middle column: about + research + memberships -->
    <div style="display:flex;flex-direction:column;gap:14px;">

      <!-- <div class="card fade-up" id="about">
        <h3>About</h3>
        <p>Ram Bilas Pachori is working as a Professor (HAG) at IIT Indore. His research interests include signal and image processing, biomedical signal processing, non-stationary signal processing, speech signal processing, brain-computer interface, artificial intelligence and internet of things. His research focuses on developing advanced signal analysis techniques and their applications in healthcare and engineering systems.</p>
      </div> -->

      <div class="card fade-up" id="research">
        <h3>Research Interests</h3>
        <ul>
          <li>Signal and Image Processing</li>
          <li>Biomedical Signal Processing</li>
          <li>Non-stationary Signal Processing</li>
          <li>Speech Signal Processing</li>
          <li>Brain-Computer Interface</li>
          <li>AI and IoT in Healthcare</li>
          <li>Machine Learning for Signal Processing</li>
        </ul>
      </div>

      <div class="card fade-up" id="publications">
        <h3>Professional Memberships</h3>
        <ul>
          <li>Fellow, Indian National Academy of Engineering (INAE), Effective from November 01, 2025</li>
          <li>Fellow, Asia-Pacific Artificial Intelligence Association (AAIA)</li>
          <li>Fellow, Institute of Electrical and Electronics Engineers (IEEE)</li>
          <li>Fellow, Institution of Engineers (India) (IEI)</li>
          <li>Fellow, Institution of Engineering and Technology (IET)</li>
          <li>Fellow, Institution of Electronics and Telecommunication Engineers (IETE)</li>
	  <li>Member, National Academy of Artificial Intelligence (NAAI)</li>
	  <li>ACM Professional Member</li>
        </ul>
      </div>

    </div>

    <!-- right column: quick links + contact -->
    <div class="right-col">

      <div class="card fade-up" id="quick-links">
        <ul>
          <li><a href="biography.pdf" target="_blank">Biography</a></li>
          <li><a href="EDUCATION.htm">Education</a></li>
          <li><a href="WORK%20EXPERIENCE.htm">Work Experience</a></li>
          <li><a href="PUBLICATIONS.htm">Publications</a></li>
          <li><a href="SPONSORED%20AND%20CONSULTANCY%20PROJECTS%20new.htm">Sponsored Research Projects</a></li>
          <li><a href="THESES%20AND%20PROJECTS%20SUPERVISION%20NEW.htm">Theses and Projects Supervision</a></li>
          <li><a href="AWARDS%20&amp;%20HONORS.htm">Awards and Honors</a></li>
          <li><a href="PROFESSIONAL%20ACTIVITES.htm">Professional Activities</a></li>
          <li><a href="Invited%20talks.htm">Invited Talks</a></li>
          <li><a href="ADMINISTRATIVE%20EXPERIENCE.htm">Administrative Experience</a></li>
          <li><a href="Short%20Term%20Courses%20and%20Conferences.htm">Educational Outreach Activities</a></li>
          <li><a href="Courses%20Taught%20New.htm">Courses Taught</a></li>
          <li><a href="MEDIA%20COVERAGE/MediaCoverage.htm">Media Coverage</a></li>
          <li><a href="https://sites.google.com/view/sarl-iiti/home">Signal Analysis Research Lab (SARL)</a></li>
          <li><a href="Pachori_Resume.pdf" target="_blank">Detailed CV</a></li>
          <li><a href="https://scholar.google.co.in/citations?user=j3iJOWMAAAAJ&amp;hl=en" target="_blank">Google Scholar Profile</a></li>
        </ul>
      </div>

    </div>

  </div>

  <footer>
    Dr. Ram Bilas Pachori | IIT Indore
  </footer>

</body>
</html>