trungduong/TWA-App
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fill layout company

Browse Source
This commit is contained in:
trungduong
2025-10-02 17:37:48 +07:00
parent 3e3398e154
commit e2d03f9125
13 changed files with 311 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
TWA-App/Data/pages/company/2001.html
View File

@ -26,7 +26,18 @@
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>procedures whereas processes</li>
</ul>
<p class="desc mb-4">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.</p>
<p class="desc mb-2">
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.
</p>
<p class="desc mb-4">
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.
</p>
<div class="d-f a-i-center mt-4">
@ -94,31 +105,44 @@
</div>
</section>
<section class="con section">
<div class="r a-i-center">
<div class="c-12 c-l-6">
<span class="sub-title">
Who We Are
</span>
<div class="r">
<div class="r-n-g a-i-center">
<div class="c-12 c-l-6 p-20">
<span class="sub-title">
Our Capabilities
</span>
<h2 class="title mb-3">Commercial Representation For Cargo & Passenger</h2>
<p class="desc mb-4">Trans World Aviation (TWA) is an airline GSA focused on turning strategy into market results across cargo and passenger. We act as your in-market commercial office—integrating sales, marketing, operations, customer service, and ground handling to lift yield, improve load factors, and protect costs. Our team combines global standards with local execution, bringing disciplined pricing, demand generation, capacity optimization, and station performance management. Measured by revenue, service quality, and partner trust, we deliver flexible, compliant solutions that scale with your network and keep your brand competitive where it matters most.</p>
<h2 class="title mb-3">Commercial Representation For Cargo & Passenger</h2>
<ul class="order-list mb-4">
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Passenger and Cargo GSA/CSA Representation</li>
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Airline Sales, Marketing, and Distribution Solutions</li>
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Cargo Sales, Operations, and Supervision</li>
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Airline Ticketing & Consolidation Services</li>
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Ground Handling Supervision & Customer Support</li>
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Courier and Logistics Solutions</li>
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Strategic Business Development & Market Intelligence</li>
</ul>
</div>
<div class="c-12 c-l-6">
<div class="r-n-g">
<div class="c-12">
<img src="~/images/2000/2001/airport-terminal.jpg" class="w-100" />
</div>
</div>
<div class="cfull">
<div class="c-12 c-l-6 p-20">
<div class="r-n-g">
<div class="c-6>">
<img src="~/images/2000/2001/transport-logistics-concept.jpg" class="w-100" />
<div class="c-12">
<div class="con-image">
<img src="~/images/2000/2001/airport-terminal.jpg" class="w-100" />
</div>
</div>
<div class="c-6>">
<img src="~/images/2000/2001/woman-walks-along-airport-with-suitcases.jpg" class="w-100" />
</div>
<div class="r-n-g">
<div class="c-6">
<div class="con-image">
<img src="~/images/2000/2001/transport-logistics-concept.jpg" class="w-100" />
</div>
</div>
<div class="c-6">
<div class="con-image">
<img src="~/images/2000/2001/woman-walks-along-airport-with-suitcases.jpg" class="w-100" />
</div>
</div>
</div>
</div>
@ -126,3 +150,83 @@
</div>
</section>
<section class="con-parallax con-partner">
<div class="bg-wrapper parallax" data-dept="0.3">
<img src="~/images/1000/directly.jpg" alt="Background" class="bg-img">
</div>
<div class="con section partner-section section-break" data-content>
<div class="r">
<div class="c-12 d-f f-c a-i-center">
<span class="sub-title">
Delivering excellence with top airline partners
</span>
<h2 class="title">
Global Strategic Partnerships
</h2>
</div>
</div>
<div class="r mt-3">
<div class="c-12">
<div class="r-n-g">
<div class="swiper airlineSwiper">
<div class="swiper-wrapper a-i-center">
<div class="swiper-slide h-100 d-f a-i-center j-c-center">
<div class="logo-card"><img class="w-100" src="~/images/1000/partnerint/PR.png" alt="Qatar Airways logo" loading="lazy" /></div>
</div>
<div class="swiper-slide h-100 d-f a-i-center j-c-center">
<div class="logo-card"><img class="w-100" src="~/images/1000/partnerint/QR.png" alt="China Airlines logo" loading="lazy" /></div>
</div>
<div class="swiper-slide h-100 d-f a-i-center j-c-center">
<div class="logo-card"><img class="w-100" src="~/images/1000/partnerint/MaCau.png" alt="Philippine Airlines logo" loading="lazy" /></div>
</div>
<div class="swiper-slide h-100 d-f a-i-center j-c-center">
<div class="logo-card"><img class="w-100" src="~/images/1000/partnerint/K6.png" alt="Cambodia Angkor Air logo" loading="lazy" /></div>
</div>
<div class="swiper-slide h-100 d-f a-i-center j-c-center">
<div class="logo-card"><img class="w-100" src="~/images/1000/partnerint/SKCargo-logo.png" alt="Vietnam Airlines logo" loading="lazy" /></div>
</div>
<!-- Thêm logo khác tại đây -->
</div>
<div class="swiper-button-prev" aria-label="previous"></div>
<div class="swiper-button-next" aria-label="next"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="con section">
<div class="r">
<div class="r-n-g a-i-center">
<div class="c-12 c-l-6 p-20">
<div class="r-n-g">
<div class="c-12">
<div class="con-image">
<img src="~/images/2000/2001/airport-terminal.jpg" class="w-100" />
</div>
</div>
</div>
</div>
<div class="c-12 c-l-6 p-20">
<span class="sub-title">
Why Choose TWA
</span>
<h2 class="title mb-3">Strategic Partner, Not Just A GSA</h2>
<p class="desc mb-4">
TWA is more than a GSA — we are a strategic partner. With comprehensive regional
coverage, industry expertise, and a commitment to excellence, we ensure our airline
partners achieve sustainable growth and a competitive advantage in one of Asia’s
fastest-growing aviation markets.
</p>
</div>
</div>
</div>
</section>

