ideship/front
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
16ae7d2192
front/nanafa/about.html
zzh d572493115 20260504
2026-05-05 18:14:43 +08:00

523 lines
22 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Nanafa Express - About</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
</head>
<body>
<!-- ======= Header ======= -->
<header id="header" class="header d-flex align-items-center fixed-top">
<div class="container-fluid container-xl d-flex align-items-center justify-content-between">
<a href="index.html" class="logo d-flex align-items-center">
<img src="assets/img/logo1.png" alt="Nanafa logo">
<h1>Nanafa Express</h1>
</a>
<i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
<i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
<nav id="navbar" class="navbar">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html" class="active">About</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="contact.html">Contact</a></li>
<li><a class="get-a-quote" href="https://oms.nanafa.com/login">Start Shipping</a></li>
<li><a class="get-a-quote wms-link" href="https://c.nanafa.com/" target="_blank" rel="noopener">WMS(Old)</a></li>
<li><a class="get-a-quote wms-link" href="https://wms.nanafa.com/" target="_blank" rel="noopener">WMS(New)</a></li>
</ul>
</nav><!-- .navbar -->
</div>
</header><!-- End Header -->
<!-- End Header -->
<main id="main">
<!-- ======= Breadcrumbs ======= -->
<div class="breadcrumbs">
<div class="page-header d-flex align-items-center" style="background-image: url('assets/img/page-header.jpg');">
<div class="container position-relative">
<div class="row d-flex justify-content-center">
<div class="col-lg-6 text-center">
<h2>About</h2>
<p>We provide transparent pricing, stable transit timelines, and responsive support to help cross-border businesses ship with confidence.</p>
</div>
</div>
</div>
</div>
<nav>
<div class="container">
<ol>
<li><a href="index.html">Home</a></li>
<li>About</li>
</ol>
</div>
</nav>
</div><!-- End Breadcrumbs -->
<!-- ======= About Us Section ======= -->
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<div class="row gy-4">
<div class="col-lg-6 position-relative align-self-start order-lg-last order-first">
<img src="assets/img/about.jpg" class="img-fluid" alt="">
<a href="#" class="glightbox play-btn"></a>
</div>
<div class="col-lg-6 content order-last order-lg-first">
<h3>About Us</h3>
<p>
Nanafa Express focuses on international logistics operations with stable timelines, clear tracking, and transparent pricing to make global fulfillment faster and simpler.
</p>
<ul>
<li data-aos="fade-up" data-aos-delay="100">
<i class="bi bi-diagram-3"></i>
<div>
<h5>Global routes with predictable transit times</h5>
<p>Integrated routes and carriers help us keep lead times short and delivery quality consistent.</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="200">
<i class="bi bi-fullscreen-exit"></i>
<div>
<h5>Real-time tracking with proactive exception control</h5>
<p>Every shipment is visible from pickup to delivery, with proactive alerts for delays or issues.</p>
</div>
</li>
<li data-aos="fade-up" data-aos-delay="300">
<i class="bi bi-broadcast"></i>
<div>
<h5>Dedicated account support and response SLA</h5>
<p>Our specialists respond fast with SLA-backed support so operations stay smooth and simple.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</section><!-- End About Us Section -->
<!-- ======= Stats Counter Section ======= -->
<section id="stats-counter" class="stats-counter pt-0">
<div class="container" data-aos="fade-up">
<div class="row gy-4">
<div class="col-lg-3 col-md-6">
<div class="stats-item text-center w-100 h-100">
<span data-purecounter-start="0" data-purecounter-end="232" data-purecounter-duration="1" class="purecounter"></span>
<p>Clients</p>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6">
<div class="stats-item text-center w-100 h-100">
<span data-purecounter-start="0" data-purecounter-end="521" data-purecounter-duration="1" class="purecounter"></span>
<p>Projects</p>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6">
<div class="stats-item text-center w-100 h-100">
<span data-purecounter-start="0" data-purecounter-end="1453" data-purecounter-duration="1" class="purecounter"></span>
<p>Hours Of Support</p>
</div>
</div><!-- End Stats Item -->
<div class="col-lg-3 col-md-6">
<div class="stats-item text-center w-100 h-100">
<span data-purecounter-start="0" data-purecounter-end="32" data-purecounter-duration="1" class="purecounter"></span>
<p>Workers</p>
</div>
</div><!-- End Stats Item -->
</div>
</div>
</section><!-- End Stats Counter Section -->
<!-- ======= Our Team Section ======= -->
<section id="team" class="team pt-0">
<div class="container" data-aos="fade-up">
<div class="section-header">
<span>Our Team</span>
<h2>Our Team</h2>
</div>
<div class="row" data-aos="fade-up" data-aos-delay="100">
<div class="col-lg-4 col-md-6 d-flex">
<div class="member">
<img src="assets/img/team/team-1.jpg" class="img-fluid" alt="">
<div class="member-content">
<h4>Walter White</h4>
<span>Web Development</span>
<p>
Our operations team standardizes every fulfillment step to improve predictability and customer satisfaction.
</p>
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-4 col-md-6 d-flex">
<div class="member">
<img src="assets/img/team/team-2.jpg" class="img-fluid" alt="">
<div class="member-content">
<h4>Sarah Jhinson</h4>
<span>Marketing</span>
<p>
Repellat fugiat adipisci nemo illum nesciunt voluptas repellendus. In architecto rerum rerum temporibus
</p>
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div><!-- End Team Member -->
<div class="col-lg-4 col-md-6 d-flex">
<div class="member">
<img src="assets/img/team/team-3.jpg" class="img-fluid" alt="">
<div class="member-content">
<h4>William Anderson</h4>
<span>Content</span>
<p>
Voluptas necessitatibus occaecati quia. Earum totam consequuntur qui porro et laborum toro des clara
</p>
<div class="social">
<a href=""><i class="bi bi-twitter"></i></a>
<a href=""><i class="bi bi-facebook"></i></a>
<a href=""><i class="bi bi-instagram"></i></a>
<a href=""><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
</div><!-- End Team Member -->
</div>
</div>
</section><!-- End Our Team Section -->
<!-- ======= Testimonials Section ======= -->
<section id="testimonials" class="testimonials">
<div class="container">
<div class="slides-1 swiper" data-aos="fade-up">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-1.jpg" class="testimonial-img" alt="">
<h3>Liam Chen</h3>
<h4>Ceo &amp; Founder</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Nanafa helped us shorten delivery lead time and stabilize order fulfillment across multiple countries. Our customer complaints dropped significantly.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-2.jpg" class="testimonial-img" alt="">
<h3>Sophie Lin</h3>
<h4>Brand Operations Director</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
The route recommendations are practical and cost-effective. We can choose services by urgency and still keep margins healthy.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-3.jpg" class="testimonial-img" alt="">
<h3>David Wong</h3>
<h4>B2B Trading Manager</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Tracking visibility is excellent. Our team now handles exceptions faster with clearer operational ownership.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-4.jpg" class="testimonial-img" alt="">
<h3>Amy Zhao</h3>
<h4>Warehouse Operations Lead</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
Nanafa helped us improve on-time delivery and reduce logistics exceptions while keeping operations fast and simple.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
<div class="swiper-slide">
<div class="testimonial-item">
<img src="assets/img/testimonials/testimonials-5.jpg" class="testimonial-img" alt="">
<h3>Kevin Xu</h3>
<h4>International Business Owner</h4>
<div class="stars">
<i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i><i class="bi bi-star-fill"></i>
</div>
<p>
<i class="bi bi-quote quote-icon-left"></i>
For enterprise shipments, their SOP and billing reconciliation process saves us a lot of management time every month.
<i class="bi bi-quote quote-icon-right"></i>
</p>
</div>
</div><!-- End testimonial item -->
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</section><!-- End Testimonials Section -->
<!-- ======= Frequently Asked Questions Section ======= -->
<section id="faq" class="faq">
<div class="container" data-aos="fade-up">
<div class="section-header">
<span>Frequently Asked Questions</span>
<h2>Frequently Asked Questions</h2>
</div>
<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-10">
<div class="accordion accordion-flush" id="faqlist">
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-1">
<i class="bi bi-question-circle question-icon"></i>
Which countries and routes do you support?
</button>
</h3>
<div id="faq-content-1" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
We support major cross-border routes and can recommend channels based on transit time and cost targets.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-2">
<i class="bi bi-question-circle question-icon"></i>
Can I track every shipment in real time?
</button>
</h3>
<div id="faq-content-2" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Yes. You get milestone updates from pickup to delivery, with clear status visibility for your team.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-3">
<i class="bi bi-question-circle question-icon"></i>
How fast can I get a shipping quote?
</button>
</h3>
<div id="faq-content-3" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Share shipment details and we return a route-specific quote with transit-time options quickly.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-4">
<i class="bi bi-question-circle question-icon"></i>
Do you support enterprise-level custom workflows?
</button>
</h3>
<div id="faq-content-4" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
<i class="bi bi-question-circle question-icon"></i>
Yes. You get milestone updates from pickup to delivery, with clear status visibility for your team.
</div>
</div>
</div><!-- # Faq item-->
<div class="accordion-item">
<h3 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq-content-5">
<i class="bi bi-question-circle question-icon"></i>
How are claims and after-sales issues handled?
</button>
</h3>
<div id="faq-content-5" class="accordion-collapse collapse" data-bs-parent="#faqlist">
<div class="accordion-body">
Yes. We provide tailored SOPs, billing reconciliation, claims handling, and dedicated support teams.
</div>
</div>
</div><!-- # Faq item-->
</div>
</div>
</div>
</div>
</section><!-- End Frequently Asked Questions Section -->
</main><!-- End #main -->
<!-- ======= Footer ======= -->
<footer id="footer" class="footer">
<div class="container">
<div class="row gy-4">
<div class="col-lg-5 col-md-12 footer-info">
<a href="index.html" class="logo d-flex align-items-center">
<span>Nanafa Express</span>
</a>
<p>Nanafa Express is your international logistics partner for cross-border fulfillment, helping teams ship worldwide with faster execution and simpler operations.</p>
<div class="social-links d-flex mt-4">
<a href="#" class="wechat"><i class="fa-brands fa-weixin"></i></a>
<a href="#" class="douyin"><i class="fa-brands fa-tiktok"></i></a>
<a href="#" class="xiaohongshu"><i class="fa-regular fa-note-sticky"></i></a>
<a href="#" class="weibo"><i class="fa-brands fa-weibo"></i></a>
</div>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>Useful Links</h4>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Terms of service</a></li>
<li><a href="#">Privacy policy</a></li>
</ul>
</div>
<div class="col-lg-2 col-6 footer-links">
<h4>友情链接</h4>
<ul>
<li><a href="https://wms.nanafa.com/" target="_blank">Nanafa WMS</a></li>
<li><a href="https://c.nanafa.com/" target="_blank">Nanafa WMS (Old)</a></li>
<li><a href="https://oms.nanafa.com/" target="_blank">Nanafa OMS</a></li>
</ul>
</div>
<div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
<h4>Contact</h4>
<img src="assets/img/二维码.png" alt="QR Code" class="img-fluid w-50 mb-3" />
<p>
<strong>Phone:</strong> 18123959245<br>
<strong>Email:</strong> bd01@1st56.com<br>
<strong>Address:</strong> 深圳宝安区福永怀德翠岗5区36栋<br>
</p>
</div>
</div>
</div>
<div class="container mt-4">
<div class="copyright">
Copyright &copy; 2017-2026 Nanafa express. All Rights Reserved.<a target="_blank" href="https://beian.miit.gov.cn">粤ICP备19018720号</a>
</div>
</div>
</div>
</footer><!-- End Footer -->
<!-- End Footer -->
<a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<div id="preloader"></div>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink