<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pals Courier & Cargo - International Rates 2026</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
--accent: #4facfe;
--dark: #2c3e50;
--light: #ecf0f1;
--success: #27ae60;
--warning: #f39c12;
--danger: #e74c3c;
--logo-blue: #0066cc;
--logo-red: #cc0000;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Poppins', sans-serif;
line-height: 1.6;
color: var(--dark);
background: var(--primary-gradient);
min-height: 100vh;
overflow-x: hidden;
}
.container { max-width: 1200px; margin: 0 auto; padding: 20px; }
header {
background: rgba(255,255,255,0.1);
backdrop-filter: blur(20px);
border-radius: 30px;
padding: 30px;
text-align: center;
box-shadow: 0 20px 60px rgba(0,0,0,0.3);
margin-bottom: 50px;
border: 1px solid rgba(255,255,255,0.2);
animation: slideInDown 1s ease-out;
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
@keyframes slideInDown {
from { transform: translateY(-100px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
.logo-container {
width: 280px;
height: 140px;
position: relative;
}
.logo {
width: 100%;
height: 100%;
object-fit: contain;
border-radius: 15px;
box-shadow: 0 15px 40px rgba(0,0,0,0.3);
transition: transform 0.4s ease, box-shadow 0.4s ease;
}
.logo:hover {
transform: scale(1.05) rotate(2deg);
box-shadow: 0 25px 60px rgba(0,102,204,0.4);
}
.header-text {
color: white;
text-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
.header-text h1 {
font-size: 2.8em;
margin-bottom: 10px;
font-weight: 700;
background: var(--secondary-gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.header-text p { font-size: 1.3em; margin-bottom: 20px; opacity: 0.95; }
.contact {
background: var(--secondary-gradient);
color: white;
padding: 20px 40px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
font-size: 1.2em;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
box-shadow: 0 10px 30px rgba(245,87,108,0.4);
position: relative; overflow: hidden;
}
.contact:hover {
transform: translateY(-10px) scale(1.05);
box-shadow: 0 20px 50px rgba(245,87,108,0.6);
}
.contact i { margin-right: 10px; }
.rates-section {
background: rgba(255,255,255,0.95);
backdrop-filter: blur(20px);
border-radius: 30px;
padding: 50px;
box-shadow: 0 25px 70px rgba(0,0,0,0.2);
margin-bottom: 40px;
border: 1px solid rgba(255,255,255,0.3);
animation: slideInUp 1s ease-out 0.3s both;
}
@keyframes slideInUp {
from { transform: translateY(100px); opacity: 0; }
to { transform: translateY(0); opacity: 1; }
}
h2 {
color: var(--dark);
font-size: 2.5em;
margin-bottom: 30px;
text-align: center;
position: relative;
}
h2::after {
content: '';
width: 80px;
height: 4px;
background: var(--primary-gradient);
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
border-radius: 2px;
}
table {
width: 100%;
border-collapse: separate;
border-spacing: 0 15px;
margin-top: 30px;
}
th, td {
padding: 20px 25px;
text-align: center;
background: white;
border-radius: 15px;
box-shadow: 0 8px 25px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}
th {
background: var(--primary-gradient) !important;
color: white;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 1.1em;
}
tr td:first-child { font-weight: 700; color: var(--dark); font-size: 1.1em; }
tr:hover td {
transform: translateY(-5px);
box-shadow: 0 15px 40px rgba(0,0,0,0.15);
}
.note, .extra, .prohibited {
background: linear-gradient(135deg, rgba(255,243,205,0.8), rgba(255,193,7,0.1));
border-left: 6px solid var(--warning);
padding: 30px;
margin: 30px 0;
border-radius: 20px;
box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}
.extra { background: linear-gradient(135deg, rgba(232,244,253,0.8), rgba(79,172,254,0.1)); border-left-color: var(--accent); }
.prohibited { background: linear-gradient(135deg, rgba(255,245,245,0.9), rgba(231,76,60,0.1)); border-left-color: var(--danger); }
.note i, .extra i, .prohibited i { font-size: 1.5em; margin-right: 15px; vertical-align: middle; }
ul { list-style: none; padding-left: 0; }
ul li {
padding: 12px 0;
position: relative;
padding-left: 40px;
font-size: 1.05em;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
ul li:last-child { border-bottom: none; }
ul li:before {
content: '\f00c';
font-family: 'Font Awesome 6 Free';
font-weight: 900;
position: absolute;
left: 0;
color: var(--success);
font-size: 1.2em;
}
.prohibited ul li:before { content: '\f00d'; color: var(--danger); }
@media (max-width: 768px) {
.rates-section { padding: 30px 20px; }
table { font-size: 14px; }
th, td { padding: 15px 10px; }
.header-text h1 { font-size: 2.2em; }
.logo-container { width: 240px; height: 120px; }
}
.flag { font-size: 1.5em; margin-right: 10px; }
</style>
</head>
<body>
<div class="container">
<header>
<div class="logo-container">
<img src="png-02-8.jpg" alt="Pals Courier & Cargo Pvt. Ltd. Logo" class="logo" id="file:20">
</div>
<div class="header-text">
<h1>International Rates 2026</h1>
<p><strong>Affordable & Reliable Shipping from Nepal</strong></p>
</div>
<a href="tel:9857083966" class="contact">
<i class="fas fa-phone"></i> Akur Chaulagain | 9857083966
</a>
<p style="color: rgba(255,255,255,0.8); font-size: 1.1em;">
NBTC Wholesale Complex, Khasibazar, Kathmandu
</p>
</header>
<section class="rates-section">
<h2><i class="fas fa-table"></i> Courier Rates (NPR)</h2>
<div class="note">
<i class="fas fa-info-circle"></i>
<strong>Rate Structure:</strong> Base up to 1kg + Additional per full 1kg + Additional per ½kg. <strong>Packaging FREE!</strong> 🚚
</div>
<table>
<thead>
<tr>
<th><i class="fas fa-flag"></i> Country</th>
<th><i class="fas fa-weight-hanging"></i> Up to 1kg</th>
<th>+1kg</th>
<th>+½kg</th>
</tr>
</thead>
<tbody>
<tr>
<td><span class="flag">🇯🇵</span> JAPAN</td>
<td><strong>2,500</strong></td>
<td>600</td>
<td>400</td>
</tr>
<tr>
<td><span class="flag">🇰🇷</span> S. KOREA</td>
<td><strong>3,000</strong></td>
<td>600</td>
<td>400</td>
</tr>
<tr>
<td><span class="flag">🇧🇳</span> BRUNEI</td>
<td><strong>2,500</strong></td>
<td>400</td>
<td>250</td>
</tr>
<tr>
<td><span class="flag">🇮🇳</span> INDIA</td>
<td><strong>850</strong></td>
<td>500</td>
<td>500</td>
</tr>
<tr>
<td><span class="flag">🇲🇾</span> MALAYSIA</td>
<td><strong>2,500</strong></td>
<td>450</td>
<td>300</td>
</tr>
</tbody>
</table>
</section>
<section class="rates-section">
<h2><i class="fas fa-plus-circle"></i> Extra Charges</h2>
<div class="extra">
<i class="fas fa-exclamation-triangle"></i>
<ul>
<li><i class="fas fa-pills"></i> Medicines: +2,000 NPR (prescription required, max 3 months)</li>
<li><i class="fas fa-oil-can"></i> Ghee/Oil: +1,000 NPR per bottle (small bottles, max 2/box)</li>
<li><i class="fas fa-shipping-fast"></i> Custom handling (>10kg): +1,000 NPR</li>
<li><i class="fas fa-file-alt"></i> Documents (≤500g): Special fast rates</li>
</ul>
</div>
</section>
<section class="rates-section">
<h2><i class="fas fa-ban"></i> Prohibited Items</h2>
<div class="prohibited">
<i class="fas fa-exclamation-circle"></i>
<ul>
<li>Meat products / Sukuti</li>
<li>Coconut</li>
<li>Perfume / Spray</li>
<li>Cigarettes, Gutkha</li>
<li>Rice, Seeds</li>
<li>Gold/Silver jewelry (artificial only, limited)</li>
</ul>
</div>
</section>
</div>
</body>
</html>
Comments
One response to “”
-
Hi, this is a comment.
To get started with moderating, editing, and deleting comments, please visit the Comments screen in the dashboard.
Commenter avatars come from Gravatar.
Leave a Reply