CodeYourFuture
diff --git a/‎PR_template.html‎
Lines changed: 57 additions & 8 deletions b/‎PR_template.html‎
Lines changed: 57 additions & 8 deletions
@@ -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>