diff --git a/TWA-App/Views/Home/Index.cshtml b/TWA-App/Views/Home/Index.cshtml index 2c26fd7..e070d76 100644 --- a/TWA-App/Views/Home/Index.cshtml +++ b/TWA-App/Views/Home/Index.cshtml @@ -1,164 +1,324 @@ 
-
-
-
-
-
-
-
-
-
- -
-
-
-
-
-
- -
-
-
-
- -
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+
+
-
+
-
-
-
-
-
-
- -

- Trusted Air Partner -

-

Safe, reliable air cargo booking and shipping, ensuring secure, timely, and cost-effective delivery

-
-
-
-
- -

- Professional Booking & Live Tracking -

-

Dedicated teams provide efficient cargo booking and shipping with real-time shipment tracking

-
-
-
-
- -

Dedicated Customer Care

-

Committed to transparent, devoted service and full support for all customer needs in cargo and passenger transportation

-
-
-
-
-
+
+
+
+
+
+ +

+ Trusted Air Partner +

+

Safe, reliable air cargo booking and shipping, ensuring secure, timely, and cost-effective delivery

+
+
+
+
+ +

+ Professional Booking & Live Tracking +

+

Dedicated teams provide efficient cargo booking and shipping with real-time shipment tracking

+
+
+
+
+ +

Dedicated Customer Care

+

Committed to transparent, devoted service and full support for all customer needs in cargo and passenger transportation

+
+
+
+
+
+ +
+
+
+
+
+ +
+ +
+

30+

+

We have more than years of experience

+
+
+
+ +
+ + About Our Company + +

Trusted Logistic Service Provider

+ +
    +
  • revolutionary catalysts for chang
  • +
  • catalysts for chang the Seamlessly
  • +
  • business applications through
  • +
  • procedures whereas processes
  • +
+ +

Distinctively exploit optimal alignments for intuitive business applications through revolutionary catalysts for chang the Seamlessly optimal optimal alignments for intuitive.

+ +
+ + Read More + +
+ +
+ +
+ +
+ +
+
-
-
-
-

Welcome to Aviationaly

-

Start your aviation journey with professional instructors and top-notch facilities.

- -
-
-
+
+
+
+

Welcome to Aviationaly

+

Start your aviation journey with professional instructors and top-notch facilities.

+ +
+
+
-
-
-
-

Our Programs

-
-
-
-

Private Pilot License

-

Learn the fundamentals of flying and become a licensed pilot.

-
-
-

Commercial Pilot License

-

Advance your skills and prepare for a professional aviation career.

-
-
-

Flight Instructor Course

-

Teach others how to fly and build flight hours simultaneously.

-
-
-
-
+
+
+
+

Our Programs

+
+
+
+

Private Pilot License

+

Learn the fundamentals of flying and become a licensed pilot.

+
+
+

Commercial Pilot License

+

Advance your skills and prepare for a professional aviation career.

+
+
+

Flight Instructor Course

+

Teach others how to fly and build flight hours simultaneously.

+
+
+
+
-
-
-
-

What Students Say

-
-
-
-

"Great instructors and hands-on training. I got my PPL in no time!"

- - Alex T. -
-
-

"Modern facilities and friendly staff. Highly recommended!"

- - Maria L. -
-
-
-
+
+
+
+

What Students Say

+
+
+
+

"Great instructors and hands-on training. I got my PPL in no time!"

+ - Alex T. +
+
+

"Modern facilities and friendly staff. Highly recommended!"

+ - Maria L. +
+
+
+
- -
-
-
-
-

Contact Us

-
- - - - -
-
-
-
+
+
+
+
+
+
+
+ Get in touch with us anytime +
+

Looking for the best
logistics transport service?

+ +
+
+
+
- +
+
+
+
BLOG POST
+

Our Latest Blog Post

+
+
+ + + +
+
+
+
+
+
+ + + +
+
+
+ +
+ +
+ Logistics +

+ The Top 5 Changes That Occur With AI in Logistics +

+
+
+ Oct 13, 2021 +
+
+ 0 +
+
+
+
+
+
+
+ + + +
+
+
+ +
+ +
+ Logistics +

+ 5 Ways To Get The Most Out Of Your Logistics +

+
+
+ Oct 13, 2021 +
+
+ 0 +
+
+
+
+
+
+
+ + + +
+
+
+ +
+ +
+ Logistics +

