diff --git a/about_me.html b/about_me.html index ccc3dd9..bfc2500 100644 --- a/about_me.html +++ b/about_me.html @@ -32,14 +32,14 @@
@@ -52,10 +52,10 @@
diff --git a/assets/css/style.css b/assets/css/style.css index 341e6d0..a4264dd 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -6,7 +6,6 @@ body { font-family: sans-serif !important; } - * { margin: 0px; padding: 0px; @@ -317,6 +316,38 @@ header { .small-menu { margin-top: 14px; } } +/* New CSS for hover effect */ +/* Your existing CSS */ + +/* New CSS for hover effect */ +ul li a { + position: relative; + text-decoration: none; + color: #333; +} + +ul li a::after { + content: ''; + position: absolute; + bottom: -2px; + left: 0; + width: 100%; + height: 2px; + background-color: transparent; + transform-origin: bottom; + transform: scaleX(0); + transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out; +} + +ul li a:hover { + color: #007bff; +} + +ul li a:hover::after { + background-color: #007bff; + transform: scaleX(1); +} + /* ===================================== Slider Style CSS ================================== */ .slider { position: relative; diff --git a/contact_us.html b/contact_us.html index 8383543..f930bb0 100644 --- a/contact_us.html +++ b/contact_us.html @@ -32,14 +32,14 @@
diff --git a/gallery.html b/gallery.html index fd28671..25a227a 100644 --- a/gallery.html +++ b/gallery.html @@ -32,14 +32,14 @@
diff --git a/index.html b/index.html index cfa3e3e..1b309c9 100644 --- a/index.html +++ b/index.html @@ -33,12 +33,12 @@
diff --git a/publications.html b/publications.html index 615fdc9..f570105 100644 --- a/publications.html +++ b/publications.html @@ -32,14 +32,14 @@
@@ -52,10 +52,10 @@