commit for final Lab 5_1

ic3000 · ic3000 · commit c228aa75288b · 2024-12-29T12:24:33.000+02:00
diff --git a/healthAnalysis/health_contact.html b/healthAnalysis/health_contact.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Contact Us</title>
+    <link rel="stylesheet" href="./health_analysis.css">
+    <style>
+        body {
+            text-align: center;
+        }
+        /* Some basic styling for demonstration purposes */
+        #contactForm {
+            max-width: 400px;
+            margin: 0 auto;
+        }
+
+            #contactForm input,
+            #contactForm textarea {
+                width: 100%;
+                margin-bottom: 15px;
+                padding: 8px;
+            }
+
+            #contactForm button {
+                padding: 10px 20px;
+                background-color: #007bff;
+                color: white;
+                border: none;
+                cursor: pointer;
+            }
+
+                #contactForm button:hover {
+                    background-color: #0056b3;
+                }
+    </style>
+</head>
+<body>
+    <nav>
+        <h1>Health Analysis Census</h1>
+        <ul>
+            <li><a href="./index.html" id="home">Home </a></li>
+            <li><a href="./health_contact.html" id="contact">Contact Us </a></li>
+            </li>
+
+        </ul>
+    </nav>
+    <h1>Contact Us</h1>
+    <p>Feel free to contact us to know more about your conditions and for treatment methods.</p>
+
+    <form id="contactForm">
+        <div>
+            <label for="name">Name</label>
+            <input type="text" id="name" name="name" required>
+        </div>
+        <div>
+            <label for="email">Email</label>
+            <input type="email" id="email" name="email" required>
+        </div>
+        <div>
+            <label for="condition">Condition</label>
+            <input type="text" id="condition" name="condition" required>
+        </div>
+        <div>
+            <label for="message">Message</label>
+            <textarea id="message" name="message" rows="5" required></textarea>
+        </div>
+        <button type="submit" onclick="thankyou()">Submit</button>
+    </form>
+    <script>
+    function thankyou(){
+        alert('Thank you for contacting us!')
+    }
+    </script>
+</body>
+</html>
