Quality Policy | 3sourcelogistic Nig. Ltd.
/* ── TOKENS */
:root {
--orange: #e67e15;
--yellow: #f6cb05;
--dark: #11161e;
--light: #f9faec;
--text: #333d4a;
--muted: #64748b;
--white: #ffffff;
--trans: all 0.3s cubic-bezier(0.4,0,0.2,1);
--fh: 'Cabinet Grotesk', sans-serif;
--fb: 'Plus Jakarta Sans', sans-serif;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;outline:none;}
html{scroll-behavior:smooth;}
body{font-family:var(--fb);background:#fafbfc;color:var(--text);line-height:1.6;overflow-x:hidden;}
ul{list-style:none;}
a{text-decoration:none;color:inherit;transition:var(--trans);}
img{max-width:100%;display:block;}
::-webkit-scrollbar{width:7px;}
::-webkit-scrollbar-track{background:#f1f1f1;}
::-webkit-scrollbar-thumb{background:var(--orange);border-radius:4px;}
/* ── LOGO */
.logo-container{display:flex;align-items:center;gap:12px;height:100%;}
.logo-img{height:50px;width:auto;object-fit:contain;}
.logo-text{font-family:var(--fh);font-weight:800;font-size:1.5rem;line-height:1.1;color:var(--dark);}
.logo-text span{color:var(--orange);display:block;font-size:.73rem;font-family:var(--fb);font-weight:600;letter-spacing:2px;text-transform:uppercase;}
/* ── TOP BAR */
.top-bar{background:var(--dark);color:var(--white);font-size:.82rem;padding:8px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--orange);}
.top-info span{margin-right:18px;display:inline-flex;align-items:center;gap:6px;}
.top-info i{color:var(--yellow);}
.top-socials a{margin-left:14px;color:#94a3b8;}
.top-socials a:hover{color:var(--yellow);}
/* ── HEADER */
header{background:rgba(255,255,255,.98);backdrop-filter:blur(10px);padding:0 5%;height:85px;position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px rgba(0,0,0,.06);}
/* ── NAV */
.az-nav{height:100%;display:flex;align-items:center;}
.az-menu{display:flex;gap:4px;align-items:center;height:100%;}
.az-menu>li{position:relative;height:100%;display:flex;align-items:center;}
.az-menu>li>a{font-weight:700;font-size:.93rem;color:var(--dark);padding:0 15px;height:100%;display:flex;align-items:center;gap:5px;}
.az-menu>li.has-dropdown>a::after,.az-menu>li.has-mega>a::after{content:"f107";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.78rem;transition:var(--trans);}
.az-menu>li:hover>a{color:var(--orange);}
.az-menu>li:hover>a::after{transform:rotate(180deg);}
.az-menu>li>a.active-page{color:var(--orange);}
.dropdown{position:absolute;top:100%;left:0;background:var(--white);box-shadow:0 10px 30px rgba(0,0,0,.09);border-top:3px solid var(--orange);min-width:220px;padding:10px 0;opacity:0;visibility:hidden;transform:translateY(15px);transition:var(--trans);border-radius:0 0 6px 6px;}
.dropdown li a{display:block;padding:10px 24px;font-size:.88rem;font-weight:600;color:var(--text);}
.dropdown li a:hover{background:#f8fafc;color:var(--orange);padding-left:28px;}
.has-mega{position:static!important;}
.mega-menu{position:absolute;top:100%;left:5%;width:90%;background:var(--white);box-shadow:0 15px 35px rgba(0,0,0,.09);border-top:3px solid var(--orange);padding:35px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:28px;opacity:0;visibility:hidden;transform:translateY(15px);transition:var(--trans);border-radius:0 0 8px 8px;}
.mega-column{display:flex;flex-direction:column;gap:7px;}
.mega-column h4{font-family:var(--fh);font-size:1rem;color:var(--dark);margin-bottom:8px;padding-bottom:7px;border-bottom:1px solid #f1f5f9;text-transform:uppercase;letter-spacing:.5px;}
.mega-column a{font-size:.88rem;font-weight:600;color:var(--muted);padding:5px 0;}
.mega-column a:hover{color:var(--orange);padding-left:5px;}
@media(min-width:992px){.az-menu li:hover .dropdown,.az-menu li:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0);}}
.az-actions{display:flex;align-items:center;gap:14px;}
.cta-btn{background:linear-gradient(135deg,var(--orange),#c96b0a);color:var(--white)!important;padding:11px 22px;border-radius:6px;font-weight:700;font-size:.88rem;box-shadow:0 4px 14px rgba(230,126,21,.3);white-space:nowrap;}
.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(230,126,21,.5);}
.az-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;cursor:pointer;z-index:1001;}
.az-toggle span{width:100%;height:2.5px;background:var(--dark);border-radius:2px;transition:var(--trans);}
.az-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,6px);}
.az-toggle.open span:nth-child(2){opacity:0;}
.az-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-6px);}
/* ══════════════════════════════════════
QUALITY POLICY PAGE
══════════════════════════════════════ */
/* ── HERO */
.qp-hero {
position: relative;
background: var(--dark);
padding: 110px 5% 90px;
overflow: hidden;
}
.qp-hero::before {
content: '';
position: absolute;
inset: 0;
background: url('https://images.unsplash.com/photo-1566576912321-d58ddd7a6088?q=80&w=2070&auto=format&fit=crop') center/cover;
opacity: .06;
}
/* large ghosted Q watermark */
.qp-hero::after {
content: 'QMS';
position: absolute;
right: 4%;
top: 50%;
transform: translateY(-50%);
font-family: var(--fh);
font-size: clamp(8rem, 18vw, 14rem);
font-weight: 800;
color: transparent;
-webkit-text-stroke: 2px rgba(230,126,21,.12);
pointer-events: none;
line-height: 1;
letter-spacing: -4px;
}
.qp-hero-inner {
position: relative;
z-index: 2;
max-width: 720px;
}
.breadcrumb {
display: flex;
align-items: center;
gap: 8px;
font-size: .78rem;
font-weight: 600;
color: rgba(255,255,255,.45);
margin-bottom: 22px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.breadcrumb a { color: var(--orange); }
.breadcrumb i { font-size: .65rem; }
.hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(230,126,21,.15);
border: 1px solid rgba(230,126,21,.3);
color: var(--yellow);
font-size: .74rem;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
padding: 7px 16px;
border-radius: 30px;
margin-bottom: 22px;
}
.qp-hero h1 {
font-family: var(--fh);
font-size: clamp(2.4rem, 5vw, 3.8rem);
font-weight: 800;
color: var(--white);
line-height: 1.05;
margin-bottom: 20px;
}
.qp-hero h1 span { color: var(--orange); }
.qp-hero p {
font-size: 1rem;
color: rgba(255,255,255,.62);
line-height: 1.8;
max-width: 580px;
}
/* ── INTRO STATEMENT */
.intro-section {
padding: 90px 5%;
background: var(--white);
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
.intro-text .eyebrow {
display: inline-block;
font-size: .75rem;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--orange);
margin-bottom: 14px;
}
.intro-text h2 {
font-family: var(--fh);
font-size: clamp(1.9rem, 3vw, 2.5rem);
font-weight: 800;
color: var(--dark);
line-height: 1.15;
margin-bottom: 20px;
}
.intro-text p {
font-size: .93rem;
color: var(--muted);
line-height: 1.9;
margin-bottom: 14px;
}
.intro-text p strong { color: var(--dark); font-weight: 700; }
.intro-visual {
position: relative;
}
.intro-img {
width: 100%;
height: 460px;
object-fit: cover;
border-radius: 18px;
box-shadow: 0 24px 60px rgba(0,0,0,.12);
}
/* floating cert badge */
.cert-badge {
position: absolute;
bottom: -24px;
left: -24px;
background: var(--orange);
color: var(--white);
padding: 20px 24px;
border-radius: 14px;
box-shadow: 0 12px 32px rgba(230,126,21,.4);
border: 4px solid var(--white);
text-align: center;
}
.cert-badge .cert-main {
font-family: var(--fh);
font-size: 1.4rem;
font-weight: 800;
display: block;
line-height: 1;
}
.cert-badge .cert-sub {
font-size: .72rem;
font-weight: 700;
letter-spacing: 1px;
opacity: .85;
margin-top: 4px;
display: block;
}
/* ── COMMITMENT PILLARS */
.pillars-section {
padding: 100px 5%;
background: var(--light);
}
.pillars-header {
text-align: center;
margin-bottom: 64px;
}
.pillars-header .eyebrow {
display: inline-block;
font-size: .75rem;
font-weight: 700;
letter-spacing: 2.5px;
text-transform: uppercase;
color: var(--orange);
margin-bottom: 14px;
}
.pillars-header h2 {
font-family: var(--fh);
font-size: clamp(2rem, 3.2vw, 2.8rem);
font-weight: 800;
color: var(--dark);
line-height: 1.1;
}
.pillars-header p {
font-size: .93rem;
color: var(--muted);
margin-top: 14px;
max-width: 540px;
margin-left: auto;
margin-right: auto;
line-height: 1.8;
}
.pillars-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
.pillar-card {
background: var(--white);
border-radius: 18px;
padding: 36px 30px;
border: 1px solid #eef1f5;
box-shadow: 0 3px 20px rgba(0,0,0,.04);
transition: var(--trans);
position: relative;
overflow: hidden;
}
.pillar-card::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: linear-gradient(90deg, var(--orange), var(--yellow));
transform: scaleX(0);
transform-origin: left;
transition: transform .4s ease;
}
.pillar-card:hover {
transform: translateY(-6px);
box-shadow: 0 18px 48px rgba(0,0,0,.1);
border-color: rgba(230,126,21,.15);
}
.pillar-card:hover::before { transform: scaleX(1); }
.pillar-num {
font-family: var(--fh);
font-size: 3rem;
font-weight: 800;
color: rgba(230,126,21,.1);
line-height: 1;
position: absolute;
top: 16px;
right: 20px;
}
.pillar-icon {
width: 58px; height: 58px;
background: rgba(230,126,21,.1);
border-radius: 14px;
display: flex; align-items: center; justify-content: center;
font-size: 1.4rem; color: var(--orange);
margin-bottom: 20px;
}
.pillar-card h3 {
font-family: var(--fh);
font-size: 1.05rem;
font-weight: 800;
color: var(--dark);
margin-bottom: 10px;
line-height: 1.2;
}
.pillar-card p {
font-size: .87rem;
color: var(--muted);
line-height: 1.75;
}
/* ── CLOSING STATEMENT (dark band) */
.closing-section {
background: var(--dark);
position: relative;
overflow: hidden;
padding: 90px 5%;
}
.closing-section::before {
content: '';
position: absolute;
inset: 0;
background: url('https://images.unsplash.com/photo-1494412574643-ff11b0a5c1c3?q=80&w=2070&auto=format&fit=crop') center/cover;
opacity: .05;
}
/* decorative ring */
.closing-section::after {
content: '';
position: absolute;
left: -100px;
bottom: -100px;
width: 500px;
height: 500px;
border-radius: 50%;
border: 80px solid rgba(230,126,21,.05);
pointer-events: none;
}
.closing-inner {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
}
.closing-quote {
border-left: 4px solid var(--orange);
padding-left: 32px;
}
.closing-quote blockquote {
font-family: var(--fh);
font-size: clamp(1.4rem, 2.5vw, 2rem);
font-weight: 700;
color: var(--white);
line-height: 1.4;
font-style: normal;
}
.closing-quote blockquote span { color: var(--orange); }
.closing-quote cite {
display: block;
margin-top: 20px;
font-size: .82rem;
font-weight: 700;
letter-spacing: 1.5px;
text-transform: uppercase;
color: rgba(255,255,255,.4);
font-style: normal;
}
.closing-pillars {
display: flex;
flex-direction: column;
gap: 20px;
}
.closing-item {
display: flex;
align-items: flex-start;
gap: 16px;
padding: 20px;
background: rgba(255,255,255,.04);
border: 1px solid rgba(255,255,255,.07);
border-radius: 12px;
transition: var(--trans);
}
.closing-item:hover {
background: rgba(230,126,21,.08);
border-color: rgba(230,126,21,.2);
}
.closing-item-icon {
width: 42px; height: 42px;
background: rgba(230,126,21,.15);
border-radius: 10px;
display: flex; align-items: center; justify-content: center;
font-size: 1rem; color: var(--orange);
flex-shrink: 0;
}
.closing-item-text h4 {
font-family: var(--fh);
font-size: .95rem;
font-weight: 800;
color: var(--white);
margin-bottom: 4px;
}
.closing-item-text p {
font-size: .83rem;
color: rgba(255,255,255,.5);
line-height: 1.6;
}
/* ── CTA BAND */
.cta-band {
background: linear-gradient(135deg, var(--orange), #c96b0a);
padding: 72px 5%;
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
flex-wrap: wrap;
position: relative;
overflow: hidden;
}
.cta-band::before {
content: '';
position: absolute;
right: -60px; top: -60px;
width: 320px; height: 320px;
border-radius: 50%;
background: rgba(255,255,255,.06);
pointer-events: none;
}
.cta-text { position: relative; z-index: 2; }
.cta-text h2 {
font-family: var(--fh);
font-size: clamp(1.7rem, 3vw, 2.2rem);
color: var(--white);
font-weight: 800;
margin-bottom: 8px;
}
.cta-text p { font-size: .93rem; color: rgba(255,255,255,.8); line-height: 1.7; }
.cta-actions { display: flex; gap: 14px; flex-wrap: wrap; position: relative; z-index: 2; }
.cta-solid {
background: var(--white);
color: var(--orange);
padding: 14px 30px;
border-radius: 8px;
font-family: var(--fh);
font-weight: 800;
font-size: .95rem;
box-shadow: 0 4px 16px rgba(0,0,0,.15);
transition: var(--trans);
}
.cta-solid:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.2); }
.cta-outline {
background: transparent;
color: var(--white);
padding: 14px 30px;
border-radius: 8px;
font-family: var(--fh);
font-weight: 700;
font-size: .95rem;
border: 2px solid rgba(255,255,255,.4);
transition: var(--trans);
}
.cta-outline:hover { background: rgba(255,255,255,.1); border-color: rgba(255,255,255,.7); }
/* ── FOOTER */
footer{background:#0c1016;color:#94a3b8;padding:70px 5% 0;}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:50px;padding-bottom:50px;border-bottom:1px solid rgba(255,255,255,.07);}
.footer-col h3{font-family:var(--fh);font-size:1rem;color:var(--white);margin-bottom:18px;letter-spacing:.5px;}
.footer-logo-side .logo-text{color:var(--white);}
.footer-logo-side .logo-text span{color:var(--orange);}
.footer-logo-side p{font-size:.85rem;line-height:1.7;margin-top:16px;color:#64748b;}
.footer-links li{margin-bottom:10px;}
.footer-links a{font-size:.88rem;color:#64748b;transition:var(--trans);}
.footer-links a:hover{color:var(--orange);padding-left:5px;}
.newsletter-desc{font-size:.84rem;line-height:1.7;margin-bottom:14px;}
.newsletter-form{display:flex;gap:8px;}
.newsletter-form .form-control{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:var(--white);border-radius:6px;padding:11px 14px;font-family:var(--fb);font-size:.9rem;}
.newsletter-form .form-control::placeholder{color:#64748b;}
.newsletter-btn{background:var(--orange);color:var(--white);border:none;padding:0 16px;border-radius:6px;cursor:pointer;font-size:.95rem;transition:var(--trans);flex-shrink:0;}
.newsletter-btn:hover{background:#c96b0a;}
.footer-bottom{padding:22px 0;text-align:center;font-size:.82rem;color:#475569;}
/* ── SCROLL REVEAL */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}
.reveal-delay-1{transition-delay:.1s;}
.reveal-delay-2{transition-delay:.2s;}
.reveal-delay-3{transition-delay:.3s;}
.reveal-delay-4{transition-delay:.4s;}
.reveal-delay-5{transition-delay:.5s;}
.reveal-delay-6{transition-delay:.6s;}
/* ── RESPONSIVE */
@media(max-width:991px){
header{height:72px;}
.az-toggle{display:flex;}
.az-nav{position:fixed;top:72px;left:-100%;width:100%;height:calc(100vh - 72px);background:var(--white);overflow-y:auto;padding:20px 5% 40px;transition:var(--trans);align-items:flex-start;z-index:999;}
.az-nav.active{left:0;}
.az-menu{flex-direction:column;width:100%;height:auto;gap:0;}
.az-menu>li{flex-direction:column;width:100%;height:auto;align-items:flex-start;border-bottom:1px solid #f1f5f9;}
.az-menu>li>a{width:100%;padding:15px 0;justify-content:space-between;}
.dropdown,.mega-menu{position:static;width:100%;opacity:1;visibility:visible;transform:none;box-shadow:none;border-top:none;padding:0 0 15px 15px;display:none;background:#fafbfc;border-radius:4px;}
.dropdown.visible,.mega-menu.visible{display:block;}
.mega-menu{grid-template-columns:1fr;gap:18px;padding-top:10px;}
.az-actions .cta-btn{display:none;}
.qp-hero::after{display:none;}
.intro-section{grid-template-columns:1fr;gap:48px;padding:70px 5%;}
.intro-img{height:320px;}
.cert-badge{left:0;bottom:-20px;}
.intro-visual{padding-bottom:44px;}
.pillars-grid{grid-template-columns:1fr 1fr;}
.closing-inner{grid-template-columns:1fr;gap:44px;}
.footer-grid{grid-template-columns:1fr 1fr;gap:36px;}
}
@media(max-width:576px){
.pillars-grid{grid-template-columns:1fr;}
.top-bar{flex-direction:column;gap:6px;text-align:center;}
.top-info span{margin-right:6px;font-size:.76rem;}
.footer-grid{grid-template-columns:1fr;}
.cta-band{flex-direction:column;}
.cta-actions{width:100%;}
.cta-solid,.cta-outline{text-align:center;flex:1;}
}
16, Amore Street, Off Toyin Street, Ikeja, Lagos, Nigeria.
Mon – Fri: 8:00 AM – 5:00 PM
ISO 9001 Quality Management System
Our QualityPolicy & Commitment
At 3Source Logistic, quality is not a department — it is our culture. Every shipment, every clearance, every partner interaction is governed by our commitment to consistent excellence, safety, and continuous improvement.
Quality Management System
Committed to Excellence Across Every Operation
At 3Source Logistic, we are committed to providing consistently efficient, reliable, and competitively priced Shipping, Logistics, Marine, and Supply Chain services that meet and exceed customer expectations.
Our focus is on delivering excellence through quality service, operational efficiency, safety, compliance, and continuous improvement across all aspects of our operations.
We are dedicated to maintaining an effective Quality Management System (QMS) that aligns with international standards, industry regulations, and best practices — ensuring customer satisfaction, business sustainability, and stakeholder confidence.
<img
src="https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?q=80&w=2070&auto=format&fit=crop"
alt="Quality Management at 3Source Logistic"
class="intro-img"
>
ISO 9001
QMS Certified
01
Safe, Timely & Dependable Solutions
Delivering safe, timely, and dependable logistics and marine solutions that protect your cargo, people, and reputation at every step of the supply chain.
02
Full Regulatory Compliance
Ensuring full compliance with all applicable statutory, regulatory, and industry requirements — eliminating risk before it becomes your problem.
03
Continuous Process Improvement
Continuously improving our processes, systems, and service delivery standards through regular audits, feedback loops, and performance benchmarking.
04
Employee Training & Development
Investing in employee training, development, competence, and professional growth — because our people are the engine of our quality promise.
05
Teamwork, Innovation & Accountability
Promoting a culture of teamwork, innovation, accountability, and ethical business conduct across every office and operation worldwide.
06
Health, Safety & Environmental Responsibility
Maintaining high standards of health, safety, security, and environmental responsibility in every logistics and marine operation we undertake.
07
Lasting Client & Stakeholder Relationships
Building strong and lasting relationships with customers, partners, and stakeholders through trust, transparency, and consistent professionalism.
08
Recognising Employee Excellence
Recognizing and rewarding employee excellence, dedication, and outstanding performance — fostering a culture where quality is celebrated.
09
Corporate Social Responsibility
Supporting corporate social responsibility initiatives that positively impact society and the broader logistics industry in Nigeria and beyond.
"Through effective leadership, modern technology, strategic partnerships, and customer-focused operations, 3Source Logistic remains committed to delivering value-driven solutions."
— 3Source Logistic Quality Management System (QMS)
Effective Leadership
Strong leadership guiding quality at every organizational level.
Modern Technology
Leveraging cutting-edge technology to drive efficiency and reliability.
Strategic Partnerships
Collaborating with global partners to extend our quality reach.
Customer-Focused Operations
Every process, policy, and decision begins and ends with the client.
Experience Quality Logistics First-Hand
Ready to work with a team that puts quality, compliance, and your satisfaction at the centre of everything? Let's start your shipment today.
/* ── NAV */
const trigger = document.getElementById('menu-trigger');
const navWrap = document.getElementById('nav-wrapper');
trigger.addEventListener('click', () => {
trigger.classList.toggle('open');
navWrap.classList.toggle('active');
});
document.querySelectorAll('.az-menu .has-dropdown > a, .az-menu .has-mega > a').forEach(link => {
link.addEventListener('click', e => {
if (window.innerWidth <= 991) {
e.preventDefault();
const sub = link.parentElement.querySelector('.dropdown, .mega-menu');
if (sub) sub.classList.toggle('visible');
}
});
});
document.querySelectorAll('.dropdown a, .mega-menu a').forEach(link => {
link.addEventListener('click', () => {
if (window.innerWidth <= 991) {
trigger.classList.remove('open');
navWrap.classList.remove('active');
}
});
});
/* ── SCROLL REVEAL */
const io = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); }
});
}, { threshold: 0.1 });
document.querySelectorAll('.reveal').forEach(el => io.observe(el));
