Log In Sign Up
Models:
Mathew Swanson
Mathew-S/
DOCPAT-SMART-DISEASE-PRED
0
Downloads: 2
Diff of /templates/faqs.html [000000] .. [b018ba]

Switch to unified view

a b/templates/faqs.html 

  1
  
<!DOCTYPE html>





  
  

  2
  
<html lang="en">





  
  

  3
  
<head>





  
  

  4
  
  <meta charset="UTF-8">





  
  

  5
  
  <meta name="viewport" content="width=device-width, initial-scale=1.0">





  
  

  6
  
  <title>FAQ Page</title>





  
  

  7
  
  <!-- Bootstrap CSS link -->





  
  

  8
  
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">





  
  

  9
  
  <!-- Your custom CSS -->





  
  

  10
  
  <style>





  
  

  11
  
    /* Custom CSS for FAQ page */





  
  

  12
  
    /* Body style */





  
  

  13
  
    body {





  
  

  14
  
        background-color: #f8f9fa; /* Light grey background */





  
  

  15
  
        font-family: Arial, sans-serif;





  
  

  16
  
    }





  
  

  17
  





  
  

  18
  
    /* Header style */





  
  

  19
  
    header {





  
  

  20
  
        background-color: #343a40; /* Dark grey header background */





  
  

  21
  
        color: #fff; /* White text color */





  
  

  22
  
        padding: 20px 0; /* Add padding */





  
  

  23
  
    }





  
  

  24
  





  
  

  25
  
    /* Main container style */





  
  

  26
  
    .container {





  
  

  27
  
        background-color: #dfea99; /* White container background */





  
  

  28
  
        padding: 20px; /* Add padding */





  
  

  29
  
        border-radius: 10px; /* Add rounded corners */





  
  

  30
  
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Add shadow */





  
  

  31
  
    }





  
  

  32
  





  
  

  33
  
    /* FAQ question style */





  
  

  34
  
    .card-header {





  
  

  35
  
        background-color: #ffffff; /* Blue header background */





  
  

  36
  
        color: #fff; /* White text color */





  
  

  37
  
        border-radius: 5px; /* Add rounded corners */





  
  

  38
  
    }





  
  

  39
  





  
  

  40
  
    /* FAQ answer style */





  
  

  41
  
    .card-body {





  
  

  42
  
        background-color: #f8f9fa; /* Light grey background */





  
  

  43
  
        color: #333; /* Dark grey text color */





  
  

  44
  
    }





  
  

  45
  





  
  

  46
  
    /* Custom CSS for Home button */





  
  

  47
  
    .btn-home {





  
  

  48
  
        background-color: #ffc107; /* Yellow background color */





  
  

  49
  
        color: #212529; /* Text color */





  
  

  50
  
        font-size: 20px; /* Increased font size */





  
  

  51
  
        padding: 10px 20px; /* Add padding */





  
  

  52
  
        border-radius: 10px; /* Add rounded corners */





  
  

  53
  
        align-items: center;





  
  

  54
  
    }





  
  

  55
  





  
  

  56
  
    /* Hover effect */





  
  

  57
  
    .btn-home:hover {





  
  

  58
  
        background-color: #ffb300; /* Darker shade of yellow on hover */





  
  

  59
  
        color: #212529; /* Text color */





  
  

  60
  
    }





  
  

  61
  
  </style>





  
  

  62
  
</head>





  
  

  63
  





  
  

  64
  
