Initial commit

managerof · Dec 6, 2024 · 5872ad6 · 5872ad6
commit 5872ad6
Show file tree

Hide file tree

Showing 15 changed files with 1,041 additions and 0 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/LICENSE b/LICENSE
diff --git a/appointments.html b/appointments.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Appointments | Medical Centre</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <center>
+    <div class="container">
+      <div class="header">
+        <img src="logo_processed.png" alt="Medical Centre Logo">
+        <nav>
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="services.html">Services</a></li>
+            <li><a href="contact.html">Contact</a></li>
+          </ul>
+        </nav>
+      </div>
+
+      <div class="sidebar">
+        <ul>
+          <li><a href="contact.html">About Us</a></li>
+          <li><a href="appointments.html">Appointments</a></li>
+          <li><a href="https://maps.app.goo.gl/YC5mMXqLNZASczuU6">Location</a></li>
+        </ul>
+      </div>
+
+      <div class="image-section">
+        <img style="height: 200px; width: 200px;" src="gp_services.png">
+        <img style="height: 150px; width: 170px;" src="team_of_professionals.png">
+      </div>
+
+      <div class="paragraph-section">
+        <h2>Book an Appointment</h2>
+        <form action="#" method="POST">
+          <label for="name"><strong>Full Name:</strong></label><br>
+          <input type="text" id="name" name="name" placeholder="Your Name" required><br><br>
+
+          <label for="email"><strong>Email Address:</strong></label><br>
+          <input type="email" id="email" name="email" placeholder="Your Email" required><br><br>
+
+          <label for="phone"><strong>Phone Number:</strong></label><br>
+          <input type="tel" id="phone" name="phone" placeholder="Your Phone Number" required><br><br>
+
+          <label for="date"><strong>Preferred Date and Time:</strong></label><br>
+          <input type="date" id="date" name="date" required>
+          <input type="time" id="time" name="time" required><br>
+
+          <label for="message"><strong>Additional Information:</strong></label><br>
+          <textarea id="message" name="message" rows="3" placeholder="Additional Notes (optional)"></textarea><br><br>
+
+          <button type="submit">Submit Appointment</button>
+        </form>
+      </div>
+    </div>
+  </center>
+</body>
+</html>
diff --git a/base.png b/base.png
diff --git a/clinic_interior.png b/clinic_interior.png
diff --git a/clinic_view_1.png b/clinic_view_1.png
diff --git a/clinic_view_2.png b/clinic_view_2.png
diff --git a/contact.html b/contact.html
@@ -0,0 +1,132 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Contact | Medical Centre</title>
+  <style>
+    /* Include the same styles from your template */
+    body {
+      font-family: Arial, sans-serif;
+      margin: 0;
+      padding: 0;
+    }
+
+    .container {
+      position: relative;
+      width: 800px; /* Adjust to your image width */
+      height: 600px; /* Adjust to your image height */
+      background-image: url('base.png'); /* Replace with your image URL */
+      background-size: cover;
+    }
+
+    .header {
+      display: flex;
+      justify-content: space-between; /* Align logo left and links right */
+      align-items: center; /* Center items vertically */
+      padding: 10px;
+      position: absolute;
+      top: 30px;
+      width: 100%;
+    }
+
+    .header img {
+      position: absolute;
+      top: 0px;
+      left: 120px;
+      width: 120px; /* Placeholder for your logo */
+    }
+
+    .header nav ul {
+      display: flex;
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+      position: relative;
+      left: 300px;
+      top: 30px;
+    }
+
+    .header nav ul li {
+      margin-left: 20px; /* Space between links */
+    }
+
+    .header nav ul li a {
+      text-decoration: none;
+      color: #000;
+    }
+
+    .sidebar {
+      position: absolute;
+      top: 300px;
+      left: -50px;
+      width: 200px;
+      list-style-type: none;
+    }
+
+    .sidebar ul li {
+      list-style-type: none; /* Remove bullet points */
+      margin-bottom: 15px; /* Vertical space between items */
+    }
+
+    .image-section {
+      position: absolute;
+      top: 200px;
+      left: 200px;
+      display: flex;
+      flex-direction: column;
+      padding: 10px;
+      width: 300px;
+      height: 600px;
+    }
+
+    .paragraph-section {
+      position: absolute;
+      top: 180px;
+      right: 50px;
+      padding: 10px;
+      width: 250px; /* Made the paragraph section narrower */
+      font-size: 14px; /* Reduced font size */
+    }
+  </style>
+</head>
+<body>
+  <center>
+    <div class="container">
+      <div class="header">
+        <img src="logo_processed.png" alt="Medical Centre Logo">
+        <nav>
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="services.html">Services</a></li>
+            <li><a href="contact.html">Contact</a></li>
+          </ul>
+        </nav>
+      </div>
+
+      <div class="sidebar">
+        <ul>
+          <li><a href="contact.html">About Us</a></li>
+          <li><a href="appointments.html">Appointments</a></li>
+          <li><a href="https://maps.app.goo.gl/YC5mMXqLNZASczuU6">Location</a></li>
+        </ul>
+      </div>
+
+      <div class="image-section">
+        <img style="height: 200px; width: 200px;" src="clinic_view_1.png" alt="Medical Centre">
+        <img style="height: 150px; width: 170px; top: 50px;" src="clinic_interior.png" alt="Clinic Interior">
+      </div>
+
+      <div class="paragraph-section">
+        <h2>Contact Us</h2>
+        <p><strong>Address:</strong> 42 Underbridgeland, Health Corner, San Fierro</p>
+        <p><strong>Phone:</strong>  555-0153</p>
+        <p><strong>Email:</strong> <a href="mailto:[email protected]">[email protected]</a></p>
+        <p><strong>Business Hours:</strong> Monday - Friday: 9:00 AM - 5:00 PM</p>
+        <p>If you need immediate assistance, feel free to contact us by phone or email for any inquiries. We’ll do our best to respond promptly—unless we’re busy debating whose turn it is to refill the coffee machine.</p>
+        <p>For directions to our location, <a href="https://maps.app.goo.gl/YC5mMXqLNZASczuU6" target="_blank">click here to view on Google Maps</a>. Because nothing says “professional” like outsourcing navigation to an app.</p>
+      </div>
+    </div>
+  </center>
+</body>
+</html>
diff --git a/gp_services.png b/gp_services.png
diff --git a/index.html b/index.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Home | Medical Centre</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <center>
+    <div class="container">
+      <div class="header">
+        <img src="logo_processed.png" alt="Medical Centre Logo">
+        <nav>
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="services.html">Services</a></li>
+            <li><a href="contact.html">Contact</a></li>
+          </ul>
+        </nav>
+      </div>
+
+      <div class="sidebar">
+        <ul>
+          <li><a href="contact.html">About Us</a></li>
+          <li><a href="appointments.html">Appointments</a></li>
+          <li><a href="https://maps.app.goo.gl/YC5mMXqLNZASczuU6">Location</a></li>
+        </ul>
+      </div>
+
+      <div class="image-section">
+        <img style="height: 200px; width: 200px;" src="clinic_view_2.png" alt="Welcome to Our Medical Centre">
+        <img style="height: 150px; width: 170px;" src="team_of_professionals.png" alt="Team of Professionals">
+      </div>
+
+      <div class="paragraph-section">
+		<h2>Welcome to Our Medical Centre</h2>
+		<p>At our Medical Centre, we claim to provide a comprehensive range of services designed to cater to your health needs—albeit with a side of managed expectations.</p>
+		<p>From our General Practitioners (GPs), who rush through consultations, to allied health services like physiotherapy that rely heavily on stretches and optimism, we're here to keep you semi-functional.</p>
+		<p>Our “dedication” is reflected in our skilled yet overworked staff, decent equipment, and a waiting room atmosphere reminiscent of a DMV. Whether you need a check-up or dental work that costs a small fortune, we'll get you just enough care to keep coming back.</p>
+	</div>	
+    </div>
+  </center>
+</body>
+</html>
diff --git a/logo.png b/logo.png
diff --git a/nursing_service.png b/nursing_service.png
diff --git a/services.html b/services.html
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Services | Medical Centre</title>
+  <link rel="stylesheet" href="style.css">
+</head>
+<body>
+  <center>
+    <div class="container">
+      <div class="header">
+        <img src="logo_processed.png" alt="Medical Centre Logo">
+        <nav>
+          <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="services.html">Services</a></li>
+            <li><a href="contact.html">Contact</a></li>
+          </ul>
+        </nav>
+      </div>
+
+      <div class="sidebar">
+        <ul>
+          <li><a href="contact.html">About Us</a></li>
+          <li><a href="appointments.html">Appointments</a></li>
+          <li><a href="https://maps.app.goo.gl/YC5mMXqLNZASczuU6">Location</a></li>
+        </ul>
+      </div>
+
+      <div class="image-section">
+        <img style="height: 200px; width: 200px;" src="gp_services.png" alt="GP Services">
+        <img style="height: 150px; width: 170px; top: 50px;" src="nursing_service.png" alt="Nursing Services">
+      </div>
+
+      <div class="paragraph-section">
+        <h2>Our Services</h2>
+        <p>At our Medical Centre, we offer a so-called comprehensive range of healthcare services aimed at meeting the *bare minimum* needs of our community.</p>
+        <p><strong>General Practitioner (GP) Services:</strong> Our GPs provide whirlwind consultations, perfunctory medical checks, and referrals to specialists that may leave you questioning if they exist.</p>
+        <p><strong>Practice Nursing:</strong> Our skilled but stretched-thin nurses offer wound care, vaccinations, and chronic disease management that’s as good as the system allows.</p>
+      </div>    
+    </div>
+  </center>
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,82 @@
+body {
+  font-family: Arial, sans-serif;
+  margin: 0;
+  padding: 0;
+}
+
+.container {
+  position: relative;
+  width: 800px; /* Adjust to your image width */
+  height: 600px; /* Adjust to your image height */
+  background-image: url('base.png'); /* Replace with your image URL */
+  background-size: cover;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between; /* Align logo left and links right */
+  align-items: center; /* Center items vertically */
+  padding: 10px;
+  position: absolute;
+  top: 30px;
+  width: 100%;
+}
+
+.header img {
+  position: absolute;
+  top: 0px;
+  left: 120px;
+  width: 120px; /* Placeholder for your logo */
+}
+
+.header nav ul {
+  display: flex;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+  position: relative;
+  left: 300px;
+  top: 30px;
+}
+
+.header nav ul li {
+  margin-left: 20px; /* Space between links */
+}
+
+.header nav ul li a {
+  text-decoration: none;
+  color: #000;
+}
+
+.sidebar {
+  position: absolute;
+  top: 300px;
+  left: -50px;
+  width: 200px;
+  list-style-type: none;
+}
+
+.sidebar ul li {
+  list-style-type: none; /* Remove bullet points */
+  margin-bottom: 15px; /* Vertical space between items */
+}
+
+.image-section {
+  position: absolute;
+  top: 200px;
+  left: 200px;
+  display: flex;
+  flex-direction: column;
+  padding: 10px;
+  width: 300px;
+  height: 600px;
+}
+
+.paragraph-section {
+  position: absolute;
+  top: 185px;
+  right: 50px;
+  padding: 10px;
+  width: 250px; /* Made the paragraph section narrower */
+  font-size: 14px; /* Reduced font size */
+}
diff --git a/team_of_professionals.png b/team_of_professionals.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		# Auto detect text files and perform LF normalization
		* text=auto