fix message box , text in contact us add hovering effect in cards of …

…about us and emergency add proper link to doctors available and user review
Anishkagupta04 · Jun 27, 2024 · 7b07021 · 7b07021
1 parent 1a2a1bb
commit 7b07021
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -669,17 +669,17 @@ <h1 class="about-us-heading">About Us</h1>
 
         <div class="row no-gutters" >
 
-          <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch">
+          <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch" id="abc">
             <div class="count-box">
               <i class="fas fa-user-md"></i>
               <span data-purecounter-start="0" data-purecounter-end="95" data-purecounter-duration="1"
                 class="purecounter"></span>
               <p><strong>Doctors Available</strong> <br><br>Doctors listed on our website.</p><br>
-              <a href="">Find out more &raquo;</a>
+              <a href="#doctors">Find out more &raquo;</a>
             </div>
           </div>
 
-          <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch">
+          <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch" id="abc">
             <div class="count-box">
               <i class="fas fa-bed"></i>
               <span data-purecounter-start="0" data-purecounter-end="36" data-purecounter-duration="1"
@@ -689,7 +689,7 @@ <h1 class="about-us-heading">About Us</h1>
             </div>
           </div>
 
-          <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch">
+          <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch" id="abc">
             <div class="count-box">
               <i class="fas fa-flask-vial"></i>
               <span data-purecounter-start="0" data-purecounter-end="23" data-purecounter-duration="1"
@@ -699,13 +699,13 @@ <h1 class="about-us-heading">About Us</h1>
             </div>
           </div>
 
-          <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch">
+          <div class="col-lg-3 col-md-6 d-md-flex align-items-md-stretch" id="abc">
             <div class="count-box">
               <i class="fas fa-trophy"></i>
               <span data-purecounter-start="0" data-purecounter-end="1250" data-purecounter-duration="1"
                 class="purecounter"></span>
               <p><strong>User Reviews</strong><br> <br>Over 1K positive reviews.</p><br>
-              <a href="">Find out more &raquo;</a>
+              <a href="#test">Find out more &raquo;</a>
             </div>
           </div>
 

diff --git a/style.css b/style.css
@@ -137,9 +137,9 @@ h6 {
 }
 
 .appointment-btn:hover {
-  background: #55a5ea;
   z-index: -1;
-  color: #fff;
+  background-color: green;
+  color: white;
 }
 @media (max-width: 768px) {
   .appointment-btn {
@@ -1195,6 +1195,7 @@ section {
   border-radius: 10px;
   box-shadow: none;
   font-size: 14px;
+  color: #000;
 }
 
 .contact .php-email-form input {
@@ -1741,7 +1742,7 @@ footer {
 }
 
 .form-control {
-  width: 50%;
+  width: 100%;
   /* Full width */
   padding: 10px;
   border: 1px solid #ccc;
@@ -2030,4 +2031,8 @@ footer {
       text-align: center;
       padding: 1rem 0.5rem 2rem 0.5rem;
   }
+}
+ #abc :hover{
+  background: #55a5ea;
+  border-color: #3fbbc0;
 }