From f74abb926434a8c537fe22b81dac9978e7ef9a69 Mon Sep 17 00:00:00 2001
From: kene17 <keneojukwu17@gmail.com>
Date: Wed, 10 Mar 2021 14:25:11 -0500
Subject: [PATCH 1/4] Made changes to the index and css files

---
 css/styles.css | 14 +++++++++++---
 index.html     | 26 +++++++++++++++-----------
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/css/styles.css b/css/styles.css
index 460d6e0..607914d 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -140,7 +140,7 @@ p {
     width:  200px;
     height: 200px;
     object-fit: cover;
-    
+
 
 }
 
@@ -253,7 +253,7 @@ input:invalid+span:after {
     content: '✖';
     padding-left: 5px;
   }
-  
+
   input:valid+span:after {
     position: absolute;
     content: '✓';
@@ -268,6 +268,14 @@ input:invalid+span:after {
 .social-icon {
     margin: 20px 10px;
 }
+.res {
+  text-align: center;
+
+}
+.rec {
+  text-align: center;
+
+}
 
 @media (max-width: 1028px) {
     #title {
@@ -323,4 +331,4 @@ input[type=submit] {
 
 input[type=submit]:hover {
     background-color: #fa4664;
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index b280133..88602b6 100644
--- a/index.html
+++ b/index.html
@@ -31,7 +31,7 @@
   <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
   <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
   <script>
-      
+
     </script>
 </head>
 
@@ -379,8 +379,11 @@
       <div class="card-body">
         <form>
         <div class="form-group">
+          <p class=class="res">Please leave us with your personal information.</p>
           <div class="row">
+
             <div class="col-6" style="float: right;">
+
             <label for="fnameLabel">First Name</label>
               <input type="text" id="fname" name="firstname" placeholder="First Name">
             </div>
@@ -403,6 +406,7 @@
           </div>
         </div>
         <hr>
+        <p class="rec">Please provide your credit card information to guarantee your service appointment.</p>
         <h2>Account Details</h2>
          <div class="form-group">
           <div class="row">
@@ -411,7 +415,7 @@
               <input type="text" id="cardHolder" name="cardHolder" placeholder="Name on the Card">
             </div>
             <div class="col-6">
-              <label for="creditCardLabel">Credit Card</label> 
+              <label for="creditCardLabel">Credit Card</label>
               <input type="text" id="creditCard" name="creditCard" placeholder="Credit Card">
             </div>
           </div>
@@ -427,7 +431,7 @@
               <input type="text" id="expiryDate" name="cvv" placeholder="CVV">
             </div>
           </div>
-          
+
         </div>
       </form>
     </div>
@@ -450,8 +454,8 @@
        <br>
        <br>
       <input type="submit" value="Submit">
-    
-      
+
+
     </div>
   </section>
 
@@ -474,14 +478,14 @@
       document.getElementById('appointment').scrollIntoView();
     }
 
-    var value = 0; 
+    var value = 0;
 
     $(function() {
         $( "#datepicker").datepicker({ beforeShowDay: getAvailability});
-    });  
+    });
 
     function getMechanic(selectObject) {
-      value = selectObject.value;  
+      value = selectObject.value;
     }
 
     function getAvailability(date){
@@ -497,12 +501,12 @@
       else
             return [ true, "", "" ]
     }
-    
+
   </script>
-  
+
 
 </body>
 
 
 
-</html>
\ No newline at end of file
+</html>

From bb7c4f6e4c9e3182bc8cd5234470161a40cd899a Mon Sep 17 00:00:00 2001
From: kene17 <keneojukwu17@gmail.com>
Date: Wed, 10 Mar 2021 18:44:35 -0500
Subject: [PATCH 2/4] Tool tips completed

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 6928821..8510d8f 100644
--- a/index.html
+++ b/index.html
@@ -323,7 +323,7 @@
   <div class="card">
     <div class="card-header" id="headingOne">
       <h5 class="mb-0">
-        <button class="btn btn-link"  data-toggle= "tooltip" data-placement="top" title="you can book services here" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+        <button class="btn btn-link"  data-toggle= "tooltip" data-placement="top" title="Book services by clciking this button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
           Book Services
         </button>
       </h5>
@@ -370,7 +370,7 @@
     <div class="card">
     <div class="card-header" id="headingTwo">
       <h5 class="mb-0">
-        <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+        <button class="btn btn-link collapsed" data-toggle= "tooltip" data-placement="top" title="Access payment by clicking this button"data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
           Payment Details
         </button>
       </h5>

From 08f5f00cee7911188a344f1440f823a7d27635c5 Mon Sep 17 00:00:00 2001
From: kene17 <keneojukwu17@gmail.com>
Date: Wed, 10 Mar 2021 18:55:06 -0500
Subject: [PATCH 3/4] Fixed data-toggle error

---
 index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 8510d8f..79a0007 100644
--- a/index.html
+++ b/index.html
@@ -370,7 +370,7 @@
     <div class="card">
     <div class="card-header" id="headingTwo">
       <h5 class="mb-0">
-        <button class="btn btn-link collapsed" data-toggle= "tooltip" data-placement="top" title="Access payment by clicking this button"data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+        <button class="btn btn-link collapsed" data-tooltip= "tooltip" data-placement="top" title="Access payment by clicking this button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
           Payment Details
         </button>
       </h5>
@@ -510,6 +510,7 @@
     }
     $(function(){
       $('[data-toggle="tooltip"]').tooltip();
+      $('[data-tooltip="tooltip"]').tooltip();
 
     });
 

From bc2c55d3b768070da3b0e9978f942e50cf12ec19 Mon Sep 17 00:00:00 2001
From: kene17 <keneojukwu17@gmail.com>
Date: Wed, 10 Mar 2021 18:58:54 -0500
Subject: [PATCH 4/4] Fixed error with the book services page

---
 index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/index.html b/index.html
index 79a0007..d1a74a8 100644
--- a/index.html
+++ b/index.html
@@ -323,7 +323,7 @@
   <div class="card">
     <div class="card-header" id="headingOne">
       <h5 class="mb-0">
-        <button class="btn btn-link"  data-toggle= "tooltip" data-placement="top" title="Book services by clciking this button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+        <button class="btn btn-link"  data-toggle2= "tooltip" data-placement="top" title="Book services by clciking this button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
           Book Services
         </button>
       </h5>
@@ -509,7 +509,7 @@
             return [ true, "", "" ]
     }
     $(function(){
-      $('[data-toggle="tooltip"]').tooltip();
+      $('[data-toggle2="tooltip"]').tooltip();
       $('[data-tooltip="tooltip"]').tooltip();
 
     });