dev.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>AI-based Health Care System - Team</title>
  <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
  <link rel="stylesheet" href="{{ url_for('static', filename='styles/main.css') }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='styles/developer.css') }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='styles/header.css') }}">
</head>
<body>

  <!-- Navigation Header -->
  <header class="header">
    <nav class="nav container">
      <a href="/" class="logo">
        <i class="fas fa-heartbeat"></i>
        MRS - AI
      </a>
      <ul class="nav-links">
        <li><a href="/">Home</a></li>
        <li><a href="/about">About</a></li>
        <li><a href="/contact">Contact</a></li>
        <li><a href="/blog">Blog</a></li>
        <li><a href="/developer" class="active">Developer</a></li>
        <li><a href="/quiz">Quiz</a></li>
        <li><a href="/wiki">Wiki</a></li>
      </ul>
      <div class="theme-toggle" id="themeToggle">
        <i class="fas fa-moon"></i>
      </div>
    </nav>
  </header>

  <!-- Hero Section -->
  <div class="developer-hero">
    <div class="container">
      <h1><i class="fas fa-users"></i> AI-based Health Care System</h1>
      <p>Revolutionizing healthcare with Artificial Intelligence for better diagnosis and personalized treatment!</p>
    </div>
  </div>

  <!-- Project Info Section -->
  <div class="container">
    <div class="section mt-xl">
      <div class="project-info-section fade-in-up">
        <h2><i class="fas fa-info-circle"></i> About Our Project</h2>
        <p>The AI-based Health Care System uses advanced algorithms and machine learning techniques to help medical professionals in diagnosing and treating patients effectively. Our system can analyze medical data, predict diseases, suggest treatment plans, and provide personalized care recommendations, ultimately improving patient outcomes and reducing healthcare costs.</p>
      </div>
    </div>

    <!-- Team Section -->
    <div class="section">
      <h2 class="text-center mb-xl">Meet the Developer Team</h2>
      
      <div class="team-grid">
        
        <!-- Team Member 1 - Leader -->
        <div class="team-member-card card-glow fade-in-up">
          <img src="{{ url_for('static', filename='assests/devs/om.jpg') }}" alt="Om Prakash Behera" class="team-avatar">
          <h3 class="team-name">Om Prakash Behera</h3>
          <p class="team-role">Full Stack Developer, UI/UX Designer</p>
          <p class="team-bio">Lead developer and architect of the AI Health Care System, specializing in full-stack development and user experience design.</p>
          <div class="skills-section">
            <div class="skill-tags">
              <span class="skill-tag">Python</span>
              <span class="skill-tag">Machine Learning</span>
              <span class="skill-tag">Flask</span>
              <span class="skill-tag">UI/UX</span>
            </div>
          </div>
        </div>

        <!-- Team Member 2 -->
        <div class="team-member-card fade-in-up">
          <img src="{{ url_for('static', filename='assests/devs/SOURAV.jpg') }}" alt="Sourav Sundar Pattanayak" class="team-avatar">
          <h3 class="team-name">Sourav Sundar Pattanayak</h3>
          <p class="team-role">Frontend Developer</p>
          <p class="team-bio">Expert in creating responsive and interactive user interfaces with modern web technologies.</p>
          <div class="skills-section">
            <div class="skill-tags">
              <span class="skill-tag">HTML/CSS</span>
              <span class="skill-tag">JavaScript</span>
              <span class="skill-tag">React</span>
            </div>
          </div>
        </div>

        <!-- Team Member 3 -->
        <div class="team-member-card fade-in-up">
          <img src="{{ url_for('static', filename='assests/devs/Keshab.jpg') }}" alt="Ramakanta Kesh" class="team-avatar">
          <h3 class="team-name">Ramakanta Kesh</h3>
          <p class="team-role">Backend Developer</p>
          <p class="team-bio">Specializes in server-side development, database management, and API integration for robust system performance.</p>
          <div class="skills-section">
            <div class="skill-tags">
              <span class="skill-tag">Python</span>
              <span class="skill-tag">Flask</span>
              <span class="skill-tag">Database</span>
            </div>
          </div>
        </div>

        <!-- Team Member 4 (Example - can be updated) -->
        <div class="team-member-card fade-in-up">
          <img src="{{ url_for('static', filename='assests/img.png') }}" alt="Team Member" class="team-avatar">
          <h3 class="team-name">AI Research Team</h3>
          <p class="team-role">Machine Learning Engineers</p>
          <p class="team-bio">Our ML team develops and trains sophisticated models to provide accurate health predictions and recommendations.</p>
          <div class="skills-section">
            <div class="skill-tags">
              <span class="skill-tag">TensorFlow</span>
              <span class="skill-tag">Scikit-learn</span>
              <span class="skill-tag">Data Science</span>
            </div>
          </div>
        </div>

      </div>
    </div>
  </div>

  <!-- Footer -->
  <footer class="footer">
    <div class="footer-content">
      <p>© 2025 AI-based Health Care System. Innovating for a healthier tomorrow.</p>
    </div>
  </footer>

  <script src="{{ url_for('static', filename='scripts/theme-toggle.js') }}"></script>

</body>
</html>