From 633f4fcdfc7dd235e9ca80398f7c3cc9c88abcd9 Mon Sep 17 00:00:00 2001
From: cywong <zenobiatony@gmail.com>
Date: Fri, 15 May 2026 18:59:28 +0100
Subject: [PATCH 1/5] initial draft

---
 PR_template.html | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)
 create mode 100644 PR_template.html
diff --git a/PR_template.html b/PR_template.html
new file mode 100644
index 000000000..a401163f2
--- /dev/null
+++ b/PR_template.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>T-Shirt Order Form</title>
+</head>
+<body>
+  <form>
+    <div>
+      <label for="customer-name">What is the customer's name?</label>
+      <input id="customer-name" name="customer-name" type="text" required pattern=".*\S.*\S.*" title="Please enter at least two non-space characters." />
+    </div>
+
+    <div>
+      <label for="customer-email">What is the customer's email?</label>
+      <input id="customer-email" name="customer-email" type="email" required />
+    </div>
+
+    <div>
+      <label for="tshirt-colour">What colour should this T-shirt be?</label>
+      <select id="tshirt-colour" name="tshirt-colour" required>
+        <option value="" disabled selected>Select a colour</option>
+        <option value="red">Red</option>
+        <option value="blue">Blue</option>
+        <option value="black">Black</option>
+      </select>
+    </div>
+
+    <div>
+      <label for="tshirt-size">What size does the customer want?</label>
+      <select id="tshirt-size" name="tshirt-size" required>
+        <option value="" disabled selected>Select a size</option>
+        <option value="XS">XS</option>
+        <option value="S">S</option>
+        <option value="M">M</option>
+        <option value="L">L</option>
+        <option value="XL">XL</option>
+        <option value="XXL">XXL</option>
+      </select>
+    </div>
+
+    <button type="submit">Submit Order</button>
+  </form>
+</body>
+</html>
\ No newline at end of file

From ec93e2603707f830704874bafd148b0513f193cf Mon Sep 17 00:00:00 2001
From: cywong <zenobiatony@gmail.com>
Date: Fri, 15 May 2026 20:02:06 +0100
Subject: [PATCH 2/5] Added css

---
 PR_template.html | 65 ++++++++++++++++++++++++++++++++++++++++++------
 1 file changed, 57 insertions(+), 8 deletions(-)

diff --git a/PR_template.html b/PR_template.html
index a401163f2..c91fb0e88 100644
--- a/PR_template.html
+++ b/PR_template.html
@@ -1,34 +1,81 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>T-Shirt Order Form</title>
+  <title>Checking Form</title>
+  <style>
+    body {
+      font-family: Arial, sans-serif;
+      background-color: #f4f4f4;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      height: 100vh;
+      margin: 0;
+    }
+
+    .customer-form {
+      background-color: #fff;
+      padding: 40px;
+      border-radius: 8px;
+      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+      width: 300px;
+    }
+
+     .customer-form label {
+      margin-bottom: 5px;
+      color: #4c9764;
+    } 
+
+    .customer-form button {
+      width: 100%;
+      padding: 10px;
+      background-color: #007bff;
+      color: #fff;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+      font-size: 16px;
+    }
+
+    .custojmer-form button:hover {
+      background-color: #0056b3;
+    }
+  </style>
 </head>
+
 <body>
-  <form>
+  <form class="customer-form">
+    <H1>Checking Form:</H1>
+
     <div>
-      <label for="customer-name">What is the customer's name?</label>
-      <input id="customer-name" name="customer-name" type="text" required pattern=".*\S.*\S.*" title="Please enter at least two non-space characters." />
+      <label for="customer-name">Customer's name : </label>
+      <input id="customer-name" name="customer-name" type="text" required pattern=".*\S.*\S.*"
+        title="Please enter at least two non-space characters." />
+      
     </div>
 
     <div>
-      <label for="customer-email">What is the customer's email?</label>
+      <label for="customer-email">Customer's email : </label>
       <input id="customer-email" name="customer-email" type="email" required />
+      
     </div>
 
     <div>
-      <label for="tshirt-colour">What colour should this T-shirt be?</label>
+      <label for="tshirt-colour">T-shirt Color : </label>
       <select id="tshirt-colour" name="tshirt-colour" required>
         <option value="" disabled selected>Select a colour</option>
         <option value="red">Red</option>
         <option value="blue">Blue</option>
         <option value="black">Black</option>
       </select>
+      
     </div>
 
     <div>
-      <label for="tshirt-size">What size does the customer want?</label>
+      <label for="tshirt-size">T-shirt size required : </label>
       <select id="tshirt-size" name="tshirt-size" required>
         <option value="" disabled selected>Select a size</option>
         <option value="XS">XS</option>
@@ -38,9 +85,11 @@
         <option value="XL">XL</option>
         <option value="XXL">XXL</option>
       </select>
+      
     </div>
 
