.footer {
background-color: #1a1a1a;
color: #ffffff;
padding: 50px 0 20px;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.footer-container {
max-width: 1100px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0 20px;
}
.footer-section {
flex: 1;
min-width: 250px;
margin-bottom: 30px;
}
.footer-logo {
font-size: 28px;
margin-bottom: 15px;
color: #fff;
}
.footer-logo span {
color: #ff9800; /* লোগোর হাইলাইট কালার */
}
.footer-section p {
font-size: 15px;
line-height: 1.6;
color: #ccc;
padding-right: 20px;
}
.footer-section h3 {
font-size: 20px;
margin-bottom: 20px;
border-bottom: 2px solid #ff9800;
display: inline-block;
padding-bottom: 5px;
}
.footer-section ul {
list-style: none;
}
.footer-section ul li {
margin-bottom: 10px;
}
.footer-section ul li a {
color: #ccc;
text-decoration: none;
transition: 0.3s;
}
.footer-section ul li a:hover {
color: #ff9800;
padding-left: 5px;
}
/* অ্যাপ বাটন ডিজাইন */
.app-buttons {
display: flex;
flex-direction: column;
gap: 10px;
}
.btn-app img {
width: 160px;
transition: transform 0.3s;
}
.btn-app img:hover {
transform: scale(1.05);
}
.btn-apk {
display: inline-block;
background-color: #3DDC84; /* Android Green */
color: #000;
padding: 10px 20px;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
width: 160px;
text-align: center;
}
/* কপিরাইট সেকশন */
.footer-bottom {
text-align: center;
border-top: 1px solid #333;
padding-top: 20px;
margin-top: 20px;
}
.footer-bottom p {
font-size: 14px;
color: #888;
}
/* মোবাইল রেসপন্সিভ */
@media (max-width: 768px) {
.footer-container {
flex-direction: column;
text-align: center;
}
.footer-section h3 {
display: block;
width: fit-content;
margin: 20px auto;
}
.app-buttons {
align-items: center;
}
}
0 Comments
Fateh SSC GD