diff --git a/blog.html b/blog.html index 47ef0a9c..ee5dfc16 100644 --- a/blog.html +++ b/blog.html @@ -10,8 +10,7 @@ Our Blogs - - + @@ -94,6 +93,17 @@ .dark-theme .navbar-brand:hover img { opacity: 0.8; } + + .dark-theme .footer-brand img { + filter: brightness(0) invert(1); + opacity: 1; + transition: opacity 0.3s ease; + } + + .dark-theme .footer-brand:hover img { + opacity: 0.8; + } + .nav-link { color: #374151 !important; @@ -320,23 +330,6 @@ color: #9ca3af !important; } - /* Footer Dark Mode */ - .dark-theme .footer { - background-color: #111827 !important; - color: #e5e7eb !important; - } - - .dark-theme .footer h5 { - color: #ffffff !important; - } - - .dark-theme .footer-link { - color: #d1d5db !important; - } - - .dark-theme .footer-link:hover { - color: #60a5fa !important; - } /* Form Elements Dark Mode */ .dark-theme .form-control { @@ -526,43 +519,45 @@ border: 1px solid #374151 !important; } /* Footer */ - .footer { background: #f4f7fb; color: #111827; } + .footer { background: #f4f7fb; color: #111827; } .dark-theme .footer { background: #0b0f14; color: #e5e7eb; } - .dark-theme .footer .footer-link { color: #cbd5e1; } - .dark-theme .footer .footer-link:hover { color: #60a5fa; } - .dark-theme .social-link { color: #cbd5e1; } - + .dark-theme .footer-link { color: #cbd5e1; } + .dark-theme .footer .footer-link:hover { color: #60a5fa; } + .dark-theme .social-link { color: #cbd5e1; } + .dark-theme .footer-text{color:#cbd5e1;} + .dark-theme .footer-list-title{color:#cbd5e1;} /* New Footer UI */ .footer { padding: 60px 0 20px; + margin-top: 150px; } .footer .container { max-width: 1200px; margin-inline: auto; } .footer-grid { display: grid; grid-template-columns: 1.2fr 1fr 1fr 1.2fr; - gap: 32px; + gap: 50px; align-items: start; } .footer-brand .logo { display: inline-flex; align-items: center; gap: 8px; } .footer-brand .logo img { height: 44px; } .footer-text { margin-top: 12px; color: #475569; } - .dark-theme .footer-text { color: #94a3b8; } + .footer .social-list { display: flex; gap: 12px; margin-top: 14px; } .footer .social-link { font-size: 22px; color: #1f2937; } .footer .social-link:hover { color: #2563eb; } - .dark-theme .footer .social-link { color: #cbd5e1; } + .dark-theme .footer .social-link { color: #cbd5e1; } .footer-list-title { font-weight: 800; margin-bottom: 10px; color: #0f172a; } - .dark-theme .footer-list-title { color: #e2e8f0; } - .footer-link { color: #374151; font-weight: 500; } + .dark-theme .footer-list-title { color: #e2e8f0; } + .footer-link { color: #374151; font-weight: 500; text-decoration: none; } .footer-link:hover { color: #2563eb; transform: translateX(2px); } .newsletter { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 16px; padding: 16px; } - .dark-theme .newsletter { background: #111827; border-color: #263241; } + .dark-theme .newsletter { background: #111827; border-color: #263241; } .newsletter h4 { margin-bottom: 8px; font-weight: 800; } .newsletter p { font-size: 0.95rem; color: #475569; margin-bottom: 12px; } - .dark-theme .newsletter p { color: #94a3b8; } + .dark-theme .newsletter p { color: #94a3b8; } .newsletter .form { display: flex; gap: 8px; } .newsletter input { flex: 1; padding: 10px 12px; border-radius: 10px; border: 1px solid #e5e7eb; outline: none; } - .dark-theme .newsletter input { background: #0f1218; color: #e5e7eb; border-color: #263241; } + .dark-theme .newsletter input { background: #0f1218; color: #e5e7eb; border-color: #263241; } .newsletter button { padding: 10px 14px; border-radius: 10px; background: #2563eb; color: #fff; border: none; font-weight: 700; } .newsletter button:hover { background: #1e40af; } .footer-bottom { margin-top: 32px; border-top: 1px solid #e5e7eb; padding-top: 16px; display: flex; align-items: center; justify-content: space-between; } @@ -570,36 +565,8 @@ .footer-bottom .mini-links { display: flex; gap: 12px; } .footer-bottom .mini-links a { color: #475569; font-size: 0.95rem; } .footer-bottom .mini-links a:hover { color: #2563eb; } - .footer-list { - display: flex; - flex-wrap: wrap; - gap: 8px; - list-style: none; - padding: 0; - margin: 0; -} - -.footer-list li { - display: inline-block; - margin: 0; - padding: 0; -} - -.footer-list .footer-link { - display: inline-block; - white-space: nowrap; - margin: 0; - padding: 0; - line-height: 1.2; -} - - @media (max-width: 992px) { - .footer-grid { grid-template-columns: 1fr 1fr; } - } - @media (max-width: 576px) { - .footer-grid { grid-template-columns: 1fr; } - .newsletter .form { flex-direction: column; } - } + .footer-list{list-style-type: none; } + .social-list{list-style-type: none;} @@ -927,12 +894,16 @@

+ + + + - -