+ Supply Chain And Logistics Trends That Could Be Big +

+
+
+ Oct 13, 2021 +
+
+ 0 +
+
+
+
+
+ +
+
+ +
+
+
+
+
+
+
+
+ +
+
+
+
+
+
+
+
+ @section jsLib { - - + + } \ No newline at end of file diff --git a/TWA-App/Views/Partial/Footer.cshtml b/TWA-App/Views/Partial/Footer.cshtml index 2ac5d35..fc3674d 100644 --- a/TWA-App/Views/Partial/Footer.cshtml +++ b/TWA-App/Views/Partial/Footer.cshtml @@ -1,5 +1,5 @@  diff --git a/TWA-App/wwwroot/css/atg-font/atg-admin-font.css b/TWA-App/wwwroot/css/atg-font/atg-admin-font.css index da060f5..88bef0d 100644 --- a/TWA-App/wwwroot/css/atg-font/atg-admin-font.css +++ b/TWA-App/wwwroot/css/atg-font/atg-admin-font.css @@ -319,4 +319,31 @@ } .atg-support:before { content: '\a041' +} + +.atg-circle-fb:before { + content: '\a042' +} + +.atg-circle-yt:before { + content: '\a043' +} + +.atg-circle-linked:before { + content: '\a044' +} +.atg-circle-zalo:before { + content: '\a045' +} + +.atg-circle-tiktok:before { + content: '\a046' +} + +.atg-calendar-1:before { + content: '\a047' +} + +.atg-message:before { + content: '\a048' } \ No newline at end of file diff --git a/TWA-App/wwwroot/css/site.css b/TWA-App/wwwroot/css/site.css index e336290..0e40346 100644 --- a/TWA-App/wwwroot/css/site.css +++ b/TWA-App/wwwroot/css/site.css @@ -4,7 +4,7 @@ --radius: 8px; --swiper-navigation-size: 24px !important; --swiper-theme-color: #09205C !important; - --border-color: #E0E1E3; + --border-color: #e0e0e0; --text-color-primary: #444C61; --mNav-width: 100%; --text-heading-main: #000000; @@ -25,9 +25,11 @@ --text-color-lW1: #dfdfdf; --text-color-lW2: #4E4E4E; --text-color-lW3:#f8f8f8; + --text-color-lW4: #e0e0e0; + --text-color-lW5: #999999; --text-color-dark: #3f485d; - + --text-color-d1: #8591ae; --border-color-1:rgba(255, 255, 255, .2); --border-color-2:#EDEDED @@ -81,8 +83,9 @@ a { display: block; position: relative; - cursor: pointer; - color: var(--color-primary) + text-decoration: none; + color:inherit; + cursor: pointer } body { -webkit-font-smoothing: antialiased; @@ -372,9 +375,32 @@ body { width: 100%; height: 100%; } + + + .con-feature { - top: -100px; - width: 100%; + position: relative; + top: 0; + margin-top: 30px; + margin-bottom: 30px; + width: 100% +} + + +@media (min-width: 768px){ + .con-feature { + position: absolute; + left: 50%; + z-index: 100; + transform: translateX(-50%); + margin-top: 0; + margin-bottom: 0; + top: -140px + } +} + +.con-feature > div{ + margin: 20px 0 } .flex-feature { @@ -410,6 +436,7 @@ body { } .banner-content h1 { + text-align:center; font-size: 6rem; opacity: 0; transition: 2s opacity cubic-bezier(0.65, 0, 0.35, 1); @@ -426,6 +453,7 @@ body { } .banner-content h2 { + text-align:center; opacity: 0; font-size: 3.6rem; line-height: 5rem; @@ -575,19 +603,389 @@ div[class*=sec]{ } +.section { + padding: 100px 0 70px +} + + .section .sub-title { + color: var(--color-primary); + text-transform: uppercase; + font-weight: 700; + letter-spacing: 1px; + font-size: 1.2rem + } + + .section .title { + margin-bottom: 15px; + } + +.grid { + margin: 0 20px; + overflow:hidden; + border-radius: var(--radius); + margin-bottom: 40px; + word-wrap: break-word; + box-shadow: rgb(158 158 158 / .1) 0 8px 11px 4px; +} + +.grid-image img{ + width: 100% +} + +.grid-body { + position: relative; + padding: 35px 40px; + padding-right: 32px; + border: 1px solid #f1f1f1; + border-top: none +} +.grid-body .sub-title{ + color: var(--text-color-lW2); + font-size: .87rem; + margin-bottom: 5px; + text-transform: capitalize; +} + +.grid-body .title{ + color: var(--text-color-dark); + font-family: 'Mulish'; + padding-bottom: 0; + margin-bottom: 15px +} + +.container { + display: flex; + align-items: center; + gap: 3px; + margin-bottom: 60px +} +/* Line */ + +.line { + width: 50px; + height: 3px; + background: var(--color-primary); + border-radius: 3px; + order: 1; + animation: moveLine 4.8s infinite alternate linear; + animation-direction: alternate +} +/* Dots */ + +.dot { + width: 3px; + height: 3px; + background: var(--color-primary); + border-radius: 50%; + transform: scale(1); +} + + .dot1 { + order:2; + animation: dotPulse1 4.8s infinite alternate linear; + } + + .dot2 { + order: 3; + animation: dotPulse2 4.8s infinite alternate linear; + } + .dot3 { + order:4; + animation: dotPulse3 4.8s infinite alternate linear; + } +/* Line di chuyển order qua lại */ + +@keyframes moveLine { + 0%{ + order: 1 + } + 25%{ + order: 2; + } + 50% + { + order: 3; + } + 75%{ + order: 4; + } +} +/* Dot nhấp nháy */ + +@keyframes dotPulse1 { + 0% { + order: 2; + } + + 25% { + order: 3; + } + + 50% { + order: 4; + } + 75% { + order: 1; + } +} +@keyframes dotPulse2 { + 0% { + order: 3; + } + + 25% { + order: 4; + } + + 50% { + order: 1; + } + + 75% { + order: 2; + } +} +@keyframes dotPulse3 { + 0% { + order: 4; + } + 25% { + order: 1; + } + 50% { + order: 2; + } + 75% { + order: 3; + } +} + +.order-list li { + color: var(--text-color-dark); + text-transform: capitalize; + font-weight: 500; +} + + .order-list li:first-child { + margin-top: 0; + } + +.order-list li { + display: inherit; + position: relative; + padding-left: 30px; + margin: 12px 0px; +} + +.section-break{ + padding: 150px 0 +} + + .section-break::before { + content: ""; + top:0; + position:absolute; + width: 100%; + height: 100%; + background-color: #070613; + opacity: .4; + } + .section-break .sub-title{ + text-transform: capitalize; + margin-bottom: 10px; + color: var(--color-primary) + } + .section-break .title{ + text-align:center; + color:#fff + } + +/**About Section**/ + +.about-section { + transition: .3s padding ease-in-out; + padding-top: 0 +} + +@media (min-width: 768px) { + .about-section { + padding-top: 620px + } +} + +@media (min-width: 992px) { + .about-section { + padding-top: 550px + } +} + + +@media (min-width: 1200px) { + .about-section { + padding-top: 300px + } +} + + +.about-image1 { + position: absolute; + left: -220px; + width: 310px; + top: 60px; + z-index: 100; + overflow:hidden; + border-radius: var(--radius); + border: 2px solid #f6f6f6 +} + .about-image1 img { + transform: scale(1.1); + } + +.experience { + border-radius: var(--radius); + background-color: #fff; + box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09); + max-width: 335px; + z-index: 1; + position: absolute; + right: -50px; + bottom: -60px; + padding: 20px 30px; + border-right: 3px solid #FF4800; +} + + .experience p { + font-size: 1.2rem; + margin: 0 0 20px; + } + + +@media (max-width: 1440px) { + .about-image-box .about-image1 { + left: -105px; + } +} +@media (min-width: 1440px) { + + .about-image-box .about-image1 { + width:380px; + top: 120px; + left: -130px; + } +} + +/**Blog Section*/ + + +.blog-author { + position: absolute; + top: -25px; + right: 40px; + padding: 10px; + background: #ffffff; + border-radius: 25px; + min-width: 140px; + box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.06); +} +.blog-author-content span{ + color: var(--text-color-lW5) +} +.blog-author-content a{ + font-weight: 600; +} +.blog-author-img { + margin-right: 10px +} + +.blog-author-img img { + width: 30px; + height: 30px +} + +.blog-meta{ + color: var(--text-color-lW5) +} + /**Footer Section*/ #footer{ color: var(--text-color-dark) } +.c-newsletter { + padding-right:0; +} + +@media (min-width: 1200px) { + .c-newsletter { + padding-right: 40px; + } +} + +.newsletter { + margin-top: 10px; + display: flex; + align-content: space-between; + overflow: hidden; + border-radius: var(--radius); + border: 1px solid var(--text-color-lW1); + transition: all .3s ease-in-out +} + +.newsletter input::placeholder{ + color: var(--text-color-dark) +} + + .newsletter:hover, .newsletter:has(input:focus){ + border-color: var(--color-primary) + } + + .newsletter:hover .btn, .newsletter input:focus ~ .btn { + background-color: var(--color-primary); + color: #fff + } + +.newsletter .btn{ + margin-right: -8px; + font-size: .9rem; + font-weight: 500; + background: var(--text-color-lW1) +} + +.newsletter input{ + padding: 0 20px; + width: 100% +} + +.c-social a{ + color: var(--text-color-dark); + font-size: 3.4rem; + margin-right: 10px; + transition: .3s color ease-in-out +} + +.c-social a:hover{ + color: var(--color-primary) +} + + +.galleries { + margin: 8px -2px +} + +.galleries .item { + border-radius: var(--radius); + overflow:hidden; + margin: 2px; +} + .c-footer { - border-top: 1px solid #E0E1E3; + background: var(--text-color-lW3); padding: 20px 0; - border-bottom: 1px solid #E0E1E3; } .c-footer-1 { + background: var(--text-color-white); padding-top: 50px; padding-bottom: 80px } @@ -603,16 +1001,39 @@ div[class*=sec]{ padding-left: 0 !important } - - -.c-footer-1 .c_logo img{ - height: 45px +.c-footer .c_logo img{ + height: 60px } .c-footer-2{ - background: var(--text-color-lW3) + opacity: .55; + background: var(--text-color-lW1) } .c-footer-2 span { padding: 15px 0; +} + +/**Parallax Plugin**/ + +.parallax { + position: relative; + background-size: cover; + background-position: center; + display: flex; + align-items: center; + justify-content: center; +} + +.parallax::before { + content: ""; + position: absolute; + inset: 0; + background: inherit; + background-attachment: fixed; + z-index: 0; +} +.con-parallax { + position: relative; + overflow: hidden } \ No newline at end of file diff --git a/TWA-App/wwwroot/font/atg-admin-font.fcp b/TWA-App/wwwroot/font/atg-admin-font.fcp index 85d0c85..d27450c 100644 Binary files a/TWA-App/wwwroot/font/atg-admin-font.fcp and b/TWA-App/wwwroot/font/atg-admin-font.fcp differ diff --git a/TWA-App/wwwroot/font/atgfont-Regular.woff b/TWA-App/wwwroot/font/atgfont-Regular.woff index 73ac7b6..9e1679b 100644 Binary files a/TWA-App/wwwroot/font/atgfont-Regular.woff and b/TWA-App/wwwroot/font/atgfont-Regular.woff differ diff --git a/TWA-App/wwwroot/font/atgfont-Regular.woff2 b/TWA-App/wwwroot/font/atgfont-Regular.woff2 index a557b43..ec3aa71 100644 Binary files a/TWA-App/wwwroot/font/atgfont-Regular.woff2 and b/TWA-App/wwwroot/font/atgfont-Regular.woff2 differ diff --git a/TWA-App/wwwroot/images/1000/about-section/cargoload.png b/TWA-App/wwwroot/images/1000/about-section/cargoload.png new file mode 100644 index 0000000..64a11bb Binary files /dev/null and b/TWA-App/wwwroot/images/1000/about-section/cargoload.png differ diff --git a/TWA-App/wwwroot/images/1000/about-section/cusser.png b/TWA-App/wwwroot/images/1000/about-section/cusser.png new file mode 100644 index 0000000..9d3897d Binary files /dev/null and b/TWA-App/wwwroot/images/1000/about-section/cusser.png differ diff --git a/TWA-App/wwwroot/images/1000/blog-section/introduction-to-air-cargo-operation.jpg b/TWA-App/wwwroot/images/1000/blog-section/introduction-to-air-cargo-operation.jpg new file mode 100644 index 0000000..d300ad8 Binary files /dev/null and b/TWA-App/wwwroot/images/1000/blog-section/introduction-to-air-cargo-operation.jpg differ diff --git a/TWA-App/wwwroot/images/1000/blog-section/obooks-for-logistics.png b/TWA-App/wwwroot/images/1000/blog-section/obooks-for-logistics.png new file mode 100644 index 0000000..0f573fe Binary files /dev/null and b/TWA-App/wwwroot/images/1000/blog-section/obooks-for-logistics.png differ diff --git a/TWA-App/wwwroot/images/1000/blog-section/seaport.jpg b/TWA-App/wwwroot/images/1000/blog-section/seaport.jpg new file mode 100644 index 0000000..196b769 Binary files /dev/null and b/TWA-App/wwwroot/images/1000/blog-section/seaport.jpg differ diff --git a/TWA-App/wwwroot/images/layout/element-map.svg b/TWA-App/wwwroot/images/layout/element-map.svg new file mode 100644 index 0000000..c60585d --- /dev/null +++ b/TWA-App/wwwroot/images/layout/element-map.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/TWA-App/wwwroot/images/layout/element-support.svg b/TWA-App/wwwroot/images/layout/element-support.svg new file mode 100644 index 0000000..4a0203c --- /dev/null +++ b/TWA-App/wwwroot/images/layout/element-support.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/TWA-App/wwwroot/images/layout/g0.jpg b/TWA-App/wwwroot/images/layout/g0.jpg new file mode 100644 index 0000000..1ad482a Binary files /dev/null and b/TWA-App/wwwroot/images/layout/g0.jpg differ diff --git a/TWA-App/wwwroot/images/layout/g1.jpg b/TWA-App/wwwroot/images/layout/g1.jpg new file mode 100644 index 0000000..161d126 Binary files /dev/null and b/TWA-App/wwwroot/images/layout/g1.jpg differ diff --git a/TWA-App/wwwroot/images/layout/g2.jpg b/TWA-App/wwwroot/images/layout/g2.jpg new file mode 100644 index 0000000..3b9a8a5 Binary files /dev/null and b/TWA-App/wwwroot/images/layout/g2.jpg differ diff --git a/TWA-App/wwwroot/images/layout/g3.jpg b/TWA-App/wwwroot/images/layout/g3.jpg new file mode 100644 index 0000000..b95a38b Binary files /dev/null and b/TWA-App/wwwroot/images/layout/g3.jpg differ diff --git a/TWA-App/wwwroot/images/layout/g4.jpg b/TWA-App/wwwroot/images/layout/g4.jpg new file mode 100644 index 0000000..6c78e7c Binary files /dev/null and b/TWA-App/wwwroot/images/layout/g4.jpg differ diff --git a/TWA-App/wwwroot/images/layout/g5.jpg b/TWA-App/wwwroot/images/layout/g5.jpg new file mode 100644 index 0000000..b7d9a74 Binary files /dev/null and b/TWA-App/wwwroot/images/layout/g5.jpg differ diff --git a/TWA-App/wwwroot/images/layout/g6.jpg b/TWA-App/wwwroot/images/layout/g6.jpg new file mode 100644 index 0000000..90c45e5 Binary files /dev/null and b/TWA-App/wwwroot/images/layout/g6.jpg differ diff --git a/TWA-App/wwwroot/js/js-page/1000.js b/TWA-App/wwwroot/js/js-page/1000.js index 8b5af65..01059fa 100644 --- a/TWA-App/wwwroot/js/js-page/1000.js +++ b/TWA-App/wwwroot/js/js-page/1000.js @@ -43,5 +43,23 @@ window.L1000 = function () { } } }); + document.querySelectorAll('.parallax').forEach(el => { + const parent = el.closest(".con-parallax"); + if (parent) { + parent.style.height = parent.offsetHeight + "px"; + const content = parent.querySelector("[data-content]"); + (content) ? content.style = "position:absolute; top:0; left:0" : ""; + } + el.style.height = "100vh"; + const src = el.getAttribute('data-src'); + el.style.backgroundImage = `url(${src})`; + }); + window.app.on("App_Scrolling", (t) => { + document.querySelectorAll('.parallax').forEach(el => { + const depth = parseFloat(el.dataset.depth || 0.5); + const yPos = -(t * depth); + el.style.backgroundPosition = `center ${yPos}px`; + }); + }); } window.AScript.set("1000", true); \ No newline at end of file