git commit "add dynamic settings management"

public/assets/css/footer.css

@@ -0,0 +1,168 @@
+.travel-footer {
+
+    margin-top:80px;
+
+    padding:70px 0 25px;
+
+    background:
+        linear-gradient(
+            135deg,
+            #06192f,
+            #0d5570
+        );
+
+    color:white;
+
+}
+
+
+
+.footer-logo {
+
+    font-size:32px;
+
+    font-weight:900;
+
+    color:#ffc107;
+
+    margin-bottom:20px;
+
+}
+
+
+
+.travel-footer p {
+
+    color:rgba(255,255,255,.75);
+
+    line-height:2;
+
+}
+
+
+
+.travel-footer h5 {
+
+    font-size:20px;
+
+    font-weight:800;
+
+    margin-bottom:25px;
+
+}
+
+
+
+.travel-footer ul {
+
+    list-style:none;
+
+    padding:0;
+
+}
+
+
+
+.travel-footer li {
+
+    margin-bottom:15px;
+
+    color:rgba(255,255,255,.75);
+
+}
+
+
+
+.travel-footer a {
+
+    color:rgba(255,255,255,.75);
+
+    text-decoration:none;
+
+    transition:.3s;
+
+}
+
+
+
+.travel-footer a:hover {
+
+    color:#ffc107;
+
+    padding-right:8px;
+
+}
+
+
+
+.footer-social {
+
+    display:flex;
+
+    gap:10px;
+
+    margin-top:25px;
+
+}
+
+
+
+.footer-social a {
+
+    border:1px solid rgba(255,255,255,.2);
+
+    padding:8px 15px;
+
+    border-radius:20px;
+
+}
+
+
+
+.footer-social a:hover {
+
+    background:#ffc107;
+
+    color:#06192f;
+
+}
+
+
+
+.footer-contact p {
+
+    margin-bottom:10px;
+
+}
+
+
+
+.footer-bottom {
+
+    display:flex;
+
+    justify-content:space-between;
+
+    align-items:center;
+
+    padding-top:20px;
+
+    color:rgba(255,255,255,.6);
+
+}
+
+
+
+@media(max-width:768px){
+
+    .footer-bottom{
+
+        flex-direction:column;
+
+        gap:10px;
+
+        text-align:center;
+
+    }
+
+}