update site

web_site/css/templatemo-digital-trend.css

@@ -31,8 +31,8 @@ https://templatemo.com/tm-538-digital-trend
   }
 
   :root {
-    --primary-color:        #48b358;
-    --secondary-color:      #f1c111;
+    --primary-color:        #5CDB95;
+    --secondary-color:      #379683;
     --white-color:          #ffffff;
     --dark-color:           #171819;
     --project-bg:           #f0f8ff;
@@ -153,7 +153,7 @@ https://templatemo.com/tm-538-digital-trend
   }
 
   .custom-btn.btn-bg {
-    background: var(--white-color);
+    background: var(--dark-color);
     color: var(--primary-color);
     border-color: transparent;
 	transition: all .3s ease;
@@ -161,8 +161,8 @@ https://templatemo.com/tm-538-digital-trend
   
   .custom-btn:hover,
   .custom-btn:focus {
-    background: var(--dark-color);
-    color: var(--white-color);
+    background: var(--white-color);
+    color: var(--dark-color);
     border-color: transparent;
   }
 
@@ -227,21 +227,21 @@ https://templatemo.com/tm-538-digital-trend
     top: 0;
     right: 0;
     left: 0;
-    padding: 0.7em;
+    padding: 0.5em;
   }
 
   .navbar-brand {
     color: var(--dark-color);
-    font-size: var(--h1-font-size);
+    font-size: var(--h2-font-size);
   }
 
   .nav-link {
     color: var(--dark-color);
     font-size: var(--menu-font-size);
     font-family: var(--font-bold-family);
-    letter-spacing: 0.4px;
-    margin: 0 1.1em;
-    padding: 0.3em;
+    letter-spacing: 1px;
+    margin: 0 1.5em;
+    padding: 0.1em;
   }
 
   .nav-link.active,
@@ -307,7 +307,7 @@ https://templatemo.com/tm-538-digital-trend
   }
 
   .navbar-toggler .navbar-toggler-icon {
-    background: var(--white-color);
+    background: var(--dark-color);
     transition: background 10ms 300ms ease;
     display: block;
     width: 30px;
@@ -323,7 +323,7 @@ https://templatemo.com/tm-538-digital-trend
     position: absolute;
     right: 0;
     left: 0;
-    background: var(--white-color);
+    background: var(--dark-color);
     width: 30px;
     height: 2px;
     content: '';
@@ -345,17 +345,18 @@ https://templatemo.com/tm-538-digital-trend
 
   .hero {
     position: relative;
-    padding: 5em 0;
+    padding: 8em 0;
     overflow: hidden;
   }
 
   .hero-bg {
-    background: linear-gradient(170deg, var(--primary-color) 64%, var(--white-color) 30%);
+    background: linear-gradient(170deg, var(--primary-color) 60%, var(--white-color) 20%);
+   
   }
 
   .hero-image {
     position: relative;
-    top: 2em;
+    top: 5em;
   }
 
 
@@ -645,15 +646,16 @@ https://templatemo.com/tm-538-digital-trend
   @media screen and (max-width: 991px) {
 
     .hero {
-      padding-top: 14em;
+      padding-top: 2em;
     }
 
     .hero-text {
-      bottom: 2em;
+      bottom: 4em;
     }
 
     .navbar {
-      padding: 1em;
+      padding: 0.5em;
+      background-color:rgb(207, 226, 207);
     }
 
     .navbar-collapse {

web_site/index.html

@@ -59,14 +59,11 @@ https://templatemo.com/tm-538-digital-trend
                     <li class="nav-item">
                          <a href="blog.html" class="nav-link">Presentation</a>
                      </li>
-                     <li class="nav-item">
-                         <a href="contact.html" class="nav-link">Features</a>
-                     </li>
                      <li class="nav-item">
                          <a href="blog.html" class="nav-link">About Us</a>
                      </li>
                      <li class="nav-item">
-                         <a href="contact.html" class="nav-link">Contact</a>
+                         <a href="contact.html" class="nav-link">Contact Us</a>
                      </li>
                 </ul>
             </div>
@@ -82,7 +79,7 @@ https://templatemo.com/tm-538-digital-trend
                         <div class="col-lg-6 col-md-10 col-12 d-flex flex-column justify-content-center align-items-center">
                               <div class="hero-text">
 
-                                   <h1 class="text-white" data-aos="fade-up">Web Based Software and IoT device <span class="text-warning"> OrgiCheck&trade;</span></h1>
+                                   <h1 class="text-white" data-aos="fade-up">Web Based Software and IoT device <span style="color: #05386B;"> OrgiCheck&trade;</span></h1>
                                    
                                    <a href="#" class="custom-btn btn-bg btn mt-3" data-aos="fade-up" data-aos-delay="100">Demo</a>
 
@@ -93,7 +90,7 @@ https://templatemo.com/tm-538-digital-trend
                         <div class="col-lg-6 col-12">
                           <div class="hero-image" data-aos="fade-up" data-aos-delay="300">
 
-                            <img src="images/vec2pc.png" class="img-fluid" alt="working girl">
+                            <img src="images/vec2pc.png" class="img-fluid" alt="laptop">
                           </div>
                         </div>