diff --git a/css/index.css b/css/index.css
index 9d71173..d38e73a 100644
--- a/css/index.css
+++ b/css/index.css
@@ -208,7 +208,15 @@ img {
 }
 footer {
   background-color: #7E7E7E;
-  color: #3C646D;
+  text-align: left;
+  padding: 0 3%;
+}
+footer a {
+  text-decoration: none;
+  color: black;
+}
+footer .shiftRight {
+  text-align: right;
 }
 .container {
   color: #818181;
@@ -229,6 +237,11 @@ footer {
   padding: 3% 7%;
   margin: 0 10%;
 }
+@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {
+  .container button {
+    padding: 2% 5%;
+  }
+}
 @media only screen and (min-width : 1224px) {
   .container button {
     margin: 0;
diff --git a/index.html b/index.html
index 3a2af9a..7478644 100644
--- a/index.html
+++ b/index.html
@@ -44,6 +44,7 @@ <h1>Immu Track</h1>
         </nav>
         <div class="action">
          <a href="https://immutrack.netlify.com/login"><button>Log in</button></a> 
+         <a href="https://immutrack.netlify.com/patient-register"><button>Sign Up</button></a>
         </div>
       </div>
 
@@ -54,6 +55,7 @@ <h1>Immu Track</h1>
           <a  class="links"href="#contact">Contact Us</a>
           <a  class="links"href="#">About Us</a>
           <a  href="https://immutrack.netlify.com/login"><button>Log in</button></a>
+          <a href="https://immutrack.netlify.com/patient-register"><button>Sign Up</button></a>
         </nav>
 
       </div>
@@ -84,25 +86,25 @@ <h2>Over 2 Million users and counting!</h1>
       <div id="testimonial-carousel" class="carousel slide" data-ride="false">
         <div class="carousel-inner">
           <div class="carousel-item active container-fluid">
-            <img class="testimonial-image" src="/img/3boys.jpg" alt="dog-profile">
+            <img class="testimonial-image" src="/img/3boys.jpg" alt="picture of 3 young male siblings">
             <h2 class="testimonial-text">This app has made my life so much easier.</h2>
             <em>Mary, New York</em>
           </div>
 
           <div class="carousel-item continer-fluid">
-            <img class="testimonial-image" src="/img/gelani-banks-uMClKbHvZ4E-unsplash.jpg" alt="lady-profile">
+            <img class="testimonial-image" src="/img/gelani-banks-uMClKbHvZ4E-unsplash.jpg" alt="mother holding infant and toddler">
             <h2 class="testimonial-text">Simple to use, I love Immu Track.</h2>
             <em>Beveryly, Illinois</em>
           </div>
 
           <div class="carousel-item continer-fluid">
-              <img class="testimonial-image" src="/img/pedDoc.jfif" alt="lady-profile">
+              <img class="testimonial-image" src="/img/pedDoc.jfif" alt="pediatrician with infant patient">
               <h2 class="testimonial-text">I recommend Immu Track to the parents of all my patients.</h2>
               <em>Dr. Flynn, New Jersey</em>
             </div>
 
             <div class="carousel-item continer-fluid">
-                <img class="testimonial-image" src="/img/pedDoc2.jfif" alt="lady-profile">
+                <img class="testimonial-image" src="/img/pedDoc2.jfif" alt="pediatrician holding infant patient">
                 <h2 class="testimonial-text">Parents are busier now more so than ever. Immu Track helps parents keep track of their children's immunization
                   records and schedule visits accordingly. </h2>
                 <em>Dr. Williams, Illinois</em>
@@ -153,9 +155,9 @@ <h2>Contact Us</h2>
 
 
     <footer>
-      <p>Privacy Policy</p>
-      <p class="shiftRight">@Immu Track</p>
-      <p>Contact Us</p>
+      <a href="#"><p>Privacy Policy</p></a>
+      <a href="index.html"><p class="shiftRight">@Immu Track</p></a>
+      <a href="#contact"><p>Contact Us</p></a>
     </footer>
 
   </div>
diff --git a/less/footer.less b/less/footer.less
index dd9a949..2ec06b7 100644
--- a/less/footer.less
+++ b/less/footer.less
@@ -1,6 +1,15 @@
 footer {
 background-color: #7E7E7E;
-color: #3C646D
+text-align: left;
+padding: 0 3%;
+a{
+    text-decoration: none;
+    color: black;
+}
+.shiftRight {
+    text-align: right;
+}
+
 }
 
 
diff --git a/less/home-page.less b/less/home-page.less
index dfd20db..c0bbbf5 100644
--- a/less/home-page.less
+++ b/less/home-page.less
@@ -12,11 +12,14 @@ span {
 }
 
     .action{
-        padding: 3% 0 7%;
-        
+        padding: 3% 0 7%;   
     }
 
     button {
+
+        @media @mobile {
+            padding: 2% 5%;
+        }
         @media @desktop {
             margin: 0;
             padding: 2% 6%;
@@ -30,5 +33,6 @@ span {
         }
     }
 
+   
     
 }
\ No newline at end of file
diff --git a/less/index.less b/less/index.less
index c769f35..7694f5b 100644
--- a/less/index.less
+++ b/less/index.less
@@ -1,5 +1,3 @@
-// Follow the order in the readme
-
 // variable import
 @import "variables.less";
 // mixin import