-    <button type="submit">Submit Order</button>
+    <button type="submit">Submit checking</button>
   </form>
 </body>
+
 </html>
\ No newline at end of file

From b9e1311fa37185f34c802c0bb3cdc0d11b5c21e6 Mon Sep 17 00:00:00 2001
From: cywong <zenobiatony@gmail.com>
Date: Fri, 15 May 2026 20:33:18 +0100
Subject: [PATCH 3/5] changed for lighthouse suggestion

---
 PR_template.html | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/PR_template.html b/PR_template.html
index c91fb0e88..8221c6746 100644
--- a/PR_template.html
+++ b/PR_template.html
@@ -8,7 +8,7 @@
   <style>
     body {
       font-family: Arial, sans-serif;
-      background-color: #f4f4f4;
+      background-color: hsl(0, 2%, 20%);
       display: flex;
       justify-content: center;
       align-items: center;
@@ -24,10 +24,11 @@
       width: 300px;
     }
 
-     .customer-form label {
+    .customer-form label {
       margin-bottom: 5px;
       color: #4c9764;
-    } 
+      background-color: aqua;
+    }
 
     .customer-form button {
       width: 100%;
@@ -54,15 +55,19 @@ <H1>Checking Form:</H1>
       <label for="customer-name">Customer's name : </label>
       <input id="customer-name" name="customer-name" type="text" required pattern=".*\S.*\S.*"
         title="Please enter at least two non-space characters." />
-      
+
     </div>
 
+    <p></p>
+
     <div>
       <label for="customer-email">Customer's email : </label>
       <input id="customer-email" name="customer-email" type="email" required />
-      
+
     </div>
 
+    <p></p>
+
     <div>
       <label for="tshirt-colour">T-shirt Color : </label>
       <select id="tshirt-colour" name="tshirt-colour" required>
@@ -71,9 +76,9 @@ <H1>Checking Form:</H1>
         <option value="blue">Blue</option>
         <option value="black">Black</option>
       </select>
-      
-    </div>
 
+    </div>
+    <p></p>
     <div>
       <label for="tshirt-size">T-shirt size required : </label>
       <select id="tshirt-size" name="tshirt-size" required>
@@ -85,9 +90,9 @@ <H1>Checking Form:</H1>
         <option value="XL">XL</option>
         <option value="XXL">XXL</option>
       </select>
-      
-    </div>
 
+    </div>
+    <p></p>
     <button type="submit">Submit checking</button>
   </form>
 </body>

From c2c8476a5a11a5a173f7f6c42db9bc6a9dab4235 Mon Sep 17 00:00:00 2001
From: cywong <zenobiatony@gmail.com>
Date: Fri, 15 May 2026 21:38:29 +0100
Subject: [PATCH 4/5] final

---
 PR_template.html | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/PR_template.html b/PR_template.html
index 8221c6746..587cfa1d2 100644
--- a/PR_template.html
+++ b/PR_template.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" title="Checking Form">
 
 <head>
   <meta charset="UTF-8">
@@ -17,7 +17,7 @@
     }
 
     .customer-form {
-      background-color: #fff;
+     background-color: #ffffff;
       padding: 40px;
       border-radius: 8px;
       box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
@@ -26,15 +26,15 @@
 
     .customer-form label {
       margin-bottom: 5px;
-      color: #4c9764;
-      background-color: aqua;
+     color: #1a1a1a;              /* dark grey text */
+  background-color: transparent;
     }
 
     .customer-form button {
       width: 100%;
       padding: 10px;
-      background-color: #007bff;
-      color: #fff;
+   background-color: #0056b3; /* darker blue */
+  color: #ffffff;
       border: none;
       border-radius: 4px;
       cursor: pointer;
@@ -42,13 +42,15 @@
     }
 
     .custojmer-form button:hover {
-      background-color: #0056b3;
+     background-color: #003f8a;
     }
   </style>
 </head>
 
 <body>
-  <form class="customer-form">
+  <main>
+  <form class="customer-form" title="checking">
+    
     <H1>Checking Form:</H1>
 
     <div>
@@ -95,6 +97,6 @@ <H1>Checking Form:</H1>
     <p></p>
     <button type="submit">Submit checking</button>
   </form>
-</body>
+  </main>
 
 </html>
\ No newline at end of file

From 4d4300e366aa49902ba0585b4d94dddafeee4e27 Mon Sep 17 00:00:00 2001
From: cywong <zenobiatony@gmail.com>
Date: Sat, 16 May 2026 12:59:04 +0100
Subject: [PATCH 5/5] finalized version

---
 GitHomeworkTest | 1 +
 1 file changed, 1 insertion(+)
 create mode 160000 GitHomeworkTest

diff --git a/GitHomeworkTest b/GitHomeworkTest
new file mode 160000
index 000000000..fe49af364
--- /dev/null
+++ b/GitHomeworkTest
@@ -0,0 +1 @@
+Subproject commit fe49af3642d527c11ca7b2374cbdb56682575ed8
