2025v2

Author: hacker-hub8

about-me/forms/contact.php renamed to about-me/assets/contact.php

@@ -285,20 +285,37 @@ h6 {
 #hero {
   width: 100%;
   height: 100vh;
-  background: url("../img/hero-bg.jpg") top right no-repeat;
-  background-size: cover;
   position: relative;
+  overflow: hidden;
+}
+
+#hero-video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  min-width: 100%;
+  min-height: 100%;
+  object-fit: cover;
+  z-index: -1;
+}
+
+#hero .content {
+  z-index: 1;
+  position: relative;
+  color: #ffffff;
+  text-align: center;
 }
 
 @media (min-width: 992px) {
-  #hero {
+  #hero .content {
     padding-left: 160px;
   }
 }
 
+
 #hero:before {
   content: "";
-  background: rgba(255, 255, 255, 0.2);
+  background: rgba(0, 0, 0, 0.6);
   position: absolute;
   bottom: 0;
   top: 0;
@@ -810,10 +827,10 @@ section {
 --------------------------------------------------------------*/
 .services .icon-box {
   text-align: center;
-  padding: 70px 20px 80px 20px;
-  transition: all ease-in-out 0.3s;
-  background: #fff;
-  box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.05);
+  padding: 30px 10px 30px 10px;
+  transition: all ease-out 0.3s;
+  background: #2f2a2a;
+  box-shadow: 0px 5px 90px 0px #26ff00;
 }
 
 .services .icon-box .icon {
@@ -823,7 +840,7 @@ section {
   display: flex;
   align-items: center;
   justify-content: center;
-  transition: ease-in-out 0.3s;
+  transition: ease-out 0.3s;
   position: relative;
 }
 
@@ -1173,11 +1190,11 @@ section {
 # Footer
 --------------------------------------------------------------*/
 #footer {
-  background: #f7f8f9;
-  color: #45505b;
+  background: #2f2a2a;
+  color: #ffffff;
   font-size: 14px;
   text-align: center;
-  padding: 30px 0;
+  padding: 2px 0;
 }
 
 #footer h3 {
@@ -1223,8 +1240,4 @@ section {
 
 #footer .copyright {
   margin: 0 0 5px 0;
-}
-
-#footer .credits {
-  font-size: 13px;
 }