update Our Team Page
This commit is contained in:
@ -1,70 +1,350 @@
|
|||||||
|
<section class="our-team-section section">
|
||||||
<div class="con-masthead">
|
<div class="con block1">
|
||||||
<video class="bg-video" playsinline="playsinline" autoplay="autoplay" muted="muted" loop="loop"><source src="/images/wait-section/bg.mp4" type="video/mp4" /></video>
|
<div class="r">
|
||||||
<!-- Masthead-->
|
<div class="c-l-5 d-f a-i-center j-c-end">
|
||||||
<div class="con h-100">
|
<div class="d-f f-c a-i-start a-i-l-end">
|
||||||
<div class="r h-a h-l-100">
|
<span class="sub-title">Team Memebers</span>
|
||||||
<div class="c-12 c-l-8 c-x-6 masthead h-100">
|
<h2>
|
||||||
|
Cargo Airline
|
||||||
<div class="r a-i-center h-100">
|
</h2>
|
||||||
<div class="c-12">
|
</div>
|
||||||
<div class="masthead-content ">
|
</div>
|
||||||
<div class="px-4 px-lg-0">
|
<div class="c-l-1 pl-3 pr-3 j-c-center d-n d-l-f"><div class="sep"></div> </div>
|
||||||
<h2 class="fst-italic lh-1 mb-4">We’re creating content for this section</h2>
|
<div class="c-l-5">
|
||||||
<p class="mb-5">
|
<p class="desc mt-3 mt-l-0">
|
||||||
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.
|
Our cargo team includes veterans from Vietnam Airlines with hands-on experience at Noi Bai (HAN) and Tan Son Nhat (SGN) cargo terminals. They know acceptance, build-up, ramp, security, and documentation end-to-end—so we safeguard SLAs, loadability, and compliance on every flight.
|
||||||
</p>
|
</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>
|
||||||
</div>
|
</div>
|
||||||
<!-- Submit error message-->
|
</div>
|
||||||
<!---->
|
<div class="con grid-teams">
|
||||||
<!-- This is what your users will see when there is-->
|
<div class="r">
|
||||||
<!-- an error submitting the form-->
|
<div class="r-n-g j-c-center">
|
||||||
<div class="d-n" id="submitErrorMessage"><div class="text-center text-danger mb-3 mt-2">Error sending message!</div></div>
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
</form>
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-2.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-3.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-4.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-5.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-3.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="c-12 c-l-8 c-x-6">
|
</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="our-team-section section">
|
||||||
|
<div class="con block1">
|
||||||
|
<div class="r">
|
||||||
|
<div class="c-l-5 d-f a-i-center j-c-end">
|
||||||
|
<div class="d-f f-c a-i-start a-i-l-end">
|
||||||
|
<span class="sub-title">Team Memebers</span>
|
||||||
|
<h2>
|
||||||
|
Passenger Airline
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-l-1 pl-3 pr-3 j-c-center d-n d-l-f"><div class="sep"></div> </div>
|
||||||
|
<div class="c-l-5">
|
||||||
|
<p class="desc mt-3 mt-l-0">
|
||||||
|
Our passenger team brings years of ticketing experience across airlines and Vietnamese travel agencies. From GDS ticketing and fares/pricing to group sales, after-sales support, and ADM/ACM handling, we drive conversion and service quality for every carrier we represent.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="con grid-teams">
|
||||||
|
<div class="r">
|
||||||
|
<div class="r-n-g j-c-center">
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-1.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-2.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-3.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-4.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-5.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-s-6 c-m-4">
|
||||||
|
<div class="grid">
|
||||||
|
<div class="grid-thumb">
|
||||||
|
<img class="w-100" src="~/images/2000/2002/team-3.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="grid-content d-f f-c a-i-center">
|
||||||
|
<h3>Denisi Hall</h3>
|
||||||
|
<span>Co-Founder</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="con-parallax con-testimonial">
|
||||||
|
<div class="bg-wrapper parallax" data-dept="0.3">
|
||||||
|
<img src="~/images/1000/customer-section/review-cust.jpg " alt="Background" class="bg-img">
|
||||||
|
</div>
|
||||||
|
<div class="con section customer-section section-break" data-content>
|
||||||
|
<div class="r">
|
||||||
|
<div class="c-12 d-f f-c a-i-center">
|
||||||
|
<span class="sub-title">
|
||||||
|
Testimonials
|
||||||
|
</span>
|
||||||
|
<h2 class="title">
|
||||||
|
What People and Clients Think About Us?
|
||||||
|
</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="r mt-3">
|
||||||
|
<div class="c-12">
|
||||||
|
<div class="swiper custSwiper">
|
||||||
|
<div class="swiper-wrapper a-i-center">
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="cust-reviews d-f f-c">
|
||||||
|
<div class="quote">
|
||||||
|
<img decoding="async" src="https://codeskdhaka.com/wp/volport/wp-content/themes/volport/assets/img/icon/quote-2.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<ul class="star">
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
Service is some of the best we have ever volport Logistics International customer
|
||||||
|
had with ocean forwarders we like to
|
||||||
|
ship as much as possible with you
|
||||||
|
</p>
|
||||||
|
<div class="cust-body">
|
||||||
|
<div class="cust-image d-f j-c-center a-i-center">
|
||||||
|
<a href="#" tabindex="0"><img decoding="async" src="https://codeskdhaka.com/wp/volport/wp-content/uploads/2021/12/test-img-01.png" alt="img"></a>
|
||||||
|
</div>
|
||||||
|
<div class="d-f f-c ml-4">
|
||||||
|
<h4 class="cust-title"><a href="#" tabindex="0">Disen Mac Hoor </a></h4>
|
||||||
|
<span class="cust-sub">
|
||||||
|
Founder, Volport Co
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="cust-reviews d-f f-c">
|
||||||
|
<div class="quote">
|
||||||
|
<img decoding="async" src="https://codeskdhaka.com/wp/volport/wp-content/themes/volport/assets/img/icon/quote-2.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<ul class="star">
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
Service is some of the best we have ever volport Logistics International customer
|
||||||
|
had with ocean forwarders we like to
|
||||||
|
ship as much as possible with you
|
||||||
|
</p>
|
||||||
|
<div class="cust-body">
|
||||||
|
<div class="cust-image d-f j-c-center a-i-center">
|
||||||
|
<a href="#" tabindex="0"><img decoding="async" src="https://codeskdhaka.com/wp/volport/wp-content/uploads/2021/12/test-img-01.png" alt="img"></a>
|
||||||
|
</div>
|
||||||
|
<div class="d-f f-c ml-4">
|
||||||
|
<h4 class="cust-title"><a href="#" tabindex="0">Disen Mac Hoor </a></h4>
|
||||||
|
<span class="cust-sub">
|
||||||
|
Founder, Volport Co
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="swiper-slide">
|
||||||
|
<div class="cust-reviews d-f f-c">
|
||||||
|
<div class="quote">
|
||||||
|
<img decoding="async" src="https://codeskdhaka.com/wp/volport/wp-content/themes/volport/assets/img/icon/quote-2.png" alt="img">
|
||||||
|
</div>
|
||||||
|
<ul class="star">
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
<li><i class="atg a-2x atg-solid-star"></i></li>
|
||||||
|
</ul>
|
||||||
|
<p>
|
||||||
|
Service is some of the best we have ever volport Logistics International customer
|
||||||
|
had with ocean forwarders we like to
|
||||||
|
ship as much as possible with you
|
||||||
|
</p>
|
||||||
|
<div class="cust-body">
|
||||||
|
<div class="cust-image d-f j-c-center a-i-center">
|
||||||
|
<a href="#" tabindex="0"><img decoding="async" src="https://codeskdhaka.com/wp/volport/wp-content/uploads/2021/12/test-img-01.png" alt="img"></a>
|
||||||
|
</div>
|
||||||
|
<div class="d-f f-c ml-4">
|
||||||
|
<h4 class="cust-title"><a href="#" tabindex="0">Disen Mac Hoor </a></h4>
|
||||||
|
<span class="cust-sub">
|
||||||
|
Founder, Volport Co
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Social Icons-->
|
|
||||||
<!-- For more icon options, visit https://fontawesome.com/icons?d=gallery&p=2&s=brands-->
|
<div class="swiper-button-prev" aria-label="previous"></div>
|
||||||
<div class="social-icons">
|
<div class="swiper-button-next" aria-label="next"></div>
|
||||||
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|||||||
@ -1,5 +1,48 @@
|
|||||||
<section class="con-mision-vision">
|
<section class="con-mision-vision">
|
||||||
|
<div class="background overlay">
|
||||||
|
<img src="~/images/2000/2003/vision-mission.jpg"/>
|
||||||
|
</div>
|
||||||
|
<div class="bg-content">
|
||||||
|
<div class="con">
|
||||||
|
<div class="r">
|
||||||
|
<div class="r-n-g j-c-between">
|
||||||
|
<div class="c-l-6 c-x-4 p-20">
|
||||||
|
<div class="grid-only">
|
||||||
|
<h2>Mission & Vission</h2>
|
||||||
|
<p class="desc">
|
||||||
|
Guided by a clear vision—to be Southeast Asia’s most trusted and innovative aviation services partner—we pursue a simple mission: create tangible value for airlines through excellence in representation, sales execution, and customer service, turning strategy into measurable results and long-term partnerships.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-l-5 c-x-4 p-20">
|
||||||
|
<div class="d-f f-c u-content a-i-start a-i-l-end">
|
||||||
|
<h2>
|
||||||
|
The Future is Here
|
||||||
|
</h2>
|
||||||
|
<p class="desc">
|
||||||
|
Lorem ipsum dolor sit amet, consectetur adipiscing elit nullam nunc justo sagittis suscipit ultrices.
|
||||||
|
</p>
|
||||||
|
<div class="d-f">
|
||||||
|
<a class="u-social-url" target="_blank" href="">
|
||||||
|
<span class="u-icon u-icon-circle u-social-facebook u-social-icon u-text-white u-icon-1"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xlink:href="#svg-60c6"></use></svg><svg x="0px" y="0px" viewBox="0 0 112 112" id="svg-60c6" class="u-svg-content"><path d="M75.5,28.8H65.4c-1.5,0-4,0.9-4,4.3v9.4h13.9l-1.5,15.8H61.4v45.1H42.8V58.3h-8.8V42.4h8.8V32.2 c0-7.4,3.4-18.8,18.8-18.8h13.8v15.4H75.5z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
<a class="u-social-url" target="_blank" href="">
|
||||||
|
<span class="u-icon u-icon-circle u-social-icon u-social-twitter u-text-white u-icon-2"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xlink:href="#svg-52c2"></use></svg><svg x="0px" y="0px" viewBox="0 0 112 112" id="svg-52c2" class="u-svg-content"><path d="M92.2,38.2c0,0.8,0,1.6,0,2.3c0,24.3-18.6,52.4-52.6,52.4c-10.6,0.1-20.2-2.9-28.5-8.2 c1.4,0.2,2.9,0.2,4.4,0.2c8.7,0,16.7-2.9,23-7.9c-8.1-0.2-14.9-5.5-17.3-12.8c1.1,0.2,2.4,0.2,3.4,0.2c1.6,0,3.3-0.2,4.8-0.7 c-8.4-1.6-14.9-9.2-14.9-18c0-0.2,0-0.2,0-0.2c2.5,1.4,5.4,2.2,8.4,2.3c-5-3.3-8.3-8.9-8.3-15.4c0-3.4,1-6.5,2.5-9.2 c9.1,11.1,22.7,18.5,38,19.2c-0.2-1.4-0.4-2.8-0.4-4.3c0.1-10,8.3-18.2,18.5-18.2c5.4,0,10.1,2.2,13.5,5.7c4.3-0.8,8.1-2.3,11.7-4.5 c-1.4,4.3-4.3,7.9-8.1,10.1c3.7-0.4,7.3-1.4,10.6-2.9C98.9,32.3,95.7,35.5,92.2,38.2z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
<a class="u-social-url" target="_blank" href="">
|
||||||
|
<span class="u-icon u-icon-circle u-social-icon u-social-instagram u-text-white u-icon-3"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xlink:href="#svg-24b3"></use></svg><svg x="0px" y="0px" viewBox="0 0 112 112" id="svg-24b3" class="u-svg-content"><path d="M55.9,32.9c-12.8,0-23.2,10.4-23.2,23.2s10.4,23.2,23.2,23.2s23.2-10.4,23.2-23.2S68.7,32.9,55.9,32.9z M55.9,69.4c-7.4,0-13.3-6-13.3-13.3c-0.1-7.4,6-13.3,13.3-13.3s13.3,6,13.3,13.3C69.3,63.5,63.3,69.4,55.9,69.4z"></path><path d="M79.7,26.8c-3,0-5.4,2.5-5.4,5.4s2.5,5.4,5.4,5.4c3,0,5.4-2.5,5.4-5.4S82.7,26.8,79.7,26.8z"></path><path d="M78.2,11H33.5C21,11,10.8,21.3,10.8,33.7v44.7c0,12.6,10.2,22.8,22.7,22.8h44.7c12.6,0,22.7-10.2,22.7-22.7 V33.7C100.8,21.1,90.6,11,78.2,11z M91,78.4c0,7.1-5.8,12.8-12.8,12.8H33.5c-7.1,0-12.8-5.8-12.8-12.8V33.7 c0-7.1,5.8-12.8,12.8-12.8h44.7c7.1,0,12.8,5.8,12.8,12.8V78.4z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
<a class="u-social-url" target="_blank" href="#">
|
||||||
|
<span class="u-icon u-icon-circle u-social-icon u-social-youtube u-text-white u-icon-4"><svg class="u-svg-link" preserveAspectRatio="xMidYMin slice" viewBox="0 0 112 112" style=""><use xlink:href="#svg-b189"></use></svg><svg x="0px" y="0px" viewBox="0 0 112 112" id="svg-b189" class="u-svg-content"><path d="M82.3,24H29.7C19.3,24,11,32.5,11,43v26.7c0,10.5,8.3,19,18.7,19h52.5c10.3,0,18.7-8.5,18.7-19V43 C101,32.5,92.7,24,82.3,24L82.3,24z M69.7,57.6L45.1,69.5c-0.7,0.2-1.4-0.2-1.4-0.8V44.1c0-0.7,0.8-1.3,1.4-0.8l24.6,12.6 C70.4,56.2,70.4,57.3,69.7,57.6L69.7,57.6z"></path></svg></span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
<section class="cfull">
|
<section class="cfull">
|
||||||
<div class="r-n-g">
|
<div class="r-n-g">
|
||||||
@ -45,3 +88,40 @@
|
|||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<section class="section-core-value">
|
||||||
|
<div class="cfull">
|
||||||
|
<div class="r-n-g">
|
||||||
|
<div class="c-12 c-m-6">
|
||||||
|
<div class="d-f f-c a-i-center a-i-m-end j-c-center h-100">
|
||||||
|
<div class="con-image" style="width:85%">
|
||||||
|
<img class="w-100" src="~/images/2000/2003/meeting-handshake.jpg" />
|
||||||
|
</div>
|
||||||
|
<div class="con-image">
|
||||||
|
<img class="w-100" src="~/images/2000/2003/data-analyst.jpg" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="c-12 c-m-6">
|
||||||
|
<div class="d-f a-i-center h-100">
|
||||||
|
<div class="con-image" >
|
||||||
|
<img class="w-100" src="~/images/2000/2003/cargo-loading.jpg" />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="con-content">
|
||||||
|
<h2>Our Core Value</h2>
|
||||||
|
<p class="desc">
|
||||||
|
Guides decisions, culture, and how TWA serves partners with consistent, measurable outcomes.
|
||||||
|
</p>
|
||||||
|
<ul class="order-list mt-2">
|
||||||
|
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Integrity and Accountability</li>
|
||||||
|
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Customer-First Commitment</li>
|
||||||
|
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Safety and Compliance Excellence</li>
|
||||||
|
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Continuous Improvement and Innovation</li>
|
||||||
|
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Empowering People and Teams</li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
@ -17,18 +17,18 @@
|
|||||||
{
|
{
|
||||||
"id": "2001",
|
"id": "2001",
|
||||||
"name": "About Us",
|
"name": "About Us",
|
||||||
"url": "/Company/AboutUs",
|
"url": "/Company/About-Us",
|
||||||
"flexpage": true
|
"flexpage": true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "2002",
|
"id": "2002",
|
||||||
"name": "Our Team",
|
"name": "Our Team",
|
||||||
"url": "/Company/OurTeam"
|
"url": "/Company/Our-Team"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "2003",
|
"id": "2003",
|
||||||
"name": "Mission & Vision",
|
"name": "Purpose Strategy",
|
||||||
"url": "/Company/Mission-Vision",
|
"url": "/Company/Purpose-Strategy",
|
||||||
"flexpage": true
|
"flexpage": true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|||||||
@ -56,6 +56,9 @@
|
|||||||
</ItemGroup>
|
</ItemGroup>
|
||||||
|
|
||||||
<ItemGroup>
|
<ItemGroup>
|
||||||
|
<Content Update="wwwroot\images\2000\2003\plbg-2003.jpg">
|
||||||
|
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
|
||||||
|
</Content>
|
||||||
<Content Update="wwwroot\images\wait-section\bg.mp4">
|
<Content Update="wwwroot\images\wait-section\bg.mp4">
|
||||||
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
|
<CopyToOutputDirectory>Always</CopyToOutputDirectory>
|
||||||
</Content>
|
</Content>
|
||||||
|
|||||||
@ -139,10 +139,10 @@
|
|||||||
<h2 class="title mb-3">Trusted Logistic Service Provider</h2>
|
<h2 class="title mb-3">Trusted Logistic Service Provider</h2>
|
||||||
|
|
||||||
<ul class="order-list mb-4">
|
<ul class="order-list mb-4">
|
||||||
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i> revolutionary catalysts for chang</li>
|
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>IATA certified Company</li>
|
||||||
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>catalysts for chang the Seamlessly</li>
|
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>The management team with 20-30 year of experience in Aviation Industry</li>
|
||||||
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>business applications through</li>
|
<li class="d-f a-i-center"><i class="atg atg-radiobutton a-2x"></i>Good & Strong connection with both Airlines and Corporate clients</li>
|
||||||
<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>Updated technology system support for operating</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<p class="desc mb-2">
|
<p class="desc mb-2">
|
||||||
@ -160,7 +160,7 @@
|
|||||||
|
|
||||||
<div class="d-f a-i-center mt-4">
|
<div class="d-f a-i-center mt-4">
|
||||||
|
|
||||||
<button class="btn btn-primary mr-5">Read More</button>
|
<a app-nav href="~/Company/About-Us" class="btn btn-primary mr-5">Read More</a>
|
||||||
|
|
||||||
<div class="signature">
|
<div class="signature">
|
||||||
<img decoding="async" src="https://shtheme.org/demosd/logistek/wp-content/uploads/2021/04/signature.png" alt="">
|
<img decoding="async" src="https://shtheme.org/demosd/logistek/wp-content/uploads/2021/04/signature.png" alt="">
|
||||||
@ -234,7 +234,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="c-s-12 c-m-6">
|
<div class="c-s-12 c-m-6">
|
||||||
<p class="desc pl-5">
|
<p class="desc pl-5">
|
||||||
We take great pride in our unwavering commitment to the highest standards of quality, safety, and operational excellence. The following certifications and international memberships highlight and recognize our outstanding performance and reliability in providing world-class logistics services
|
Holding FEDAGSA membership, IATA accreditations (GSSA and Cargo Agent) and TIACA assessment signals a carrier's commercial strength, regulatory compliance and operational excellence. These credentials expand airline reach and bookings, streamline cargo operations, provide industry advocacy and financial benefits, and demonstrate verified sustainability and performance through thirdparty scoring—conveying trust, professionalism and competitive leadership in global air cargo and sales representation.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -251,7 +251,7 @@
|
|||||||
IATA GSSA Certified Company
|
IATA GSSA Certified Company
|
||||||
</h3>
|
</h3>
|
||||||
<p>
|
<p>
|
||||||
Officially recognized by the International Air Transport Association as a General Sales & Service Agent
|
Officially recognized by The International Air Transport Association (IATA) the as a qualified General Sales & Service Agent (GSSA)
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -263,7 +263,7 @@
|
|||||||
Member of TIACA - FEDAGSA
|
Member of TIACA - FEDAGSA
|
||||||
</h3>
|
</h3>
|
||||||
<p>
|
<p>
|
||||||
Proud member of leading global cargo and air logistics associations
|
Proud member of The International Air Cargo Association (TIACA) – the leading global cargo and air logistics association) and the Federation of General Sales Agents (FEDAGSA)
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -296,7 +296,7 @@
|
|||||||
Our Awards
|
Our Awards
|
||||||
</h2>
|
</h2>
|
||||||
<p class="desc text-center ml-5 mr-5">
|
<p class="desc text-center ml-5 mr-5">
|
||||||
We’re proud to be recognized for our craft across design, technology, and client success. These awards reflect our commitment to quality and measurable outcomes.
|
We are proud to be recognized by our partner in the aviation industry for our performance and our professional in working by these yearly award. Annually achieving these award that reflect once again our commitment to the quality of our service as well as measurable outcomes to our partners
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -368,7 +368,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="c-l-1 pl-3 pr-3 j-c-center d-n d-l-f "><div class="sep"></div> </div>
|
<div class="c-l-1 pl-3 pr-3 j-c-center d-n d-l-f "><div class="sep"></div> </div>
|
||||||
<div class="c-l-5">
|
<div class="c-l-5">
|
||||||
<p class="desc mt-3 mt-l-0">TWA provides full-spectrum aviation, charter, courier, and logistics solutions, delivering customized, efficient, and cost-effective services that maximize value, ensure flexibility, and support sustainable growth worldwide.</p>
|
<p class="desc mt-3 mt-l-0">
|
||||||
|
TWA provides full-spectrum aviation services that include Cargo and Passenger GSSA, Aviation Support, Aircraft Charter always accompany with the customized solution. Our oriented solution not only focus on the efficient, cost-effective, maximizing value, ensure flexibility and contribute to the sustainable growth of world wide
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@ -385,7 +387,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="grid-body">
|
<div class="grid-body">
|
||||||
<a href=""><h3 class="title">Cargo GSSA</h3></a>
|
<a href=""><h3 class="title">Cargo GSSA</h3></a>
|
||||||
<p class="desc">We offers airlines end-to-end capacity management, maximizing yield with experts in reservations, handling, revenue accounting, and competitive market monitoring.</p>
|
<p class="desc">We offer airlines end-to-end capacity management, maximizing yield with experts in reservations, handling, revenue accounting, and competitive market monitoring.</p>
|
||||||
|
|
||||||
<a class="mt-3" href="">Read More</a>
|
<a class="mt-3" href="">Read More</a>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -99,6 +99,10 @@ h1, h2, h3, h4, h5, h6, p {
|
|||||||
text-align: center
|
text-align: center
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.text-right {
|
||||||
|
text-align: right
|
||||||
|
}
|
||||||
|
|
||||||
.h-100vh {
|
.h-100vh {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -461,14 +461,27 @@ body[page="1000"] .sub-item .nav-link, .sub-item .nav-link {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.background {
|
.background {
|
||||||
|
overflow:hidden;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
min-height: 800px;
|
min-height: 800px;
|
||||||
width: 100%;
|
width: 100%
|
||||||
background-position: center center;
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-color: transparent
|
|
||||||
}
|
}
|
||||||
|
.background.overlay::before {
|
||||||
|
background-color: rgba(17, 39,88, 0.4);
|
||||||
|
z-index: 1;
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.bg-content{
|
||||||
|
position:absolute;
|
||||||
|
width:100%;
|
||||||
|
top:50%;
|
||||||
|
transform: translateY(-50%)
|
||||||
|
}
|
||||||
|
|
||||||
.swiperM {
|
.swiperM {
|
||||||
border-radius: var(--radius);
|
border-radius: var(--radius);
|
||||||
min-height: 800px;
|
min-height: 800px;
|
||||||
@ -1289,7 +1302,7 @@ body[page="1000"] .ico-menu span {
|
|||||||
margin-top: 0
|
margin-top: 0
|
||||||
}
|
}
|
||||||
|
|
||||||
.our-section .sep {
|
.our-section .sep, .our-team-section .sep {
|
||||||
width: 8px;
|
width: 8px;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@ -1899,7 +1912,7 @@ height: 100%
|
|||||||
|
|
||||||
|
|
||||||
/**About US***************/
|
/**About US***************/
|
||||||
body[page="2001"] .partner-section{
|
body:not([page="1000"]) .partner-section{
|
||||||
padding: 80px 0
|
padding: 80px 0
|
||||||
}
|
}
|
||||||
/*********End************/
|
/*********End************/
|
||||||
@ -2078,6 +2091,13 @@ video.bg-video {
|
|||||||
|
|
||||||
/*************End Services*************/
|
/*************End Services*************/
|
||||||
/*****************Vision-Mission*********************/
|
/*****************Vision-Mission*********************/
|
||||||
|
.grid-only{
|
||||||
|
opacity: .85;
|
||||||
|
background: var(--color-primary);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
padding: 40px 40px 60px
|
||||||
|
}
|
||||||
|
|
||||||
.n-b-t{
|
.n-b-t{
|
||||||
border-top-left-radius: 0;
|
border-top-left-radius: 0;
|
||||||
border-top-right-radius: 0
|
border-top-right-radius: 0
|
||||||
@ -2089,6 +2109,31 @@ video.bg-video {
|
|||||||
.con-mision-vision{
|
.con-mision-vision{
|
||||||
margin-top:-40px
|
margin-top:-40px
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.con-mision-vision .bg-content{
|
||||||
|
z-index:2;
|
||||||
|
color:#fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.con-mision-vision .u-content{
|
||||||
|
margin-top: 40px;
|
||||||
|
position: relative;
|
||||||
|
text-align: left;
|
||||||
|
bottom: 0
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-content h2{
|
||||||
|
font-size: 2.2rem
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px){
|
||||||
|
.con-mision-vision .u-content {
|
||||||
|
text-align: right;
|
||||||
|
position: absolute;
|
||||||
|
bottom: -50px
|
||||||
|
}
|
||||||
|
}
|
||||||
.mosaic {
|
.mosaic {
|
||||||
min-height: 850px;
|
min-height: 850px;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
@ -2143,4 +2188,90 @@ video.bg-video {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.section-core-value .con-image{
|
||||||
|
margin: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-core-value .con-content{
|
||||||
|
padding: 40px;
|
||||||
|
max-width: 85%;
|
||||||
|
width:380px;
|
||||||
|
border-radius: var(--radius);
|
||||||
|
opacity:.85;
|
||||||
|
background: #000;
|
||||||
|
color: white;
|
||||||
|
position:absolute;
|
||||||
|
left:50%;
|
||||||
|
top:50%;
|
||||||
|
transform: translate(-50%, -50%)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@media (min-width:768px){
|
||||||
|
.section-core-value .con-content {
|
||||||
|
max-width: 380px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.section-core-value .con-content {
|
||||||
|
width: 520px;
|
||||||
|
max-width: 520px
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.section-core-value li{
|
||||||
|
color: var(--text-color-lW4)
|
||||||
|
}
|
||||||
|
|
||||||
/*************End Services*************/
|
/*************End Services*************/
|
||||||
|
.our-team-section{
|
||||||
|
padding-top:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.our-team-section .block1{
|
||||||
|
margin-bottom: 40px
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-teams .grid{
|
||||||
|
margin: 0 5px;
|
||||||
|
margin-bottom:10px
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-teams .grid-thumb::before {
|
||||||
|
z-index: 1;
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 0%;
|
||||||
|
background-image: linear-gradient(45deg, var(--color-primary) 0%, rgb(119, 33, 44) 52%, rgb(35, 35, 49) 100%);
|
||||||
|
opacity: 0.6;
|
||||||
|
transition: 0.5s
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-teams .grid:hover .grid-thumb::before{
|
||||||
|
height:100%
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-content span{
|
||||||
|
font-size: .95rem
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-teams .grid-content {
|
||||||
|
position: absolute;
|
||||||
|
z-index: 2;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
padding: 20px;
|
||||||
|
right: 0;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: 0.5s;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid-teams .grid:hover .grid-content {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
|||||||
BIN
TWA-App/wwwroot/images/2000/2002/team-1.jpg
Normal file
BIN
TWA-App/wwwroot/images/2000/2002/team-1.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 63 KiB |
BIN
TWA-App/wwwroot/images/2000/2002/team-2.jpg
Normal file
BIN
TWA-App/wwwroot/images/2000/2002/team-2.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
TWA-App/wwwroot/images/2000/2002/team-3.jpg
Normal file
BIN
TWA-App/wwwroot/images/2000/2002/team-3.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 47 KiB |
BIN
TWA-App/wwwroot/images/2000/2002/team-4.jpg
Normal file
BIN
TWA-App/wwwroot/images/2000/2002/team-4.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 68 KiB |
BIN
TWA-App/wwwroot/images/2000/2002/team-5.jpg
Normal file
BIN
TWA-App/wwwroot/images/2000/2002/team-5.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
BIN
TWA-App/wwwroot/images/2000/2003/cargo-loading.jpg
Normal file
BIN
TWA-App/wwwroot/images/2000/2003/cargo-loading.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 822 KiB |
BIN
TWA-App/wwwroot/images/2000/2003/data-analyst.jpg
Normal file
BIN
TWA-App/wwwroot/images/2000/2003/data-analyst.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 MiB |
BIN
TWA-App/wwwroot/images/2000/2003/meeting-handshake.jpg
Normal file
BIN
TWA-App/wwwroot/images/2000/2003/meeting-handshake.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.9 MiB |
|
Before Width: | Height: | Size: 396 KiB After Width: | Height: | Size: 396 KiB |
@ -2,6 +2,107 @@
|
|||||||
if (window["runParalax"] !== undefined) {
|
if (window["runParalax"] !== undefined) {
|
||||||
window["runParalax"]();
|
window["runParalax"]();
|
||||||
}
|
}
|
||||||
|
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
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
const parallaxEls = document.querySelectorAll('.con-partner .parallax, .con-testimonial .parallax');
|
||||||
|
let ticking = false;
|
||||||
|
parallaxEls.forEach(el => {
|
||||||
|
const parent = el.closest(".con-parallax");
|
||||||
|
if (parent) {
|
||||||
|
parent.style.height = parent.querySelector("[data-content]").offsetHeight + "px";
|
||||||
|
}
|
||||||
|
});
|
||||||
|
window.app.on("App_Scrolling", (t) => {
|
||||||
|
if (!ticking) {
|
||||||
|
window.requestAnimationFrame(() => {
|
||||||
|
updateParallax(t, parallaxEls);
|
||||||
|
ticking = false;
|
||||||
|
});
|
||||||
|
ticking = true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
const swiper3 = new Swiper(".custSwiper", {
|
||||||
|
slidesPerView: 1,
|
||||||
|
spaceBetween: 0,
|
||||||
|
autoplay: {
|
||||||
|
delay: 2000, // 5s
|
||||||
|
disableOnInteraction: true,
|
||||||
|
},
|
||||||
|
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: {
|
||||||
|
992: { slidesPerView: 3 }, // màn hình ≥1200px
|
||||||
|
576: { slidesPerView: 2 }, // ≥768px=
|
||||||
|
0: { slidesPerView: 1 } // <576px
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateParallax(t, parallaxEls) {
|
||||||
|
parallaxEls.forEach(el => {
|
||||||
|
const section = el.closest('.con-parallax');
|
||||||
|
if (!section) return;
|
||||||
|
|
||||||
|
const rect = section.getBoundingClientRect();
|
||||||
|
const sectionHeight = section.offsetHeight;
|
||||||
|
|
||||||
|
// Only process if the section is in the viewport or partially in it
|
||||||
|
const inView = rect.bottom > 0 && rect.top < window.innerHeight;
|
||||||
|
if (!inView) return;
|
||||||
|
|
||||||
|
// Set height parent only once
|
||||||
|
const content = section.querySelector('[data-content]');
|
||||||
|
if (content && !section.dataset.heightSet) {
|
||||||
|
section.style.height = content.offsetHeight + 'px';
|
||||||
|
section.dataset.heightSet = 'true'; // Mark that the height is set
|
||||||
|
section.dataset.initialTop = rect.top;
|
||||||
|
}
|
||||||
|
|
||||||
|
const img = el.querySelector('.bg-img');
|
||||||
|
if (!img) return;
|
||||||
|
|
||||||
|
const imgHeight = img.offsetHeight;
|
||||||
|
const depth = parseFloat(el.dataset.depth ?? 1); // 1 = moves fully, <1 = moves less
|
||||||
|
const initialTop = parseFloat(section.dataset.initialTop);
|
||||||
|
|
||||||
|
// Calculate how far the section has moved from its initial position
|
||||||
|
// Calculate progress for how much of the section is visible in the viewport
|
||||||
|
let a = 0
|
||||||
|
if (window.innerHeight - initialTop > 100) {
|
||||||
|
a = window.innerHeight - initialTop - rect.top - rect.bottom;
|
||||||
|
} else {
|
||||||
|
a = window.innerHeight - rect.top
|
||||||
|
}
|
||||||
|
const progress = Math.min(1, Math.max(0, a / (window.innerHeight + sectionHeight)));
|
||||||
|
const scrollable = imgHeight - sectionHeight;
|
||||||
|
|
||||||
|
let offsetY = -progress * scrollable * depth;
|
||||||
|
img.style.transform = `translate(-50%, ${offsetY}px)`;
|
||||||
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
window.AScript.set("2002", true);
|
window.AScript.set("2002", true);
|
||||||
Reference in New Issue
Block a user