3
TWA-App/Data/pages/company/2002.html
View File

@ -1,4 +1,5 @@
<div class="con-masthead">

<div class="con-masthead">
<video class="bg-video" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"><source src="/images/wait-section/bg.mp4" type="video/mp4" /></video>
<!-- Masthead-->
<div class="con h-100">

100
TWA-App/Data/pages/company/2003.html
View File

@ -1,69 +1,47 @@
<div class="con-masthead">
<video class="bg-video" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"><source src="/images/wait-section/bg.mp4" type="video/mp4" /></video>
<!-- Masthead-->
<div class="con h-100">
<div class="r h-a h-l-100">
<div class="c-12 c-l-8 c-x-6 masthead h-100">
<section class="con-mision-vision">
<div class="r a-i-center h-100">
<div class="c-12">
<div class="masthead-content ">
<div class="px-4 px-lg-0">
<h2 class="fst-italic lh-1 mb-4">We’re creating content for this section</h2>
<p class="mb-5">
Content for the provincial pages is being prepared and will be updated soon. Please leave your email to receive updates and be notified when it goes live.
</p>
<!-- * * * * * * * * * * * * * * *-->
<!-- * * SB Forms Contact Form * *-->
<!-- * * * * * * * * * * * * * * *-->
<!-- This form is pre-integrated with SB Forms.-->
<!-- To make this form functional, sign up at-->
<!-- https://startbootstrap.com/solution/contact-forms-->
<!-- to get an API token!-->
<form id="contactForm" data-sb-form-api-token="API_TOKEN">
<!-- Email address input-->
<div class="d-f input-group-newsletter">
<div class="c"><input class="form-control h-100" id="email" type="email" placeholder="Enter email address..." aria-label="Enter email address..." data-sb-validations="required,email" /></div>
<div class="c-a"><button class="btn btn-primary disabled ml-2 h-100" id="submitButton" type="submit">Notify Me!</button></div>
</div>
<div class="invalid-feedback mt-2 d-n" data-sb-feedback="email:required">An email is required.</div>
<div class="invalid-feedback mt-2 d-n" data-sb-feedback="email:email">Email is not valid.</div>
<!-- Submit success message-->
<!---->
<!-- This is what your users will see when the form-->
<!-- has successfully submitted-->
<div class="d-n" id="submitSuccessMessage">
<div class="text-center mb-3 mt-2">
<div class="fw-bolder">Form submission successful!</div>
To activate this form, sign up at
<br />
<a href="https://startbootstrap.com/solution/contact-forms">https://startbootstrap.com/solution/contact-forms</a>
</div>
</div>
<!-- Submit error message-->
<!---->
<!-- This is what your users will see when there is-->
<!-- an error submitting the form-->
<div class="d-n" id="submitErrorMessage"><div class="text-center text-danger mb-3 mt-2">Error sending message!</div></div>
</form>
</div>
</div>
</section>
<section class="cfull">
<div class="r-n-g">
<div class="c-12 c-m-4 mosaic m-col-1">
<div class="d-f f-c h-100">
<div class="tile-70">
<div class="con-image n-b-t">
<img src="~/images/3000/3003/vision.jpg" class="h-100" />
</div>
</div>
<div class="tile-30 a-i-start j-c-center card">
<h3>Vision</h3>
<p>To be Southeast Asia’s most trusted and innovative aviation services partner—delivering commercial impact and operational excellence.</p>
</div>
</div>
</div>
<div class="c-12 c-m-4 mosaic m-col-2">
<div class="d-f f-c h-100">
<div class="tile-40 a-i-start j-c-center card">
<h3>Planning</h3>
<p>From strategy to station: insight-led decisions, disciplined execution, measurable outcomes.</p>
</div>
<div class="tile-70">
<div class="con-image n-b-b">
<img src="~/images/3000/3003/planning.jpg" class="h-100" />
</div>
</div>
</div>
<div class="c-12 c-l-8 c-x-6">
</div>
<div class="c-12 c-m-4 mosaic m-col-3">
<div class="d-f f-c h-100">
<div class="tile-60">
<div class="con-image n-b-t">
<img src="~/images/3000/3003/mission.jpg" class="h-100" />
</div>
</div>
<div class="tile-40 a-i-start j-c-center card">
<h3>Mission</h3>
<p>We create value for airline partners by aligning strategy with on-the-ground execution across passenger and cargo.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Social Icons-->
<!-- For more icon options, visit https://fontawesome.com/icons?d=gallery&p=2&s=brands-->
<div class="social-icons">
<div class="d-f f-r f-l-c j-c-center a-i-center h-100 mt-3 mt-l-0">
<a class="btn btn-primary m-3" href="#!"><i class="atg a-2x atg-facebook"></i></a>
<a class="btn btn-primary m-3" href="#!"><i class="atg a-2x atg-circle-yt"></i></a>
<a class="btn btn-primary m-3" href="#!"><i class="atg a-2x atg-circle-tiktok"></i></a>
</div>
</div>
</div>

