+
+
+
+
+
+
+
+
+
+
Vision
+
To be Southeast Asia’s most trusted and innovative aviation services partner—delivering commercial impact and operational excellence.
+
+
+
+
+
+
+
Planning
+
From strategy to station: insight-led decisions, disciplined execution, measurable outcomes.
+
+
+
+
-
-
+
+
+
+
+
+
+
+
+
+
Mission
+
We create value for airline partners by aligning strategy with on-the-ground execution across passenger and cargo.
+
+
-
-
-
-
TWA was established in 2014 as a General Sales Agent for air cargo and passenger services. Since then, we have successfully expanded into the passenger market, earning industry recognition for our unwavering professionalism. Our dedicated team leverages extensive experience and deep industry knowledge to deliver flexible, client-focused solutions. Through proactive management and a comprehensive suite of services - including sales, marketing, operations, customer service, and ground handling for both cargo and passenger segments, we have supported our clients’ sustained growth. Committed to maximizing revenue and minimizing costs, we provide dynamic, cost-efficient business solutions to leading airlines worldwide. At TWA, our singular focus on creating genuine competitive advantage drives every engagement and fosters long-term partnerships across the globe.
+
+ Trans World Aviation (TWA) is a premier aviation services provider delivering world-class
+ airline representation and GSA solutions across Vietnam, Laos, and Cambodia. Since our
+ establishment in 2014, we have built a reputation for trust, performance, and market
+ expertise, serving as the strategic bridge between global airlines and regional markets.
+
+
+
+ With a proven track record in both passenger and cargo operations, TWA provides
+ end-to-end solutions that enable our airline partners to expand their market presence,
+ optimize revenues, and enhance customer satisfaction.
+
diff --git a/TWA-App/wwwroot/css/atg-lib/atg-core.css b/TWA-App/wwwroot/css/atg-lib/atg-core.css
index ea8068f..9eba3df 100644
--- a/TWA-App/wwwroot/css/atg-lib/atg-core.css
+++ b/TWA-App/wwwroot/css/atg-lib/atg-core.css
@@ -2667,4 +2667,18 @@ h3 {
.ico-menu div:first-child {
margin-top: 8px;
+ }
+
+.con-image {
+ overflow: hidden;
+ margin: 10px;
+ border-radius: var(--radius)
+}
+
+ .con-image img {
+ transition: .35s all ease-in-out
+ }
+
+ .con-image:hover img{
+ transform: scale(1.1)
}
\ No newline at end of file
diff --git a/TWA-App/wwwroot/css/site.css b/TWA-App/wwwroot/css/site.css
index 872a595..26c9d25 100644
--- a/TWA-App/wwwroot/css/site.css
+++ b/TWA-App/wwwroot/css/site.css
@@ -55,6 +55,16 @@
margin-right: -10px
}
+.ne-margin1 {
+ margin-left: -20px;
+ margin-right: -20px
+}
+
+.p-20{
+ padding-left: 20px;
+ padding-right: 20px;
+}
+
.f-header {
z-index: 10000;
top: -65px
@@ -64,9 +74,14 @@
color: #000000
}
- .f-header .navmain a.active, .f-header .navmain a:hover, .f-header .navmain .nav-i.active a {
- color: var(--text-color-dark) !important
- }
+ .f-header .navmain nav-item.active, .f-header .navmain .nav-item:hover, .f-header .navmain .nav-i.active .nav-item, .f-header .navmain .nav-i.activeM .nav-item, .f-header .navmain .nav-link {
+ color: var(--text-color-dark)
+ }
+
+ .f-header .navmain .sub-item .nav-link.active,
+ .f-header .navmain .sub-item .nav-link:hover {
+ color: var(--color-primary)
+ }
.f-header .ico-menu span{
background-color: var(--text-color-dark) !important
@@ -242,15 +257,17 @@ body[page="1000"] .hblock1 {
transition: color .3s ease-in-out
}
-body[page="1000"] #header .navmain .nav-item:hover, body[page="1000"] #header .navmain .nav-item.active, body[page="1000"] #header .navmain [data-dropdown].active .nav-item, .f-header .navmain .nav-item:hover, .f-header .navmain .nav-item.active, .f-header .navmain [data-dropdown].active .nav-item {
+body[page="1000"] #header .navmain .nav-item:hover, body[page="1000"] #header .navmain .nav-item.active, body[page="1000"] #header .navmain [data-dropdown].active .nav-item {
color: var(--text-color-lW1)
}
-.navmain .nav-item:hover, .navmain .nav-item.active, .navmain [data-dropdown].active .nav-item {
+.navmain .nav-item:hover, .navmain .nav-item.active, .navmain [data-dropdown].active .nav-item, .navmain [data-dropdown].activeM .nav-item {
color: var(--color-second)
}
+
+
.sub-nav-full{
width: 85vw !important;
left: 50%;
@@ -1881,8 +1898,13 @@ height: 100%
+/**About US***************/
+body[page="2001"] .partner-section{
+ padding: 80px 0
+}
+/*********End************/
/*********Page Section***********/
-.page-section{
+.page-section {
padding: 80px 0;
}
@@ -2054,4 +2076,71 @@ video.bg-video {
}
-/*************End Services*************/
\ No newline at end of file
+/*************End Services*************/
+/*****************Vision-Mission*********************/
+.n-b-t{
+ border-top-left-radius: 0;
+ border-top-right-radius: 0
+}
+.n-b-b {
+ border-bottom-left-radius: 0;
+ border-bottom-right-radius: 0
+}
+.con-mision-vision{
+ margin-top:-40px
+}
+.mosaic {
+ min-height: 850px;
+ height: 100vh;
+}
+
+.m-col-1{
+ background-color: var(--color-primary);
+ color: #fff
+}
+
+.m-col-2 {
+ background-color: #e0e5eb
+}
+
+
+.card {
+ padding: clamp(18px, 3vw, 28px);
+ display: flex;
+ flex-direction: column;
+}
+
+.card h3{
+ text-align:left;
+ margin-bottom: 15px
+}
+
+.mosaic .con-image{
+ margin: 0;
+ height: 100%
+}
+
+.mosaic .con-image img{
+ width: 100%;
+ object-fit: cover
+}
+
+.tile-70{
+ height: 70%;
+}
+
+.tile-30{
+ height: 30%;
+}
+
+
+.tile-60 {
+ height: 60%;
+}
+
+.tile-40 {
+ height: 40%;
+}
+
+
+/*************End Services*************/
diff --git a/TWA-App/wwwroot/images/2000/2001/plbg-2003.jpg b/TWA-App/wwwroot/images/2000/2001/plbg-2003.jpg
new file mode 100644
index 0000000..a351e4e
Binary files /dev/null and b/TWA-App/wwwroot/images/2000/2001/plbg-2003.jpg differ
diff --git a/TWA-App/wwwroot/images/2000/plbg-2003.jpg b/TWA-App/wwwroot/images/2000/plbg-2003.jpg
new file mode 100644
index 0000000..4c48692
Binary files /dev/null and b/TWA-App/wwwroot/images/2000/plbg-2003.jpg differ
diff --git a/TWA-App/wwwroot/images/3000/3003/mission.jpg b/TWA-App/wwwroot/images/3000/3003/mission.jpg
new file mode 100644
index 0000000..943c4bb
Binary files /dev/null and b/TWA-App/wwwroot/images/3000/3003/mission.jpg differ
diff --git a/TWA-App/wwwroot/images/3000/3003/planning.jpg b/TWA-App/wwwroot/images/3000/3003/planning.jpg
new file mode 100644
index 0000000..01c3110
Binary files /dev/null and b/TWA-App/wwwroot/images/3000/3003/planning.jpg differ
diff --git a/TWA-App/wwwroot/images/3000/3003/vision.jpg b/TWA-App/wwwroot/images/3000/3003/vision.jpg
new file mode 100644
index 0000000..ec7e6b3
Binary files /dev/null and b/TWA-App/wwwroot/images/3000/3003/vision.jpg differ
diff --git a/TWA-App/wwwroot/js/js-page/2001.js b/TWA-App/wwwroot/js/js-page/2001.js
index b52c860..3f3684b 100644
--- a/TWA-App/wwwroot/js/js-page/2001.js
+++ b/TWA-App/wwwroot/js/js-page/2001.js
@@ -25,7 +25,7 @@
});
- const parallaxEls = document.querySelectorAll('.con-perf-section .parallax');
+ const parallaxEls = document.querySelectorAll('.con-perf-section .parallax, .con-partner .parallax');
let ticking = false;
parallaxEls.forEach(el => {
const parent = el.closest(".con-parallax");
@@ -53,7 +53,26 @@
tickingC = true;
}
});
-
+ const swiper1 = new Swiper('.airlineSwiper', {
+ slidesPerView: 1,
+ spaceBetween: 30,
+ autoplay: {
+ delay: 2000, // 5s
+ disableOnInteraction: false, // không dừng khi hover hay click
+ },
+ loop: true, // bật loop để chạy liên tục
+ speed: 1000,
+ navigation: {
+ nextEl: ".swiper-button-next",
+ prevEl: ".swiper-button-prev",
+ },
+ loopedSlides: 5, // số slide duplicate
+ breakpoints: {
+ 1200: { slidesPerView: 4 }, // màn hình ≥1200px
+ 768: { slidesPerView: 3 }, // ≥768px=
+ 0: { slidesPerView: 2 } // <576px
+ },
+ });
}
function animateCount(el) {
const rect = el.getBoundingClientRect();
diff --git a/TWA-App/wwwroot/js/js-page/2003.js b/TWA-App/wwwroot/js/js-page/2003.js
index 49c8eb4..6374575 100644
--- a/TWA-App/wwwroot/js/js-page/2003.js
+++ b/TWA-App/wwwroot/js/js-page/2003.js
@@ -1,4 +1,4 @@
-window.L2002 = function () {
+window.L2003 = function () {
if (window["runParalax"] !== undefined) {
window["runParalax"]();
}
- 
+ 
+ 
+ 
