diff --git a/index.html b/index.html index 5497039..dd5a400 100644 --- a/index.html +++ b/index.html @@ -1,125 +1,142 @@ - - - - - - - - Tech Returners Surgery: Home - - - - - Tech Returners Surgery - 0333 050 9138 - - - - - Home - Services - Team - Patient Information - Well-being Centre - - - - - - Search - -
-

COVID Restriction Update

- -

Throughout the pandemic we have strove to make the surgery as safe as possible for all our patients and - staff, we will continue to do so.

- -

From the 19th July 2021 nothing will change at the Surgery Patients will still - need to - wear a mask, socially distance and use hand sanitiser in the surgery and staff will continue to - wear PPE. -

- -

If you arrive without a mask and are not exempt, you will be asked to leave.

-
- - - - Welcome to the Tech Returners Surgery! - - - - The Tech Returners Surgery,
- 115 Mancunian Way,
- Manchester,
- M20 3PX - - - -
-

How to use Ask My Doc?

- - - - - - - - Sorry, your browser doesn't support embedded videos. - -
- - -
-

Need advice or have some feedback for us?

- - -
- Send us a message by filling out the form below and one of our Receptionists will be in touch: - - -

Are you completing this form on behalf of:

- - - - - - - - -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- -
- - -
- - -
- - - - + + + + + + + + Tech Returners Surgery: Home + + + + + +
+ + + + +
+ + + +
+
+ +
+ +
+

COVID Restriction Update

+ +

Throughout the pandemic we have striven to make the surgery as safe as possible for all our patients and staff, and we will continue to do so.

+ +

+ From the 19th July 2021 nothing will change at the Surgery. + Patients will still need to wear a mask, socially distance and use hand sanitiser in the surgery. + Staff will continue to wear PPE. +

+ +

If you arrive without a mask and are not exempt, you will be asked to leave.

+
+ +
+

Welcome to the Tech Returners Surgery!

+ + Tech Returners Surgery building + +
+ The Tech Returners Surgery
+ 115 Mancunian Way
+ Manchester
+ M20 3PX +
+
+ +
+

How to use Ask My Doc?

+ + +
+ +
+

Need advice or have some feedback for us?

+ +
+
+ + Send us a message by filling out the form below and one of our Receptionists will be in touch: + + +

Are you completing this form on behalf of:

+ + + + + + +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ + + +
+
+
+ +
+ +
+

© 2026 Tech Returners Surgery

+
+ + + \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..964dbfa --- /dev/null +++ b/script.js @@ -0,0 +1,37 @@ +document.querySelector("form").addEventListener("submit", function(e) { + e.preventDefault(); + + const form = this; + const email = document.getElementById("email"); + const phone = document.getElementById("telephone"); + const successMsg = document.createElement("p"); + + // Remove old errors + document.querySelectorAll(".error").forEach(el => el.remove()); + + let valid = true; + + if (!email.value.includes("@")) { + showError(email, "Please enter a valid email address."); + valid = false; + } + + if (phone.value.length < 10) { + showError(phone, "Please enter a valid phone number."); + valid = false; + } + + if (valid) { + successMsg.textContent = "Form submitted successfully! We will contact you soon."; + successMsg.classList.add("success"); + form.appendChild(successMsg); + form.reset(); + } +}); + +function showError(input, message) { + const error = document.createElement("div"); + error.className = "error"; + error.textContent = message; + input.parentNode.appendChild(error); +} \ No newline at end of file diff --git a/styles.css b/styles.css index 25629e8..f3626bd 100644 --- a/styles.css +++ b/styles.css @@ -1,2 +1,136 @@ /* Your CSS styles here! */ +* { + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: "Segoe UI", sans-serif; +} + +body { + background: #f5f7fa; + color: #333; + line-height: 1.6; +} + +header { + background: #1e3a8a; + color: white; + padding: 15px 20px; +} + +header a { + color: white; + text-decoration: none; + margin-right: 15px; + font-weight: bold; +} + +nav ul { + display: flex; + list-style: none; + gap: 15px; + margin-top: 10px; +} + +nav a:hover { + text-decoration: underline; +} + +form[role="search"] { + margin-top: 10px; +} + +main { + padding: 30px; + max-width: 1000px; + margin: auto; +} + +section { + margin-bottom: 40px; + background: white; + padding: 25px; + border-radius: 10px; + box-shadow: 0 4px 10px rgba(0,0,0,0.05); + animation: fadeIn 0.6s ease-in-out; +} + +h2, h3 { + margin-bottom: 15px; + color: #1e3a8a; +} + +img { + width: 100%; + max-width: 400px; + border-radius: 10px; + margin: 15px 0; +} + +address { + font-style: normal; + margin-top: 10px; +} + +fieldset { + border: none; +} + +input, textarea { + width: 100%; + padding: 10px; + margin: 8px 0 15px 0; + border: 1px solid #ccc; + border-radius: 6px; +} + +textarea { + resize: vertical; + min-height: 100px; +} + +button { + background: #1e3a8a; + color: white; + padding: 10px 20px; + border: none; + border-radius: 6px; + cursor: pointer; + transition: 0.3s; +} + +button:hover { + background: #2563eb; +} + +.error { + color: red; + font-size: 0.85rem; +} + +.success { + color: green; + font-weight: bold; + margin-top: 10px; +} + +footer { + background: #1e3a8a; + color: white; + text-align: center; + padding: 15px; + margin-top: 40px; +} + +@keyframes fadeIn { + from { opacity: 0; transform: translateY(10px); } + to { opacity: 1; transform: translateY(0); } +} + +/* Responsive */ +@media (max-width: 768px) { + nav ul { + flex-direction: column; + } +} \ No newline at end of file