front/nanafa/service-details.html
2026-05-05 18:14:43 +08:00

222 lines
8.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Nanafa Express - Service Details</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">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>Service Details</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>Service Details</li>
</ol>
</div>
</nav>
</div><!-- End Breadcrumbs -->
<!-- ======= Service Details Section ======= -->
<section id="service-details" class="service-details">
<div class="container" data-aos="fade-up">
<div class="row gy-4">
<div class="col-lg-4">
<div class="services-list">
<a href="#" class="active">Storage</a>
<a href="#">Logistics</a>
<a href="#">Cargo</a>
<a href="#">Trucking</a>
<a href="#">Packaging</a>
<a href="#">Warehousing</a>
</div>
<h4>International Logistics Expertise</h4>
<p>We combine route planning, customs coordination, and fulfillment execution to keep cross-border delivery reliable and easy to manage.</p>
</div>
<div class="col-lg-8">
<img src="assets/img/service-details.jpg" alt="" class="img-fluid services-img">
<h3>Service details built around faster and simpler global shipping</h3>
<p>
Nanafa Express delivers practical international logistics with clear operating standards, stable timelines, and full shipment visibility.
</p>
<ul>
<li><i class="bi bi-check-circle"></i> <span>Route-specific transport plans balancing cost, speed, and service reliability.</span></li>
<li><i class="bi bi-check-circle"></i> <span>Milestone tracking with proactive delay and exception alerts.</span></li>
<li><i class="bi bi-check-circle"></i> <span>Dedicated support from booking to delivery with clear escalation paths.</span></li>
</ul>
<p>
Our teams coordinate warehouse, line-haul, customs, and last-mile partners to reduce delays and improve customer delivery experience.
</p>
<p>
If your business needs a dependable cross-border logistics partner, we can design and run a workflow that keeps shipping faster and simpler every day.
</p>
</div>
</div>
</div>
</section><!-- End Service Details 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>