<body>





  
  

  65
  
  <!-- Header -->





  
  

  66
  
  <header>





  
  

  67
  
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">





  
  

  68
  
      <a class="navbar-brand" href="/static/NEWLOGO.png"></a>





  
  

  69
  
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">





  
  

  70
  
        <span class="navbar-toggler-icon"></span>





  
  

  71
  
      </button>





  
  

  72
  
      <div class="collapse navbar-collapse" id="navbarNav">





  
  

  73
  
        <ul class="navbar-nav ml-auto">





  
  

  74
  
          <li class="nav-item">





  
  

  75
  
            <a class="btn btn-home" href="/" role="button">Home</a>





  
  

  76
  
          </li>





  
  

  77
  
        </ul>





  
  

  78
  
      </div>





  
  

  79
  
    </nav>





  
  

  80
  
  </header>





  
  

  81
  
  <br>





  
  

  82
  
  <br>





  
  

  83
  
  <br>





  
  

  84
  





  
  

  85
  
  <!-- Main Content -->





  
  

  86
  
  <div class="container">





  
  

  87
  
    <h1 class="text-center mb-4">Frequently Asked Questions</h1>





  
  

  88
  
    <div class="accordion" id="faqAccordion">





  
  

  89
  
      <div class="card">





  
  

  90
  
        <div class="card-header" id="faqHeading1">





  
  

  91
  
          <h2 class="mb-0">





  
  

  92
  
            <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#faqCollapse1" aria-expanded="true" aria-controls="faqCollapse1">





  
  

  93
  
              Q1: What are the common symptoms of diabetes?





  
  

  94
  
            </button>





  
  

  95
  
          </h2>





  
  

  96
  
        </div>





  
  

  97
  
        <div id="faqCollapse1" class="collapse show" aria-labelledby="faqHeading1" data-parent="#faqAccordion">





  
  

  98
  
          <div class="card-body">





  
  

  99
  
            A1: The common symptoms of diabetes include frequent urination, increased thirst, unexplained weight loss, fatigue, blurred vision, and slow-healing sores or cuts.





  
  

  100
  
          </div>





  
  

  101
  
        </div>





  
  

  102
  
      </div>





  
  

  103
  





  
  

  104
  
      <div class="card">





  
  

  105
  
        <div class="card-header" id="faqHeading2">





  
  

  106
  
          <h2 class="mb-0">





  
  

  107
  
            <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#faqCollapse2" aria-expanded="false" aria-controls="faqCollapse2">





  
  

  108
  
              Q2: How can breast cancer be detected early?





  
  

  109
  
            </button>





  
  

  110
  
          </h2>





  
  

  111
  
        </div>





  
  

  112
  
        <div id="faqCollapse2" class="collapse" aria-labelledby="faqHeading2" data-parent="#faqAccordion">





  
  

  113
  
          <div class="card-body">





  
  

  114
  
            A2: Breast cancer can be detected early through regular breast self-exams, clinical breast exams, and mammograms. It's important to be aware of any changes in the breast and seek medical advice if needed.





  
  

  115
  
          </div>





  
  

  116
  
        </div>





  
  

  117
  
      </div>





  
  

  118
  





  
  

  119
  
      <div class="card">





  
  

  120
  
        <div class="card-header" id="faqHeading3">





  
  

  121
  
          <h2 class="mb-0">





  
  

  122
  
            <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#faqCollapse3" aria-expanded="false" aria-controls="faqCollapse3">





  
  

  123
  
              Q3: What lifestyle changes can help prevent heart disease?





  
  

  124
  
            </button>





  
  

  125
  
          </h2>





  
  

  126
  
        </div>





  
  

  127
  
        <div id="faqCollapse3" class="collapse" aria-labelledby="faqHeading3" data-parent="#faqAccordion">





  
  

  128
  
          <div class="card-body">





  
  

  129
  
            A3: Lifestyle changes that can help prevent heart disease include maintaining a healthy diet, engaging in regular physical activity, managing stress, avoiding tobacco use, and limiting alcohol intake.





  
  

  130
  
          </div>





  
  

  131
  
        </div>





  
  

  132
  
      </div>





  
  

  133
  





  
  

  134
  
      <div class="card">





  
  

  135
  
        <div class="card-header" id="faqHeading4">





  
  

  136
  
          <h2 class="mb-0">





  
  

  137
  
            <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#faqCollapse4" aria-expanded="false" aria-controls="faqCollapse4">





  
  

  138
  
              Q4: What are the treatment options for liver disease?





  
  

  139
  
            </button>





  
  

  140
  
          </h2>





  
  

  141
  
        </div>





  
  

  142
  
        <div id="faqCollapse4" class="collapse" aria-labelledby="faqHeading4" data-parent="#faqAccordion">





  
  

  143
  
          <div class="card-body">





  
  

  144
  
            A4: Treatment options for liver disease vary depending on the type and severity of the condition. They may include lifestyle changes, medications, or, in severe cases, liver transplantation.





  
  

  145
  
          </div>





  
  

  146
  
        </div>





  
  

  147
  
      </div>





  
  

  148
  





  
  

  149
  
      <div class="card">





  
  

  150
  
        <div class="card-header" id="faqHeading5">





  
  

  151
  
          <h2 class="mb-0">





  
  

  152
  
            <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#faqCollapse5" aria-expanded="false" aria-controls="faqCollapse5">





  
  

  153
  
              Q5: How often should one undergo health screenings?





  
  

  154
  
            </button>





  
  

  155
  
          </h2>





  
  

  156
  
        </div>





  
  

  157
  
        <div id="faqCollapse5" class="collapse" aria-labelledby="faqHeading5" data-parent="#faqAccordion">





  
  

  158
  
          <div class="card-body">





  
  

  159
  
            A5: The frequency of health screenings depends on various factors such as age, gender, family history, and existing health conditions. It's best to consult with a healthcare professional to determine the appropriate screening schedule for individual needs.





  
  

  160
  
          </div>





  
  

  161
  
        </div>





  
  

  162
  
      </div>





  
  

  163
  





  
  

  164
  
      <!-- New Gastrointestinal Disease FAQ -->





  
  

  165
  
      <div class="card">





  
  

  166
  
        <div class="card-header" id="faqHeading6">





  
  

  167
  
          <h2 class="mb-0">





  
  

  168
  
            <button class="btn btn-link btn-block text-left" type="button" data-toggle="collapse" data-target="#faqCollapse6" aria-expanded="false" aria-controls="faqCollapse6">





  
  

  169
  
              Q6: What are the common symptoms of gastrointestinal disease?





  
  

  170
  
            </button>





  
  

  171
  
          </h2>





  
  

  172
  
        </div>





  
  

  173
  
        <div id="faqCollapse6" class="collapse" aria-labelledby="faqHeading6" data-parent="#faqAccordion">





  
  

  174
  
          <div class="card-body">





  
  

  175
  
            A6: The common symptoms of gastrointestinal diseases include abdominal pain, bloating, nausea, vomiting, diarrhea, constipation, heartburn, and indigestion. If you experience these symptoms frequently, it is advisable to consult a healthcare professional.





  
  

  176
  
          </div>





  
  

  177
  
        </div>





  
  

  178
  
      </div>





  
  

  179
  





  
  

  180
  
    </div>





  
  

  181
  
  </div>





  
  

  182
  





  
  

  183
  
  <br>





  
  

  184
  
  <br>





  
  

  185
  
  <br>





  
  

  186
  





  
  

  187
  
  <!-- Footer -->





  
  

  188
  
  <footer class="footer mt-auto py-3 bg-dark text-white">





  
  

  189
  
    <div class="container text-center">





  
  

  190
  
      <span class="text-muted">DOC-PAT&copy; 2023</span>





  
  

  191
  
    </div>





  
  

  192
  
  </footer>





  
  

  193
  





  
  

  194
  
  <!-- Bootstrap JS and jQuery links -->





  
  

  195
  
  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>





  
  

  196
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDzwrnQq4xF86dIHNDz0W1" crossorigin="anonymous"></script>





  
  

  197
  
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>





  
  

  198
  
</body>





  
  

  199
  
</html>