13
TWA-App/Views/Home/Index.cshtml
View File

@ -145,7 +145,18 @@
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>procedures whereas processes</li>
</ul>
<p class="desc mb-4">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.</p>
<p class="desc mb-2">
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.
</p>
<p class="desc mb-4">
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.
</p>
<div class="d-f a-i-center mt-4">

14
TWA-App/wwwroot/css/atg-lib/atg-core.css
View File

@ -2668,3 +2668,17 @@ 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)
}

101
TWA-App/wwwroot/css/site.css
View File

@ -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*************/
/*****************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*************/

BIN
TWA-App/wwwroot/images/2000/2001/plbg-2003.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 396 KiB

BIN
TWA-App/wwwroot/images/2000/plbg-2003.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.0 MiB

BIN
TWA-App/wwwroot/images/3000/3003/mission.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 39 KiB

BIN
TWA-App/wwwroot/images/3000/3003/planning.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 83 KiB

BIN
TWA-App/wwwroot/images/3000/3003/vision.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

23
TWA-App/wwwroot/js/js-page/2001.js
View File

@ -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();

2
TWA-App/wwwroot/js/js-page/2003.js
View File

@ -1,4 +1,4 @@
window.L2002 = function () {
window.L2003 = function () {
if (window["runParalax"] !== undefined) {
window["runParalax"]();
}