commited 22/08/2025

TWA-App/Views/Partial/Footer.cshtml

@@ -1,3 +1,66 @@
-<div class="con">
+<div class="c-footer con">
-    <p class="m-0">&copy; 2025 Aviationaly. All rights reserved.</p>
+    <div class="r">
+        <div class="c-l-4">
+            <div class="nav-col d-f f-c">
+                <div class="c_logo">
+                    <img src="~/images/logo/slogo.png" />
+                </div>
+                <span class="desc">
+                    TWA, a GSA for the airline industry, provides sales, marketing, and strategic support for passenger and cargo operations.
+                </span>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="c-footer-1 con">
+    <div class="r">
+     
+        <div class="c-6 c-l-3 c-x-2">
+            <div class="nav-col d-f f-c">
+                <h3 class="title">Services</h3>
+                <a href="#" class="nav-link">Air Freight</a>
+                <a href="#" class="nav-link">Air Forwarder</a>
+                <a href="#" class="nav-link">Cargo Tracking</a>
+                <a href="#" class="nav-link">Ticketing & Reservation</a>
+                <a href="#" class="nav-link">Baggage Handling</a>
+                <a href="#" class="nav-link">Warehouse Logistics</a>
+            </div>
+        </div>
+        <div class="c-6 c-l-2 c-x-2">
+            <div class="nav-col d-f f-c">
+                <h3 class="title">Company</h3>
+                <a href="#" class="nav-link">About Us</a>
+                <a href="#" class="nav-link">Expertise</a>
+                <a href="#" class="nav-link">Sustainability</a>
+                <a href="#" class="nav-link">News & Media</a>
+                <a href="#" class="nav-link">Case Studies</a>
+                <a href="#" class="nav-link">Contacts</a>         
+            </div>
+        </div>
+        <div class="c-12 c-m-6 c-l-4 c-x-4">
+            <div class="nav-col d-f f-c">
+                <h3 class="title">
+                    Newsletter
+                </h3>
+                <div class="newsletter">
+                    <input type="text" />
+                    <button class="btn">Subscribe</button>
+                </div>
+                <span class="desc">Get aviation insights, market news, and expert updates delivered to your inbox.</span>
+            </div>
+        </div>
+        <div class="c-12 c-m-6 c-l-3 c-x-4">
+            <div class="nav-col d-f f-c">
+                <h3 class="title">Our Gallery</h3>
+                <div class="galleríes">
+
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="c-footer-2 con">
+    <div class="r d-f j-c-center">
+        <span class="m-0">Copyright &copy; 2025 TWA | All rights reserved</span>
+    </div>
 </div>

TWA-App/wwwroot/css/site.css

@@ -24,6 +24,8 @@
     --text-color-white: #f5f5f5;
     --text-color-lW1: #dfdfdf;
     --text-color-lW2: #4E4E4E;
+    --text-color-lW3:#f8f8f8;
+
     --text-color-dark: #3f485d;
    
 
@@ -111,6 +113,10 @@ body {
 
 
 /*Home Page*/
+.desc {
+    margin-top: 15px
+}
+
 .btn {
     border-radius: var(--radius);
     font-weight: 600;
@@ -200,6 +206,7 @@ body {
     margin: 10px 20px;
 }
 
+
 .nav-col .title{
     font-size: 1.1rem;
     font-weight: 700 !important;
@@ -213,16 +220,22 @@ body {
     box-shadow: none;
 }
 
-.sub-item .nav-link{
+.nav-link {
     font-size: .92rem;
-    font-weight:400;
+    font-weight: 400;
     padding: 10px 15px;
     color: var(--text-color-dark);
     border-radius: var(--radius);
     transition: .3s all ease-in-out
 }
 
-.sub-item .nav-link:hover{
+.sub-item .nav-link {
+    padding: 10px 15px;
+    transition: .3s all ease-in-out;
+    color: var(--text-color-dark)
+}
+
+.nav-link:hover{
     color: var(--color-primary);
     padding-left: 25px;
     background: var(--color-1)
@@ -561,3 +574,45 @@ div[class*=sec]{
         transform-origin: center;
     }
 
+
+
+/**Footer Section*/
+#footer{
+    color: var(--text-color-dark)
+}
+
+.c-footer {
+    border-top: 1px solid #E0E1E3;
+    padding: 20px 0;
+    border-bottom: 1px solid #E0E1E3;
+}
+
+.c-footer-1 {
+    padding-top: 50px;
+    padding-bottom: 80px
+}
+
+.c-footer-1 .title {
+    padding-left: 0;
+    padding-right: 0;
+    border: none
+}
+    .c-footer-1 .nav-link {
+        background-color: transparent;
+        padding-right: 0;
+        padding-left: 0 !important
+    }
+
+
+
+.c-footer-1 .c_logo img{
+    height: 45px
+}
+
+.c-footer-2{
+    background: var(--text-color-lW3)
+}
+
+.c-footer-2 span {
+    padding: 15px 0;
+}