MRS-AI/about.html at main · CodeByPrakash/MRS-AI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>About Us - Medical Health Center</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/about.css') }}">
  <link rel="stylesheet" href="{{ url_for('static', filename='styles/header.css') }}">
</head>
<body class="about-page">

  <!-- 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" class="active">About</a></li>
        <li><a href="/contact">Contact</a></li>
        <li><a href="/blog">Blog</a></li>
        <li><a href="/developer">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>

  <!-- Header Section -->
  <div class="about-hero">
    <div class="container">
      <h1><i class="fas fa-heartbeat"></i> Medical Health Center</h1>
      <p>Where health meets technology for a brighter, healthier future</p>
    </div>
  </div>

  <!-- Main Content -->
  <div class="about-content">
    <div class="container">

      <!-- Vision Section -->
      <div class="about-section">
        <div class="card">
          <div class="section-icon">
            <i class="fas fa-eye"></i>
          </div>
          <h2 class="section-title">Our Vision</h2>
          <div class="section-content">
            <p>We dream of a world where healthcare information is accessible to everyone—a world where understanding and managing your health is a right, not a privilege. This platform is a realization of that dream, designed to empower individuals with the knowledge they need to take charge of their well-being.</p>
          </div>
        </div>
      </div>

      <!-- Who We Are Section -->
      <div class="about-section">
        <div class="card">
          <div class="section-icon">
            <i class="fas fa-users"></i>
          </div>
          <h2 class="section-title">Who We Are</h2>
          <div class="section-content">
            <p>We are a dynamic team of healthcare professionals, data scientists, and technology enthusiasts united by a shared mission: to make healthcare more accessible, comprehensible, and personalized. With years of experience spanning medicine and advanced technology, our passion fuels every step of this journey to serve you better.</p>
          </div>
        </div>
      </div>

      <!-- Mission Section -->
      <div class="about-section">
        <div class="card">
          <div class="section-icon">
            <i class="fas fa-bullseye"></i>
          </div>
          <h2 class="section-title">Our Mission</h2>
          <div class="section-content">
            <p>Our mission is to bridge the gap between technology and healthcare. Through this platform, we strive to:</p>
            <ul>
              <li><i class="fas fa-check-circle"></i> Help users identify potential health concerns based on their symptoms.</li>
              <li><i class="fas fa-check-circle"></i> Offer educational resources to enhance health awareness and literacy.</li>
              <li><i class="fas fa-check-circle"></i> Use cutting-edge AI and machine learning to provide intuitive, user-friendly solutions for health management.</li>
            </ul>
          </div>
        </div>
      </div>

      <!-- How We Do It Section -->
      <div class="about-section">
        <div class="card">
          <div class="section-icon">
            <i class="fas fa-cogs"></i>
          </div>
          <h2 class="section-title">How We Do It</h2>
          <div class="section-content">
            <p>Our system is powered by a sophisticated <strong>Machine Learning model</strong> trained on an extensive dataset of symptoms and diseases. Leveraging supervised learning techniques, like Support Vector Classifier (SVC), our platform delivers accurate and personalized health insights. By entering your symptoms, you'll receive potential diagnoses along with actionable advice, making health decisions simpler and more informed.</p>
          </div>
        </div>
      </div>

      <!-- Priority Section -->
      <div class="about-section">
        <div class="card card-primary">
          <div class="section-icon">
            <i class="fas fa-hand-holding-heart"></i>
          </div>
          <h2 class="section-title">Your Well-being, Our Priority</h2>
          <div class="section-content">
            <p>We know healthcare can feel overwhelming. That's why our platform provides not just predictions but also actionable insights:</p>
            <div class="features-grid">
              <div class="feature-item">
                <div class="feature-icon">
                  <i class="fas fa-stethoscope"></i>
                </div>
                <div class="feature-title">Disease Descriptions</div>
                <div class="feature-desc">For better understanding</div>
              </div>
              <div class="feature-item">
                <div class="feature-icon">
                  <i class="fas fa-pills"></i>
                </div>
                <div class="feature-title">Medications</div>
                <div class="feature-desc">Tailored recommendations</div>
              </div>
              <div class="feature-item">
                <div class="feature-icon">
                  <i class="fas fa-apple-alt"></i>
                </div>
                <div class="feature-title">Diet & Workout</div>
                <div class="feature-desc">Enhance your recovery</div>
              </div>
              <div class="feature-item">
                <div class="feature-icon">
                  <i class="fas fa-shield-alt"></i>
                </div>
                <div class="feature-title">Precautions</div>
                <div class="feature-desc">Stay proactive</div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Join Us Section -->
      <div class="about-section">
        <div class="card card-accent">
          <div class="section-icon">
            <i class="fas fa-hands-helping"></i>
          </div>
          <h2 class="section-title">Join Us on this Journey</h2>
          <div class="section-content">
            <p>Explore. Learn. Take charge of your health. Our platform is designed to make every step of your health journey informed and empowering. Together, let's create a future where healthcare information is simple, accessible, and impactful.</p>
            <p><strong>Thank you for trusting Medical Health Center as your partner in health. Here's to a brighter, healthier tomorrow!</strong></p>
          </div>
        </div>
      </div>

    </div>
  </div>

  <!-- Footer -->
  <footer class="footer">
    <div class="footer-content">
      <p>© 2025 Medical Health Center. All rights reserved.</p>
    </div>
  </footer>

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

</body>
</html>