diff --git a/css/main_style.css b/css/main_style.css index 89e118f..8c1d360 100644 --- a/css/main_style.css +++ b/css/main_style.css @@ -381,4 +381,65 @@ h3{ } } -/* Media query is Close*/ +/* Footer Section */ +.footer { + background: #fff; /* White background */ + color: #000; /* Black text color */ + text-align: center; + padding: 20px 0; +} + +.footer h4 { + margin-bottom: 10px; + font-size: 20px; + font-weight: bold; + color: #000; /* Ensure heading is black */ +} + +.footer p { + margin: 0; + font-size: 14px; + line-height: 1.6; + color: #333; /* Slightly darker gray for text */ +} + +.footer-links { + margin: 10px 0; +} + +.footer-links a { + color: #000; /* Black text for links */ + text-decoration: none; + margin: 0 10px; + font-size: 14px; +} + +.footer-links a:hover { + text-decoration: underline; + color: #555; /* Subtle color change on hover */ +} + +/* Social Icons */ +.social-icons { + margin: 10px 0; +} + +.social-icons a { + display: inline-block; + margin: 0 10px; + color: #000; /* Black icons */ + font-size: 24px; /* Icon size */ + transition: transform 0.3s ease, color 0.3s ease; /* Smooth hover effects */ +} + +.social-icons a:hover { + color: #007bff; /* Blue color on hover */ + transform: scale(1.2); /* Slight zoom effect */ +} + +#copyright { + margin-top: 10px; + font-size: 12px; + color: #666; /* Light gray for copyright text */ +} + diff --git a/image/logo.png b/image/logo.png new file mode 100644 index 0000000..d008231 Binary files /dev/null and b/image/logo.png differ diff --git a/index.html b/index.html index e92b15d..219201f 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,7 @@ + @@ -131,13 +132,25 @@

             &n - - + +