1198 lines
44 KiB
HTML
1198 lines
44 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ENTECH | Electroless Nickel Technologies Inc. — Industrial Surface Finishing in Toronto</title>
|
|
<meta name="description" content="ENTECH provides Nadcap-certified electroless nickel plating, anodizing & black oxidizing in Toronto. Serving aerospace, defence, medical & nuclear industries since 2000. ISO 9001 | AS9100D | ITAR.">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root {
|
|
--navy: #0a1628;
|
|
--navy-light: #111d33;
|
|
--blue: #1e40af;
|
|
--blue-bright: #3b82f6;
|
|
--cyan: #06b6d4;
|
|
--gold: #f59e0b;
|
|
--gold-light: #fbbf24;
|
|
--white: #ffffff;
|
|
--gray-50: #f8fafc;
|
|
--gray-100: #f1f5f9;
|
|
--gray-200: #e2e8f0;
|
|
--gray-300: #cbd5e1;
|
|
--gray-400: #94a3b8;
|
|
--gray-500: #64748b;
|
|
--gray-600: #475569;
|
|
--gray-700: #334155;
|
|
--gray-800: #1e293b;
|
|
--gray-900: #0f172a;
|
|
}
|
|
|
|
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
|
|
body {
|
|
font-family: 'Inter', -apple-system, sans-serif;
|
|
color: var(--gray-800);
|
|
line-height: 1.6;
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5 {
|
|
font-family: 'Space Grotesk', sans-serif;
|
|
line-height: 1.15;
|
|
}
|
|
|
|
/* ============ TOP BAR ============ */
|
|
.top-bar {
|
|
background: var(--navy);
|
|
color: var(--gray-400);
|
|
font-size: 0.8rem;
|
|
padding: 8px 0;
|
|
}
|
|
.top-bar .container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.top-bar a { color: var(--gray-300); text-decoration: none; }
|
|
.top-bar a:hover { color: var(--gold); }
|
|
.top-bar .certs {
|
|
display: flex;
|
|
gap: 16px;
|
|
font-weight: 500;
|
|
font-size: 0.75rem;
|
|
letter-spacing: 0.05em;
|
|
text-transform: uppercase;
|
|
}
|
|
.top-bar .certs span { color: var(--gold); }
|
|
|
|
/* ============ NAV ============ */
|
|
nav {
|
|
background: var(--white);
|
|
padding: 16px 0;
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 100;
|
|
box-shadow: 0 1px 3px rgba(0,0,0,0.06);
|
|
}
|
|
nav .container {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.logo {
|
|
font-family: 'Space Grotesk', sans-serif;
|
|
font-size: 1.8rem;
|
|
font-weight: 800;
|
|
color: var(--navy);
|
|
text-decoration: none;
|
|
letter-spacing: -0.02em;
|
|
}
|
|
.logo span { color: var(--blue); }
|
|
.nav-links { display: flex; gap: 32px; align-items: center; }
|
|
.nav-links a {
|
|
color: var(--gray-700);
|
|
text-decoration: none;
|
|
font-weight: 500;
|
|
font-size: 0.95rem;
|
|
transition: color 0.2s;
|
|
}
|
|
.nav-links a:hover { color: var(--blue); }
|
|
.btn-primary {
|
|
background: var(--blue);
|
|
color: var(--white);
|
|
padding: 12px 28px;
|
|
border-radius: 8px;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
font-size: 0.95rem;
|
|
transition: all 0.3s;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
.btn-primary:hover { background: #1e3a8a; transform: translateY(-1px); box-shadow: 0 4px 12px rgba(30,64,175,0.3); }
|
|
|
|
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
|
|
|
|
/* ============ HERO ============ */
|
|
.hero {
|
|
background: linear-gradient(135deg, var(--navy) 0%, #0f2847 50%, #132f5b 100%);
|
|
padding: 100px 0 80px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.hero::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: -50%;
|
|
right: -20%;
|
|
width: 800px;
|
|
height: 800px;
|
|
background: radial-gradient(circle, rgba(6,182,212,0.08) 0%, transparent 70%);
|
|
border-radius: 50%;
|
|
}
|
|
.hero::after {
|
|
content: '';
|
|
position: absolute;
|
|
bottom: -30%;
|
|
left: -10%;
|
|
width: 600px;
|
|
height: 600px;
|
|
background: radial-gradient(circle, rgba(245,158,11,0.06) 0%, transparent 70%);
|
|
border-radius: 50%;
|
|
}
|
|
.hero .container { position: relative; z-index: 1; }
|
|
.hero-grid {
|
|
display: grid;
|
|
grid-template-columns: 1.2fr 0.8fr;
|
|
gap: 60px;
|
|
align-items: center;
|
|
}
|
|
.hero-badge {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
background: rgba(245,158,11,0.12);
|
|
border: 1px solid rgba(245,158,11,0.25);
|
|
color: var(--gold-light);
|
|
padding: 8px 16px;
|
|
border-radius: 100px;
|
|
font-size: 0.8rem;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.1em;
|
|
margin-bottom: 24px;
|
|
}
|
|
.hero h1 {
|
|
font-size: 3.5rem;
|
|
font-weight: 800;
|
|
color: var(--white);
|
|
margin-bottom: 20px;
|
|
letter-spacing: -0.03em;
|
|
}
|
|
.hero h1 .highlight {
|
|
background: linear-gradient(135deg, var(--cyan) 0%, var(--blue-bright) 100%);
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
.hero p {
|
|
font-size: 1.2rem;
|
|
color: var(--gray-400);
|
|
margin-bottom: 36px;
|
|
max-width: 540px;
|
|
line-height: 1.7;
|
|
}
|
|
.hero-actions { display: flex; gap: 16px; margin-bottom: 48px; }
|
|
.btn-outline {
|
|
border: 2px solid rgba(255,255,255,0.2);
|
|
color: var(--white);
|
|
padding: 12px 28px;
|
|
border-radius: 8px;
|
|
text-decoration: none;
|
|
font-weight: 600;
|
|
font-size: 0.95rem;
|
|
transition: all 0.3s;
|
|
}
|
|
.btn-outline:hover { border-color: var(--cyan); color: var(--cyan); }
|
|
|
|
.hero-stats {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 24px;
|
|
}
|
|
.stat-item {
|
|
text-align: center;
|
|
padding: 16px;
|
|
border-right: 1px solid rgba(255,255,255,0.08);
|
|
}
|
|
.stat-item:last-child { border-right: none; }
|
|
.stat-number {
|
|
font-family: 'Space Grotesk', sans-serif;
|
|
font-size: 2.5rem;
|
|
font-weight: 800;
|
|
color: var(--white);
|
|
}
|
|
.stat-number span { color: var(--gold); }
|
|
.stat-label {
|
|
color: var(--gray-400);
|
|
font-size: 0.85rem;
|
|
font-weight: 500;
|
|
margin-top: 4px;
|
|
}
|
|
|
|
/* Hero Right — feature card stack */
|
|
.hero-right {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 16px;
|
|
}
|
|
.hero-card {
|
|
background: rgba(255,255,255,0.04);
|
|
border: 1px solid rgba(255,255,255,0.08);
|
|
backdrop-filter: blur(8px);
|
|
border-radius: 16px;
|
|
padding: 24px;
|
|
transition: all 0.3s;
|
|
}
|
|
.hero-card:hover {
|
|
background: rgba(255,255,255,0.07);
|
|
border-color: rgba(6,182,212,0.3);
|
|
transform: translateX(-4px);
|
|
}
|
|
.hero-card-icon {
|
|
width: 48px;
|
|
height: 48px;
|
|
background: linear-gradient(135deg, var(--blue) 0%, var(--cyan) 100%);
|
|
border-radius: 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 1.4rem;
|
|
margin-bottom: 12px;
|
|
}
|
|
.hero-card h3 { color: var(--white); font-size: 1.1rem; margin-bottom: 6px; }
|
|
.hero-card p { color: var(--gray-400); font-size: 0.9rem; line-height: 1.5; }
|
|
|
|
/* ============ TRUST BAR ============ */
|
|
.trust-bar {
|
|
background: var(--white);
|
|
border-bottom: 1px solid var(--gray-200);
|
|
padding: 32px 0;
|
|
}
|
|
.trust-bar .container {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
gap: 48px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.trust-badge {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 10px;
|
|
padding: 8px 20px;
|
|
border: 1px solid var(--gray-200);
|
|
border-radius: 8px;
|
|
background: var(--gray-50);
|
|
}
|
|
.trust-badge .icon {
|
|
width: 36px;
|
|
height: 36px;
|
|
background: var(--navy);
|
|
border-radius: 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--gold);
|
|
font-size: 1rem;
|
|
}
|
|
.trust-badge strong {
|
|
font-size: 0.85rem;
|
|
color: var(--navy);
|
|
display: block;
|
|
line-height: 1.2;
|
|
}
|
|
.trust-badge small {
|
|
font-size: 0.7rem;
|
|
color: var(--gray-500);
|
|
}
|
|
|
|
/* ============ SERVICES ============ */
|
|
.services {
|
|
padding: 100px 0;
|
|
background: var(--gray-50);
|
|
}
|
|
.section-header {
|
|
text-align: center;
|
|
max-width: 640px;
|
|
margin: 0 auto 64px;
|
|
}
|
|
.section-label {
|
|
display: inline-block;
|
|
font-size: 0.8rem;
|
|
font-weight: 700;
|
|
color: var(--blue);
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.15em;
|
|
margin-bottom: 12px;
|
|
}
|
|
.section-header h2 {
|
|
font-size: 2.6rem;
|
|
font-weight: 800;
|
|
color: var(--navy);
|
|
margin-bottom: 16px;
|
|
letter-spacing: -0.02em;
|
|
}
|
|
.section-header p {
|
|
font-size: 1.1rem;
|
|
color: var(--gray-500);
|
|
}
|
|
|
|
.services-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
gap: 24px;
|
|
}
|
|
.service-card {
|
|
background: var(--white);
|
|
border-radius: 16px;
|
|
padding: 36px 28px;
|
|
border: 1px solid var(--gray-200);
|
|
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.service-card::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 4px;
|
|
background: linear-gradient(90deg, var(--blue), var(--cyan));
|
|
transform: scaleX(0);
|
|
transform-origin: left;
|
|
transition: transform 0.4s;
|
|
}
|
|
.service-card:hover {
|
|
transform: translateY(-6px);
|
|
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
|
|
border-color: transparent;
|
|
}
|
|
.service-card:hover::before { transform: scaleX(1); }
|
|
.service-icon {
|
|
width: 56px;
|
|
height: 56px;
|
|
background: linear-gradient(135deg, rgba(30,64,175,0.08) 0%, rgba(6,182,212,0.08) 100%);
|
|
border-radius: 14px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-size: 1.6rem;
|
|
margin-bottom: 20px;
|
|
}
|
|
.service-card h3 {
|
|
font-size: 1.2rem;
|
|
font-weight: 700;
|
|
color: var(--navy);
|
|
margin-bottom: 10px;
|
|
}
|
|
.service-card p {
|
|
color: var(--gray-500);
|
|
font-size: 0.95rem;
|
|
line-height: 1.6;
|
|
margin-bottom: 16px;
|
|
}
|
|
.service-specs {
|
|
list-style: none;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 6px;
|
|
}
|
|
.service-specs li {
|
|
font-size: 0.85rem;
|
|
color: var(--gray-600);
|
|
padding-left: 20px;
|
|
position: relative;
|
|
}
|
|
.service-specs li::before {
|
|
content: '~';
|
|
position: absolute;
|
|
left: 0;
|
|
color: var(--cyan);
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* ============ WHY ENTECH (wall factor section) ============ */
|
|
.why-section {
|
|
padding: 100px 0;
|
|
background: var(--navy);
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.why-section::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.02'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
|
|
}
|
|
.why-section .section-label { color: var(--gold); }
|
|
.why-section .section-header h2 { color: var(--white); }
|
|
.why-section .section-header p { color: var(--gray-400); }
|
|
|
|
.why-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 24px;
|
|
position: relative;
|
|
z-index: 1;
|
|
}
|
|
.why-card {
|
|
background: rgba(255,255,255,0.03);
|
|
border: 1px solid rgba(255,255,255,0.06);
|
|
border-radius: 16px;
|
|
padding: 36px;
|
|
transition: all 0.4s;
|
|
}
|
|
.why-card:hover {
|
|
background: rgba(255,255,255,0.06);
|
|
border-color: rgba(6,182,212,0.2);
|
|
transform: translateY(-4px);
|
|
}
|
|
.why-number {
|
|
font-family: 'Space Grotesk', sans-serif;
|
|
font-size: 3rem;
|
|
font-weight: 800;
|
|
background: linear-gradient(135deg, var(--blue-bright), var(--cyan));
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
line-height: 1;
|
|
margin-bottom: 16px;
|
|
}
|
|
.why-card h3 {
|
|
color: var(--white);
|
|
font-size: 1.3rem;
|
|
margin-bottom: 10px;
|
|
}
|
|
.why-card p {
|
|
color: var(--gray-400);
|
|
font-size: 0.95rem;
|
|
line-height: 1.7;
|
|
}
|
|
|
|
/* ============ PROCESS ============ */
|
|
.process {
|
|
padding: 100px 0;
|
|
background: var(--white);
|
|
}
|
|
.process-steps {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 0;
|
|
position: relative;
|
|
}
|
|
.process-steps::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 44px;
|
|
left: 12.5%;
|
|
width: 75%;
|
|
height: 2px;
|
|
background: linear-gradient(90deg, var(--blue), var(--cyan), var(--gold));
|
|
}
|
|
.process-step {
|
|
text-align: center;
|
|
position: relative;
|
|
padding: 0 20px;
|
|
}
|
|
.step-number {
|
|
width: 48px;
|
|
height: 48px;
|
|
background: var(--navy);
|
|
color: var(--white);
|
|
border-radius: 50%;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
font-family: 'Space Grotesk', sans-serif;
|
|
font-weight: 700;
|
|
font-size: 1.1rem;
|
|
margin: 0 auto 20px;
|
|
position: relative;
|
|
z-index: 1;
|
|
border: 4px solid var(--white);
|
|
box-shadow: 0 0 0 2px var(--navy);
|
|
}
|
|
.process-step h3 {
|
|
font-size: 1.05rem;
|
|
color: var(--navy);
|
|
margin-bottom: 8px;
|
|
}
|
|
.process-step p {
|
|
font-size: 0.9rem;
|
|
color: var(--gray-500);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* ============ INDUSTRIES ============ */
|
|
.industries {
|
|
padding: 100px 0;
|
|
background: var(--gray-50);
|
|
}
|
|
.industries-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 20px;
|
|
}
|
|
.industry-card {
|
|
background: var(--white);
|
|
border-radius: 12px;
|
|
padding: 32px 24px;
|
|
text-align: center;
|
|
border: 1px solid var(--gray-200);
|
|
transition: all 0.3s;
|
|
}
|
|
.industry-card:hover {
|
|
border-color: var(--blue);
|
|
transform: translateY(-4px);
|
|
box-shadow: 0 12px 24px rgba(0,0,0,0.06);
|
|
}
|
|
.industry-icon {
|
|
font-size: 2.2rem;
|
|
margin-bottom: 16px;
|
|
display: block;
|
|
}
|
|
.industry-card h3 {
|
|
font-size: 1rem;
|
|
color: var(--navy);
|
|
margin-bottom: 8px;
|
|
}
|
|
.industry-card p {
|
|
font-size: 0.85rem;
|
|
color: var(--gray-500);
|
|
line-height: 1.5;
|
|
}
|
|
|
|
/* ============ SPECS BANNER ============ */
|
|
.specs-banner {
|
|
padding: 80px 0;
|
|
background: linear-gradient(135deg, var(--blue) 0%, #0369a1 100%);
|
|
color: var(--white);
|
|
}
|
|
.specs-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(4, 1fr);
|
|
gap: 32px;
|
|
text-align: center;
|
|
}
|
|
.spec-item h3 {
|
|
font-size: 2.8rem;
|
|
font-weight: 800;
|
|
margin-bottom: 8px;
|
|
}
|
|
.spec-item p {
|
|
font-size: 0.9rem;
|
|
opacity: 0.85;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
/* ============ FAQ ============ */
|
|
.faq {
|
|
padding: 100px 0;
|
|
background: var(--white);
|
|
}
|
|
.faq-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
gap: 20px;
|
|
max-width: 1000px;
|
|
margin: 0 auto;
|
|
}
|
|
.faq-item {
|
|
background: var(--gray-50);
|
|
border-radius: 12px;
|
|
padding: 28px;
|
|
border: 1px solid var(--gray-200);
|
|
transition: all 0.3s;
|
|
}
|
|
.faq-item:hover {
|
|
border-color: var(--blue);
|
|
background: var(--white);
|
|
}
|
|
.faq-item h3 {
|
|
font-size: 1rem;
|
|
color: var(--navy);
|
|
margin-bottom: 10px;
|
|
font-weight: 600;
|
|
}
|
|
.faq-item p {
|
|
font-size: 0.9rem;
|
|
color: var(--gray-500);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
/* ============ CTA ============ */
|
|
.cta {
|
|
padding: 100px 0;
|
|
background: var(--navy);
|
|
text-align: center;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.cta::before {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
width: 800px;
|
|
height: 800px;
|
|
background: radial-gradient(circle, rgba(30,64,175,0.15) 0%, transparent 60%);
|
|
border-radius: 50%;
|
|
}
|
|
.cta .container { position: relative; z-index: 1; }
|
|
.cta h2 {
|
|
font-size: 2.8rem;
|
|
font-weight: 800;
|
|
color: var(--white);
|
|
margin-bottom: 16px;
|
|
}
|
|
.cta p {
|
|
font-size: 1.15rem;
|
|
color: var(--gray-400);
|
|
max-width: 600px;
|
|
margin: 0 auto 36px;
|
|
}
|
|
.cta-actions { display: flex; gap: 16px; justify-content: center; }
|
|
.btn-gold {
|
|
background: linear-gradient(135deg, var(--gold), #d97706);
|
|
color: var(--navy);
|
|
padding: 16px 36px;
|
|
border-radius: 8px;
|
|
text-decoration: none;
|
|
font-weight: 700;
|
|
font-size: 1rem;
|
|
transition: all 0.3s;
|
|
}
|
|
.btn-gold:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(245,158,11,0.3); }
|
|
.cta-phone {
|
|
color: var(--white);
|
|
font-size: 1.4rem;
|
|
font-weight: 700;
|
|
margin-top: 24px;
|
|
font-family: 'Space Grotesk', sans-serif;
|
|
}
|
|
.cta-phone a { color: var(--cyan); text-decoration: none; }
|
|
|
|
/* ============ FOOTER ============ */
|
|
footer {
|
|
background: #060e1a;
|
|
padding: 64px 0 32px;
|
|
color: var(--gray-400);
|
|
}
|
|
.footer-grid {
|
|
display: grid;
|
|
grid-template-columns: 1.5fr 1fr 1fr 1fr;
|
|
gap: 48px;
|
|
margin-bottom: 48px;
|
|
}
|
|
.footer-brand .logo { color: var(--white); margin-bottom: 16px; display: inline-block; }
|
|
.footer-brand p { font-size: 0.9rem; line-height: 1.7; margin-bottom: 20px; }
|
|
.footer-col h4 {
|
|
color: var(--white);
|
|
font-size: 0.9rem;
|
|
font-weight: 600;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.1em;
|
|
margin-bottom: 20px;
|
|
}
|
|
.footer-col ul { list-style: none; }
|
|
.footer-col li { margin-bottom: 10px; }
|
|
.footer-col a {
|
|
color: var(--gray-400);
|
|
text-decoration: none;
|
|
font-size: 0.9rem;
|
|
transition: color 0.2s;
|
|
}
|
|
.footer-col a:hover { color: var(--cyan); }
|
|
.footer-bottom {
|
|
border-top: 1px solid rgba(255,255,255,0.06);
|
|
padding-top: 24px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
font-size: 0.8rem;
|
|
}
|
|
|
|
/* ============ PAGE LABELS ============ */
|
|
.page-label {
|
|
background: #ff4444;
|
|
color: white;
|
|
padding: 4px 12px;
|
|
border-radius: 4px;
|
|
font-size: 0.7rem;
|
|
font-weight: 700;
|
|
text-transform: uppercase;
|
|
letter-spacing: 0.1em;
|
|
position: fixed;
|
|
top: 12px;
|
|
right: 12px;
|
|
z-index: 9999;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="page-label">DESIGN PREVIEW</div>
|
|
|
|
<!-- ==================== TOP BAR ==================== -->
|
|
<div class="top-bar">
|
|
<div class="container">
|
|
<div>
|
|
<a href="tel:+14167492400">+1 (416) 749-2400</a> |
|
|
<a href="mailto:sales@enplating.ca">sales@enplating.ca</a> |
|
|
36 Taber Road, Etobicoke, ON M9W 3A8
|
|
</div>
|
|
<div class="certs">
|
|
<span>Nadcap</span> |
|
|
<span>ISO 9001</span> |
|
|
<span>AS9100D</span> |
|
|
<span>ITAR</span> |
|
|
<span>FAA</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ==================== NAVIGATION ==================== -->
|
|
<nav>
|
|
<div class="container">
|
|
<a href="#" class="logo">EN<span>TECH</span></a>
|
|
<div class="nav-links">
|
|
<a href="#services">Services</a>
|
|
<a href="#industries">Industries</a>
|
|
<a href="#why">Why ENTECH</a>
|
|
<a href="#certifications">Certifications</a>
|
|
<a href="#faq">FAQ</a>
|
|
<a href="#contact" class="btn-primary">Request a Quote →</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- ==================== HERO ==================== -->
|
|
<section class="hero">
|
|
<div class="container">
|
|
<div class="hero-grid">
|
|
<div>
|
|
<div class="hero-badge">★ Proudly Canadian • Industrial Surface Finishing</div>
|
|
<h1>Precision Coatings That <span class="highlight">Outperform</span> Every Standard</h1>
|
|
<p>ENTECH delivers Nadcap-certified electroless nickel plating, anodizing, and black oxidizing for the world's most demanding industries — aerospace, defence, nuclear, and medical.</p>
|
|
<div class="hero-actions">
|
|
<a href="#contact" class="btn-primary">Get a Free Quote →</a>
|
|
<a href="#services" class="btn-outline">Explore Services</a>
|
|
</div>
|
|
<div class="hero-stats">
|
|
<div class="stat-item">
|
|
<div class="stat-number">25<span>+</span></div>
|
|
<div class="stat-label">Years of Excellence</div>
|
|
</div>
|
|
<div class="stat-item">
|
|
<div class="stat-number">1000<span>h</span></div>
|
|
<div class="stat-label">Salt Spray Protection</div>
|
|
</div>
|
|
<div class="stat-item">
|
|
<div class="stat-number">±.0001<span>"</span></div>
|
|
<div class="stat-label">Tolerance Achievable</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="hero-right">
|
|
<div class="hero-card">
|
|
<div class="hero-card-icon">⚙</div>
|
|
<h3>Electroless Nickel Plating</h3>
|
|
<p>Uniform thickness on complex geometries. High-phos, mid-phos, NorLast™ and NorLube™ processes.</p>
|
|
</div>
|
|
<div class="hero-card">
|
|
<div class="hero-card-icon">◆</div>
|
|
<h3>Aluminum Anodizing</h3>
|
|
<p>Type II and Type III hard anodize with colour options. Environmentally friendly — no heavy metals.</p>
|
|
</div>
|
|
<div class="hero-card">
|
|
<div class="hero-card-icon">■</div>
|
|
<h3>Black Oxidizing</h3>
|
|
<p>Matte black finish for steel components. Dimensional stability with corrosion resistance.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ==================== TRUST BAR ==================== -->
|
|
<div class="trust-bar">
|
|
<div class="container">
|
|
<div class="trust-badge">
|
|
<div class="icon">✔</div>
|
|
<div>
|
|
<strong>Nadcap Certified</strong>
|
|
<small>Chemical Processing • Coatings • NDT</small>
|
|
</div>
|
|
</div>
|
|
<div class="trust-badge">
|
|
<div class="icon">✔</div>
|
|
<div>
|
|
<strong>ISO 9001:2015</strong>
|
|
<small>Quality Management</small>
|
|
</div>
|
|
</div>
|
|
<div class="trust-badge">
|
|
<div class="icon">✔</div>
|
|
<div>
|
|
<strong>AS9100D</strong>
|
|
<small>Aerospace Standard</small>
|
|
</div>
|
|
</div>
|
|
<div class="trust-badge">
|
|
<div class="icon">✔</div>
|
|
<div>
|
|
<strong>ISO 13485:2016</strong>
|
|
<small>Medical Devices</small>
|
|
</div>
|
|
</div>
|
|
<div class="trust-badge">
|
|
<div class="icon">✔</div>
|
|
<div>
|
|
<strong>ITAR Registered</strong>
|
|
<small>Defence Compliance</small>
|
|
</div>
|
|
</div>
|
|
<div class="trust-badge">
|
|
<div class="icon">✔</div>
|
|
<div>
|
|
<strong>FAA Repair Station</strong>
|
|
<small>Aviation Authority</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ==================== SERVICES ==================== -->
|
|
<section class="services" id="services">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">Our Services</span>
|
|
<h2>Industrial Surface Finishing Solutions</h2>
|
|
<p>From prototype to production, we deliver coatings engineered to extend the life of your critical components.</p>
|
|
</div>
|
|
<div class="services-grid">
|
|
<div class="service-card">
|
|
<div class="service-icon">⚙</div>
|
|
<h3>Electroless Nickel Plating</h3>
|
|
<p>Uniform deposit thickness on the most complex geometries without external current. Superior corrosion and wear protection for precision components.</p>
|
|
<ul class="service-specs">
|
|
<li>High-Phos (10–12% P) — supreme corrosion resistance</li>
|
|
<li>Mid-Phos — balanced wear, corrosion & lubricity</li>
|
|
<li>NorLast™ — wear resistance rivalling hard chrome</li>
|
|
<li>NorLube™ — extreme lubricity coating</li>
|
|
<li>Tolerance: ±0.0001”</li>
|
|
<li>1,000+ hours salt spray protection</li>
|
|
</ul>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">◆</div>
|
|
<h3>Aluminum Anodizing</h3>
|
|
<p>Electrochemical oxide layer grown from the aluminum substrate — extremely hard, with excellent wear and corrosion protection.</p>
|
|
<ul class="service-specs">
|
|
<li>Type II — standard decorative & protective</li>
|
|
<li>Type III — hard anodize for extreme wear</li>
|
|
<li>Bright Dip anodizing available</li>
|
|
<li>Colour dye options</li>
|
|
<li>FDA, USDA, RoHS compliant</li>
|
|
<li>All wrought alloys (1000–7000 series)</li>
|
|
</ul>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">■</div>
|
|
<h3>Black Oxidizing</h3>
|
|
<p>Chemical conversion coating that produces a matte black finish on steel. Minimal dimensional change with added corrosion resistance.</p>
|
|
<ul class="service-specs">
|
|
<li>Dimensional stability</li>
|
|
<li>Uniform matte black finish</li>
|
|
<li>Enhanced corrosion protection</li>
|
|
<li>All steel alloys supported</li>
|
|
</ul>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">○</div>
|
|
<h3>Electrolytic Nickel Plating</h3>
|
|
<p>Traditional electroplating for components requiring a bright, decorative nickel finish with good corrosion protection.</p>
|
|
<ul class="service-specs">
|
|
<li>Bright and semi-bright finishes</li>
|
|
<li>Excellent adhesion</li>
|
|
<li>Cost-effective for high-volume</li>
|
|
</ul>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">◯</div>
|
|
<h3>Chrome Coating</h3>
|
|
<p>Hard chrome deposits for components requiring maximum surface hardness and wear resistance in demanding operating conditions.</p>
|
|
<ul class="service-specs">
|
|
<li>High surface hardness</li>
|
|
<li>Excellent wear resistance</li>
|
|
<li>Low coefficient of friction</li>
|
|
</ul>
|
|
</div>
|
|
<div class="service-card">
|
|
<div class="service-icon">❖</div>
|
|
<h3>Industrial Roller Services</h3>
|
|
<p>Specialty coating and reconditioning services for industrial rollers across manufacturing and printing applications.</p>
|
|
<ul class="service-specs">
|
|
<li>Roller reconditioning</li>
|
|
<li>Custom coating solutions</li>
|
|
<li>OEM and aftermarket</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ==================== WHY ENTECH ==================== -->
|
|
<section class="why-section" id="why">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">Why Choose ENTECH</span>
|
|
<h2>Engineering Confidence Into Every Coating</h2>
|
|
<p>When failure is not an option, ENTECH is the partner you trust.</p>
|
|
</div>
|
|
<div class="why-grid">
|
|
<div class="why-card">
|
|
<div class="why-number">01</div>
|
|
<h3>60+ Years Combined Experience</h3>
|
|
<p>Our team of plating engineers and technicians bring decades of hands-on expertise in electroless nickel, anodizing, and surface finishing. We've solved coating challenges across every major industry.</p>
|
|
</div>
|
|
<div class="why-card">
|
|
<div class="why-number">02</div>
|
|
<h3>Nadcap & Aerospace Certified</h3>
|
|
<p>Triple Nadcap accreditation (Chemical Processing, Coatings, NDT), AS9100D, ISO 9001, ISO 13485, ITAR registered, and an FAA Repair Station. Your parts meet the highest global standards.</p>
|
|
</div>
|
|
<div class="why-card">
|
|
<div class="why-number">03</div>
|
|
<h3>Proprietary Processes</h3>
|
|
<p>NorLast™ delivers wear resistance comparable to hard chrome. NorLube™ provides extreme lubricity. These proprietary formulations set us apart from every competitor.</p>
|
|
</div>
|
|
<div class="why-card">
|
|
<div class="why-number">04</div>
|
|
<h3>Precision & Repeatability</h3>
|
|
<p>We achieve tolerances of ±0.0001” with uniform deposit thickness — even on the most complex geometries. Consistent results from first article to full production run.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ==================== PROCESS ==================== -->
|
|
<section class="process">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">How It Works</span>
|
|
<h2>From Enquiry to Delivery</h2>
|
|
<p>A streamlined process built around your timeline and specifications.</p>
|
|
</div>
|
|
<div class="process-steps">
|
|
<div class="process-step">
|
|
<div class="step-number">1</div>
|
|
<h3>Submit Your Specs</h3>
|
|
<p>Send us your drawings, specifications, and quantity. We'll review your requirements within 24 hours.</p>
|
|
</div>
|
|
<div class="process-step">
|
|
<div class="step-number">2</div>
|
|
<h3>Get Your Quote</h3>
|
|
<p>Receive a detailed quote with coating recommendations, lead times, and pricing tailored to your project.</p>
|
|
</div>
|
|
<div class="process-step">
|
|
<div class="step-number">3</div>
|
|
<h3>Precision Processing</h3>
|
|
<p>Your parts are processed in our certified facility with full traceability and quality documentation.</p>
|
|
</div>
|
|
<div class="process-step">
|
|
<div class="step-number">4</div>
|
|
<h3>Inspect & Ship</h3>
|
|
<p>Final inspection with test reports, certificates of conformance, and secure packaging for delivery.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ==================== INDUSTRIES ==================== -->
|
|
<section class="industries" id="industries">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">Industries We Serve</span>
|
|
<h2>Trusted Across Critical Sectors</h2>
|
|
<p>From the flight deck to the operating room, our coatings protect components where performance is non-negotiable.</p>
|
|
</div>
|
|
<div class="industries-grid">
|
|
<div class="industry-card">
|
|
<span class="industry-icon">✈</span>
|
|
<h3>Aerospace & Aviation</h3>
|
|
<p>Nadcap-certified coatings for landing gear, engine components, actuators, and flight-critical parts.</p>
|
|
</div>
|
|
<div class="industry-card">
|
|
<span class="industry-icon">⚔</span>
|
|
<h3>Defence & Military</h3>
|
|
<p>ITAR-compliant surface finishing for weapon systems, armoured vehicles, and military-grade hardware.</p>
|
|
</div>
|
|
<div class="industry-card">
|
|
<span class="industry-icon">☢</span>
|
|
<h3>Nuclear Energy</h3>
|
|
<p>Corrosion-resistant coatings for reactor components, valve assemblies, and containment hardware.</p>
|
|
</div>
|
|
<div class="industry-card">
|
|
<span class="industry-icon">☤</span>
|
|
<h3>Medical Devices</h3>
|
|
<p>ISO 13485-certified processing for surgical instruments, implant components, and diagnostic equipment.</p>
|
|
</div>
|
|
<div class="industry-card">
|
|
<span class="industry-icon">⚙</span>
|
|
<h3>Engineering & Manufacturing</h3>
|
|
<p>Wear-resistant coatings for moulds, dies, tooling, and precision-machined components.</p>
|
|
</div>
|
|
<div class="industry-card">
|
|
<span class="industry-icon">🌾</span>
|
|
<h3>Agriculture</h3>
|
|
<p>Durable coatings for farm equipment, harvester blades, and hydraulic components exposed to harsh conditions.</p>
|
|
</div>
|
|
<div class="industry-card">
|
|
<span class="industry-icon">🏗</span>
|
|
<h3>Construction</h3>
|
|
<p>Corrosion protection for structural fasteners, heavy equipment parts, and architectural hardware.</p>
|
|
</div>
|
|
<div class="industry-card">
|
|
<span class="industry-icon">🍴</span>
|
|
<h3>Food Processing</h3>
|
|
<p>FDA-compliant coatings for conveyor components, mixing equipment, and food-grade machinery.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ==================== SPECS BANNER ==================== -->
|
|
<section class="specs-banner">
|
|
<div class="container">
|
|
<div class="specs-grid">
|
|
<div class="spec-item">
|
|
<h3>1,000+</h3>
|
|
<p>Hours Salt Spray<br>Corrosion Protection</p>
|
|
</div>
|
|
<div class="spec-item">
|
|
<h3>±0.0001"</h3>
|
|
<p>Achievable<br>Tolerance</p>
|
|
</div>
|
|
<div class="spec-item">
|
|
<h3>6</h3>
|
|
<p>Nadcap & ISO<br>Certifications</p>
|
|
</div>
|
|
<div class="spec-item">
|
|
<h3>25+</h3>
|
|
<p>Years Serving<br>Critical Industries</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ==================== FAQ ==================== -->
|
|
<section class="faq" id="faq">
|
|
<div class="container">
|
|
<div class="section-header">
|
|
<span class="section-label">FAQ</span>
|
|
<h2>Frequently Asked Questions</h2>
|
|
<p>Common questions about our coating processes and capabilities.</p>
|
|
</div>
|
|
<div class="faq-grid">
|
|
<div class="faq-item">
|
|
<h3>What substrates can be electroless nickel plated?</h3>
|
|
<p>All steel alloys, copper alloys, and aluminum alloys. The process deposits a uniform layer regardless of part geometry, making it ideal for complex shapes.</p>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3>How does electroless nickel compare to hard chrome?</h3>
|
|
<p>Electroless nickel provides far superior corrosion protection (1,000+ hours vs. 24 hours salt spray). Our NorLast™ process also matches hard chrome's wear resistance.</p>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3>What alloys can be anodized?</h3>
|
|
<p>Aluminum, titanium, and magnesium. Wrought alloys (1000–7000 series) produce the best results. Steel and stainless steel cannot be anodized.</p>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3>What is the difference between Type II and Type III anodize?</h3>
|
|
<p>Type III (hard anodize) produces a denser oxide layer with superior wear and corrosion properties, but requires more energy and costs more than standard Type II.</p>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3>Can existing coatings be stripped and replated?</h3>
|
|
<p>Yes. In most cases, coatings can be chemically stripped without altering the substrate's original finish or dimensions, then replated to specification.</p>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3>What about hydrogen embrittlement?</h3>
|
|
<p>Parts with base metal hardness above 35 Rc are baked post-plating to relieve hydrogen absorbed during processing, preventing brittleness.</p>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3>How long does the anodize coating last?</h3>
|
|
<p>Clear anodize can last indefinitely under normal conditions. Colour-dyed anodize may fade in direct sunlight over time.</p>
|
|
</div>
|
|
<div class="faq-item">
|
|
<h3>Is anodizing environmentally friendly?</h3>
|
|
<p>Yes. The process avoids heavy metals and toxic waste, meeting FDA, USDA, ELV, WEEE, and RoHS environmental directives.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ==================== CTA ==================== -->
|
|
<section class="cta" id="contact">
|
|
<div class="container">
|
|
<h2>Ready to Protect Your Components?</h2>
|
|
<p>Send us your drawings and specifications. Our engineering team will recommend the optimal coating solution and provide a quote within 24 hours.</p>
|
|
<div class="cta-actions">
|
|
<a href="mailto:sales@enplating.ca" class="btn-gold">Request a Quote →</a>
|
|
<a href="tel:+14167492400" class="btn-outline">Call Us Now</a>
|
|
</div>
|
|
<div class="cta-phone">
|
|
<a href="tel:+14167492400">+1 (416) 749-2400</a> • <a href="tel:+14167492500">+1 (416) 749-2500</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ==================== FOOTER ==================== -->
|
|
<footer>
|
|
<div class="container">
|
|
<div class="footer-grid">
|
|
<div class="footer-brand">
|
|
<a href="#" class="logo">EN<span>TECH</span></a>
|
|
<p>Electroless Nickel Technologies Inc. — Proudly Canadian industrial surface finishing since 2000. Nadcap-certified coatings for the world's most demanding applications.</p>
|
|
<div>
|
|
<strong style="color: var(--white); font-size: 0.85rem;">36 Taber Road</strong><br>
|
|
Etobicoke, ON M9W 3A8<br>
|
|
Canada
|
|
</div>
|
|
</div>
|
|
<div class="footer-col">
|
|
<h4>Services</h4>
|
|
<ul>
|
|
<li><a href="#">Electroless Nickel Plating</a></li>
|
|
<li><a href="#">Aluminum Anodizing</a></li>
|
|
<li><a href="#">Black Oxidizing</a></li>
|
|
<li><a href="#">Electrolytic Nickel</a></li>
|
|
<li><a href="#">Chrome Coating</a></li>
|
|
<li><a href="#">Industrial Rollers</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-col">
|
|
<h4>Industries</h4>
|
|
<ul>
|
|
<li><a href="#">Aerospace & Aviation</a></li>
|
|
<li><a href="#">Defence & Military</a></li>
|
|
<li><a href="#">Nuclear Energy</a></li>
|
|
<li><a href="#">Medical Devices</a></li>
|
|
<li><a href="#">Food Processing</a></li>
|
|
<li><a href="#">Manufacturing</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-col">
|
|
<h4>Contact</h4>
|
|
<ul>
|
|
<li><a href="tel:+14167492400">+1 (416) 749-2400</a></li>
|
|
<li><a href="tel:+14167492500">+1 (416) 749-2500</a></li>
|
|
<li><a href="mailto:sales@enplating.ca">sales@enplating.ca</a></li>
|
|
<li><a href="#">Request a Quote</a></li>
|
|
<li><a href="#">FAQ</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="footer-bottom">
|
|
<span>© 2025 Electroless Nickel Technologies Inc. (ENTECH). All rights reserved.</span>
|
|
<span>Proudly serving clients across Canada, USA & Mexico</span>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
</body>
|
|
</html>
|