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

124
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> <li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>procedures whereas processes</li>
</ul> </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"> <div class="d-f a-i-center mt-4">
@ -94,35 +105,128 @@
</div> </div>
</section> </section>
<section class="con section"> <section class="con section">
<div class="r a-i-center"> <div class="r">
<div class="c-12 c-l-6"> <div class="r-n-g a-i-center">
<div class="c-12 c-l-6 p-20">
<span class="sub-title"> <span class="sub-title">
Who We Are Our Capabilities
</span> </span>
<h2 class="title mb-3">Commercial Representation For Cargo & Passenger</h2> <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> <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>
<div class="c-12 c-l-6"> <div class="c-12 c-l-6 p-20">
<div class="r-n-g"> <div class="r-n-g">
<div class="c-12"> <div class="c-12">
<div class="con-image">
<img src="~/images/2000/2001/airport-terminal.jpg" class="w-100" /> <img src="~/images/2000/2001/airport-terminal.jpg" class="w-100" />
</div> </div>
</div> </div>
<div class="cfull"> </div>
<div class="r-n-g"> <div class="r-n-g">
<div class="c-6>"> <div class="c-6">
<div class="con-image">
<img src="~/images/2000/2001/transport-logistics-concept.jpg" class="w-100" /> <img src="~/images/2000/2001/transport-logistics-concept.jpg" class="w-100" />
</div> </div>
<div class="c-6>"> </div>
<div class="c-6">
<div class="con-image">
<img src="~/images/2000/2001/woman-walks-along-airport-with-suitcases.jpg" class="w-100" /> <img src="~/images/2000/2001/woman-walks-along-airport-with-suitcases.jpg" class="w-100" />
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div>
</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> </div>
</section> </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> <video class="bg-video" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"><source src="/images/wait-section/bg.mp4" type="video/mp4" /></video>
<!-- Masthead--> <!-- Masthead-->
<div class="con h-100"> <div class="con h-100">

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

@ -1,69 +1,47 @@
<div class="con-masthead"> <section class="con-mision-vision">
<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">
<div class="r a-i-center h-100"> </section>
<div class="c-12"> <section class="cfull">
<div class="masthead-content "> <div class="r-n-g">
<div class="px-4 px-lg-0"> <div class="c-12 c-m-4 mosaic m-col-1">
<h2 class="fst-italic lh-1 mb-4">We’re creating content for this section</h2> <div class="d-f f-c h-100">
<p class="mb-5"> <div class="tile-70">
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. <div class="con-image n-b-t">
</p> <img src="~/images/3000/3003/vision.jpg" class="h-100" />
<!-- * * * * * * * * * * * * * * *-->
<!-- * * 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>
</div> </div>
<!-- Submit error message--> <div class="tile-30 a-i-start j-c-center card">
<!----> <h3>Vision</h3>
<!-- This is what your users will see when there is--> <p>To be Southeast Asia’s most trusted and innovative aviation services partner—delivering commercial impact and operational excellence.</p>
<!-- an error submitting the form--> </div>
<div class="d-n" id="submitErrorMessage"><div class="text-center text-danger mb-3 mt-2">Error sending message!</div></div> </div>
</form> </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>
</div> </div>
</div> </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="c-12 c-l-8 c-x-6"> </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>
</div>
</div>
</div>
<!-- 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> <li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>procedures whereas processes</li>
</ul> </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"> <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 { .ico-menu div:first-child {
margin-top: 8px; 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)
}

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

@ -55,6 +55,16 @@
margin-right: -10px margin-right: -10px
} }
.ne-margin1 {
margin-left: -20px;
margin-right: -20px
}
.p-20{
padding-left: 20px;
padding-right: 20px;
}
.f-header { .f-header {
z-index: 10000; z-index: 10000;
top: -65px top: -65px
@ -64,8 +74,13 @@
color: #000000 color: #000000
} }
.f-header .navmain a.active, .f-header .navmain a:hover, .f-header .navmain .nav-i.active a { .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) !important 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{ .f-header .ico-menu span{
@ -242,15 +257,17 @@ body[page="1000"] .hblock1 {
transition: color .3s ease-in-out 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) 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) color: var(--color-second)
} }
.sub-nav-full{ .sub-nav-full{
width: 85vw !important; width: 85vw !important;
left: 50%; 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{ .page-section {
padding: 80px 0; 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*************/ /*************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; let ticking = false;
parallaxEls.forEach(el => { parallaxEls.forEach(el => {
const parent = el.closest(".con-parallax"); const parent = el.closest(".con-parallax");
@ -53,7 +53,26 @@
tickingC = true; 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) { function animateCount(el) {
const rect = el.getBoundingClientRect(); 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) { if (window["runParalax"] !== undefined) {
window["runParalax"](); window["runParalax"]();
} }