Switch to side-by-side view

--- a
+++ b/templates/heart_disease_info.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Diabetes: In Depth</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 0;
+            padding: 0;
+            background-image: url('/static/main\ bg7.png');
+            background-size: cover;
+            background-position: center;
+            color: #333;
+        }
+
+        header {
+            background-color: rgba(0, 0, 0, 0.5);
+            color: #fff;
+            padding: 20px;
+            text-align: center;
+            position: relative;
+        }
+
+        .logo {
+            position: absolute;
+            top: 10px;
+            left: 20px;
+            right:20px;
+            width: 100px;
+            height: auto;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 20px auto;
+            padding: 20px;
+            background-color: rgba(255, 255, 255, 0.8);
+            border-radius: 8px;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+        }
+
+        h1 {
+            color: #000000;
+            text-align: center;
+            border: #000000;
+            border-radius: 5%;
+        }
+
+        h2 {
+            color: #333;
+        }
+
+        p {
+            margin-bottom: 20px;
+        }
+
+        a {
+            color: #0faacd;
+        }
+
+        ul {
+            list-style-type: none;
+            padding: 0;
+        }
+
+        li {
+            margin-bottom: 10px;
+        }
+
+        footer {
+            background-color: rgba(0, 0, 0, 0.5);
+            color: #fff;
+            text-align: center;
+            padding: 20px;
+            position: fixed;
+            left: 0;
+            bottom: 0;
+            width: 100%;
+        }
+    </style>
+</head>
+<body>
+    <header>
+        <img src="/static/NEWLOGO.png" alt="Logo" class="logo">
+        <h1>HEART DISEASE</h1>
+    </header>
+    <div class="container">
+        <h2>Heart Disease: A Comprehensive Guide</h2>
+
+<p>Heart disease is a general term for a variety of conditions affecting your heart and blood vessels. It's the leading cause of death globally. Here's a detailed breakdown:</p>
+
+<h3>Types of Heart Disease:</h3>
+
+<ul>
+    <li><strong>Coronary artery disease (CAD):</strong> The most common type. Plaque buildup narrows the coronary arteries that supply blood to the heart muscle. This can lead to angina (chest pain), heart attack, and heart failure.</li>
+    <!-- Image of Coronary artery disease -->
+    <li><strong>Stroke:</strong> Occurs when a blood clot blocks or bursts a blood vessel carrying blood to the brain. Brain tissue dies without blood flow.</li>
+    <li><strong>Heart failure:</strong> A weakened heart muscle can't pump blood effectively, leading to fluid buildup in the lungs and other body parts.</li>
+    <li><strong>Arrhythmia:</strong> An irregular heartbeat. Different types exist, some harmless, others potentially life-threatening.</li>
+    <li><strong>Congenital heart defects:</strong> Heart abnormalities present from birth.</li>
+</ul>
+
+<h3>Common Causes of Heart Disease:</h3>
+
+<ul>
+    <li><strong>Unhealthy lifestyle habits:</strong> Smoking, unhealthy diet, physical inactivity, excessive alcohol intake, and stress are major contributors.</li>
+    <li><strong>High blood pressure:</strong> Uncontrolled hypertension damages blood vessels and increases the heart's workload.</li>
+    <li><strong>High cholesterol:</strong> LDL ("bad") cholesterol buildup in arteries contributes to plaque formation.</li>
+    <li><strong>Diabetes:</strong> High blood sugar damages blood vessels and nerves, increasing heart disease risk.</li>
+    <li><strong>Family history:</strong> Genetics play a role, but maintaining a healthy lifestyle can help mitigate risk.</li>
+</ul>
+
+<h3>Precautions to Reduce Heart Disease Risk:</h3>
+
+<ul>
+    <li><strong>Eat a heart-healthy diet:</strong> Focus on fruits, vegetables, whole grains, lean protein, and healthy fats (like those found in fish and olive oil). Limit saturated and trans fats, processed foods, added sugar, and red meat.</li>
+    <li><strong>Maintain a healthy weight:</strong> Obesity puts a strain on the heart.</li>
+    <li><strong>Exercise regularly:</strong> Aim for at least 150 minutes of moderate-intensity exercise or 75 minutes of vigorous-intensity exercise per week.</li>
+    <li><strong>Manage stress:</strong> Chronic stress can contribute to heart problems. Explore relaxation techniques like yoga or meditation.</li>
+    <li><strong>Don't smoke:</strong> Smoking damages blood vessels and increases heart disease risk.</li>
+    <li><strong>Control blood pressure and cholesterol:</strong> Regular checkups and medications can help manage these conditions.</li>
+    <li><strong>Limit alcohol intake:</strong> Excessive alcohol consumption can raise blood pressure and weaken the heart muscle.</li>
+</ul>
+
+<h3>Symptoms of Heart Disease:</h3>
+
+<p>Symptoms can vary depending on the specific type of heart disease. Here are some common ones:</p>
+
+<ul>
+    <li>Chest pain, pressure, or tightness (angina)</li>
+    <li>Shortness of breath</li>
+    <li>Pain radiating to the shoulder, arm, jaw, back, or stomach</li>
+    <li>Palpitations (feeling like your heart is racing)</li>
+    <li>Fatigue</li>
+    <li>Lightheadedness or dizziness</li>
+    <li>Swelling in the ankles and feet</li>
+</ul>
+
+<h3>Articles about Heart Disease:</h3>
+
+<ul>
+    <li>American Heart Association: <a href="https://www.heart.org/">https://www.heart.org/</a></li>
+    <li>Centers for Disease Control and Prevention: <a href="https://www.cdc.gov/heartdisease/index.htm">https://www.cdc.gov/heartdisease/index.htm</a></li>
+    <li>Mayo Clinic: <a href="https://www.mayoclinic.org/departments-centers/cardiovascular-medicine/home/orc-20121930">https://www.mayoclinic.org/departments-centers/cardiovascular-medicine/home/orc-20121930</a></li>
+</ul>
+
+<h3>Things Bad for the Heart:</h3>
+
+<ul>
+    <li><strong>Smoking and tobacco use:</strong> Damages blood vessels and increases heart disease risk.</li>
+    <li><strong>Unhealthy diet:</strong> High in saturated and trans fats, processed foods, added sugar, and red meat.</li>
+    <li><strong>Physical inactivity:</strong> Lack of exercise weakens the heart and blood vessels.</li>
+    <li><strong>Obesity:</strong> Puts a strain on the heart.</li>
+    <li><strong>Excessive alcohol consumption:</strong> Raises blood pressure and weakens the heart muscle.</li>
+    <li><strong>Stress:</strong> Chronic stress can contribute to heart problems.</li>
+    <li><strong>High blood pressure and cholesterol:</strong> Left uncontrolled, they damage blood vessels and increase heart disease risk.</li>
+</ul>
+
+<h3>Foods Good for the Heart:</h3>
+
+<ul>
+    <li><strong>Fruits and vegetables:</strong> Rich in antioxidants and essential nutrients for heart health.</li>
+    <li><strong>Whole grains:</strong> Provide fiber, which can help lower cholesterol.</li>
+    <li><strong>Lean protein:</strong> Sources like fish, poultry, and beans provide essential nutrients without unhealthy fats.</li>
+    <li><strong>Healthy fats:</strong> Foods like fatty fish, nuts, avocados, and olive oil are rich in unsaturated fats that can help lower LDL cholesterol.</li>
+    <li><strong>Legumes:</strong> Beans, lentils, and peas are good sources of fiber and protein.</li>
+</ul>
+
+<p>Remember, this is a general overview. It's crucial to consult a healthcare professional for personalized advice on managing heart health or if you experience any concerning symptoms.</p>
+
+    </div>
+    <br>
+    <br>
+    <br>
+    <br>
+    <br>
+    <footer>
+    </footer>
+</body>
+</html>