About Crown Electric | Licensed Electrician Vancouver WA Since 2012 :root { --maroon: #800020; --maroon-dark: #660018; --maroon-light: #a0002a; --gold: #FFD700; --gold-dark: #DAA520; --gold-light: #FFF8DC; --white: #FFFFFF; --gray-50: #F9FAFB; --gray-100: #F3F4F6; --gray-200: #E5E7EB; --gray-300: #D1D5DB; --gray-400: #9CA3AF; --gray-500: #6B7280; --gray-600: #4B5563; --gray-700: #374151; --gray-800: #1F2937; --gray-900: #111827; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height: 1.6; color: var(--gray-800); overflow-x: hidden; font-size: 16px; } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .container-wide { max-width: 1400px; margin: 0 auto; padding: 0 20px; } /* ===== NAVIGATION SYSTEM ===== */ .navbar { background: var(--white); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all 0.3s ease; } .navbar.scrolled { background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(10px); } .nav-container { display: flex; justify-content: space-between; align-items: center; padding: 1rem 20px; max-width: 1200px; margin: 0 auto; position: relative; } /* Logo */ .nav-logo { display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: var(--maroon); font-weight: 800; font-size: 1.5rem; z-index: 1002; } .nav-logo img { width: 40px; height: 40px; object-fit: contain; } /* Desktop Navigation */ .nav-menu { display: flex; list-style: none; gap: 2rem; align-items: center; } .nav-link { text-decoration: none; color: var(--gray-700); font-weight: 500; font-size: 0.95rem; transition: all 0.3s ease; position: relative; padding: 0.5rem 0; } .nav-link:hover { color: var(--maroon); } .nav-link.active { color: var(--maroon); font-weight: 600; } .nav-link::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--gold); transition: width 0.3s ease; } .nav-link:hover::after, .nav-link.active::after { width: 100%; } /* Desktop Dropdown */ .nav-dropdown { position: relative; } .dropdown-content { position: absolute; top: 100%; left: 0; background: var(--white); min-width: 240px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); border-radius: 10px; padding: 1rem 0; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; border: 1px solid var(--gray-200); z-index: 1001; } .nav-dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); } .dropdown-link { display: block; padding: 0.8rem 1.5rem; color: var(--gray-700); text-decoration: none; font-size: 0.9rem; transition: all 0.3s ease; } .dropdown-link:hover { background: var(--gray-50); color: var(--maroon); } /* CTA Section */ .nav-cta { display: flex; align-items: center; gap: 1rem; } .nav-phone { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); padding: 0.8rem 1.5rem; border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 0.9rem; transition: all 0.3s ease; display: flex; align-items: center; gap: 0.5rem; white-space: nowrap; } .nav-phone:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(128, 0, 32, 0.3); } /* ===== MOBILE NAVIGATION ===== */ /* Mobile Menu Toggle */ .mobile-menu-toggle { display: none; flex-direction: column; justify-content: space-around; width: 30px; height: 30px; background: transparent; border: none; cursor: pointer; padding: 0; z-index: 1002; position: relative; } .mobile-menu-toggle span { display: block; height: 3px; width: 100%; background: var(--maroon); border-radius: 3px; transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); transform-origin: center; } .mobile-menu-toggle.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); } .mobile-menu-toggle.active span:nth-child(2) { opacity: 0; transform: translateX(20px); } .mobile-menu-toggle.active span:nth-child(3) { transform: rotate(-45deg) translate(7px, -6px); } /* Mobile Menu Overlay */ .mobile-menu-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; transition: all 0.3s ease; z-index: 999; } .mobile-menu-overlay.active { opacity: 1; visibility: visible; } /* Mobile Menu */ .mobile-menu { position: fixed; top: 0; right: -100%; width: 320px; max-width: 85vw; height: 100vh; background: var(--white); z-index: 1001; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); overflow-y: auto; box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1); } .mobile-menu.active { right: 0; } /* Mobile Menu Header */ .mobile-menu-header { display: flex; align-items: center; justify-content: space-between; padding: 1.5rem; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .mobile-menu-logo { display: flex; align-items: center; gap: 0.5rem; font-size: 1.2rem; font-weight: 700; color: var(--white); } .mobile-menu-logo img { width: 30px; height: 30px; object-fit: contain; filter: brightness(0) invert(1); } .mobile-menu-close { background: none; border: none; color: var(--white); font-size: 1.5rem; cursor: pointer; padding: 0.5rem; border-radius: 4px; transition: background 0.3s ease; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; } .mobile-menu-close:hover { background: rgba(255, 255, 255, 0.1); } /* Mobile Menu Items */ .mobile-menu-items { padding: 0; } .mobile-menu-item { border-bottom: 1px solid var(--gray-100); } .mobile-menu-item:last-child { border-bottom: none; } .mobile-menu-link { display: flex; align-items: center; justify-content: space-between; padding: 1.2rem 1.5rem; color: var(--gray-800); text-decoration: none; font-weight: 500; font-size: 1rem; transition: all 0.3s ease; min-height: 56px; background: var(--white); } .mobile-menu-link:hover, .mobile-menu-link:focus { background: var(--gray-50); color: var(--maroon); padding-left: 2rem; } .mobile-menu-link.has-dropdown::after { content: '▼'; font-size: 0.8rem; transition: transform 0.3s ease; color: var(--gray-500); } .mobile-menu-item.active .mobile-menu-link.has-dropdown::after { transform: rotate(180deg); } /* Mobile Dropdown */ .mobile-dropdown { max-height: 0; overflow: hidden; background: var(--gray-50); transition: max-height 0.4s ease; } .mobile-menu-item.active .mobile-dropdown { max-height: 400px; } .mobile-dropdown-link { display: block; padding: 1rem 2.5rem; color: var(--gray-600); text-decoration: none; font-size: 0.9rem; font-weight: 400; transition: all 0.3s ease; border-bottom: 1px solid var(--gray-200); min-height: 48px; display: flex; align-items: center; background: var(--gray-50); } .mobile-dropdown-link:last-child { border-bottom: none; } .mobile-dropdown-link:hover, .mobile-dropdown-link:focus { background: var(--white); color: var(--maroon); padding-left: 3rem; } /* Mobile CTA */ .mobile-menu-cta { margin: 1.5rem; padding: 1rem; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); text-decoration: none; border-radius: 12px; text-align: center; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.5rem; min-height: 56px; box-shadow: 0 4px 15px rgba(128, 0, 32, 0.2); } .mobile-menu-cta:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(128, 0, 32, 0.3); } /* ===== HERO SECTION ===== */ .hero { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 50%, var(--maroon) 100%); color: var(--white); min-height: 100vh; display: flex; align-items: center; position: relative; overflow: hidden; padding-top: 80px; box-sizing: border-box; } .hero-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; transform: translateX(-50%) translateY(-50%); object-fit: cover; } .hero::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(128, 0, 32, 0.7) 0%, rgba(102, 0, 24, 0.8) 50%, rgba(128, 0, 32, 0.7) 100%); z-index: 1; pointer-events: none; } .hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; text-align: center; max-width: 1000px; margin: 0 auto; } .hero-text { animation: fadeInUp 1s ease-out; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; background: rgba(255, 215, 0, 0.15); border: 1px solid var(--gold); border-radius: 50px; padding: 0.5rem 1.2rem; font-size: 0.85rem; font-weight: 500; margin-bottom: 1.5rem; backdrop-filter: blur(10px); } .hero h1 { font-size: clamp(2rem, 5vw, 3.2rem); font-weight: 800; line-height: 1.1; margin-bottom: 1rem; background: linear-gradient(135deg, var(--white) 0%, var(--gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .hero-subtitle { font-size: 1.2rem; font-weight: 400; margin-bottom: 1.5rem; opacity: 0.95; line-height: 1.5; color: var(--gold-light); } .hero-highlights { display: grid; gap: 1rem; margin-bottom: 2rem; } .hero-highlight { display: flex; align-items: center; gap: 0.8rem; padding: 1rem; background: rgba(255, 255, 255, 0.1); border-radius: 12px; border-left: 4px solid var(--gold); } .highlight-text { font-size: 0.95rem; font-weight: 500; } .hero-cta { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; } .btn-primary { background: linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%); color: var(--maroon); padding: 1.2rem 2.5rem; border-radius: 50px; text-decoration: none; font-weight: 700; font-size: 1.1rem; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 10px 30px rgba(255, 215, 0, 0.3); display: inline-flex; align-items: center; gap: 0.5rem; border: none; cursor: pointer; } .btn-primary:hover { transform: translateY(-3px) scale(1.02); box-shadow: 0 15px 40px rgba(255, 215, 0, 0.4); } .btn-secondary { background: transparent; color: var(--white); padding: 1.2rem 2.5rem; border: 2px solid var(--white); border-radius: 50px; text-decoration: none; font-weight: 600; font-size: 1.1rem; transition: all 0.3s ease; display: inline-flex; align-items: center; gap: 0.5rem; } .btn-secondary:hover { background: var(--white); color: var(--maroon); } /* Section Styles */ .section { padding: 100px 0; } .section-header { text-align: center; margin-bottom: 4rem; } .section-badge { display: inline-block; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); padding: 0.6rem 1.8rem; border-radius: 50px; font-size: 0.9rem; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.5px; } .section-title { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; color: var(--gray-900); margin-bottom: 1rem; line-height: 1.2; } .section-subtitle { font-size: 1.2rem; color: var(--gray-600); max-width: 800px; margin: 0 auto; line-height: 1.6; } /* Company History Section */ .company-history { background: var(--white); } .history-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-top: 3rem; } .history-text { padding-left: 2rem; } .history-text h3 { font-size: 1.8rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1.5rem; line-height: 1.3; } .history-text p { font-size: 1.1rem; line-height: 1.7; color: var(--gray-600); margin-bottom: 1.5rem; } .history-milestones { display: grid; gap: 1.5rem; margin-top: 2rem; } .milestone { display: flex; align-items: center; gap: 1rem; padding: 1.2rem; background: var(--gray-50); border-radius: 12px; border-left: 4px solid var(--gold); transition: all 0.3s ease; } .milestone:hover { background: var(--white); box-shadow: 0 5px 20px rgba(128, 0, 32, 0.1); transform: translateX(5px); } .milestone-year { font-size: 1.5rem; font-weight: 800; color: var(--maroon); min-width: 60px; } .milestone-text { font-size: 1rem; color: var(--gray-700); font-weight: 500; } .history-image-container { position: relative; max-width: 500px; margin: 0 auto; } .history-image { width: 100%; height: auto; object-fit: cover; border-radius: 20px; border: 3px solid var(--gold); box-shadow: 0 20px 50px rgba(128, 0, 32, 0.1); } /* Founder Section */ .founder-section { background: var(--gray-50); } .founder-content { display: grid; grid-template-columns: 400px 1fr; gap: 4rem; align-items: center; margin-top: 3rem; } .founder-image-container { position: relative; } .founder-image { width: 100%; height: auto; object-fit: cover; border-radius: 20px; border: 4px solid var(--gold); box-shadow: 0 20px 50px rgba(128, 0, 32, 0.15); min-height: 450px; } .founder-badge { position: absolute; top: 20px; right: 20px; background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--gold); padding: 0.8rem 1.5rem; border-radius: 25px; font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px; } .founder-info h3 { font-size: 2rem; font-weight: 800; color: var(--gray-900); margin-bottom: 0.5rem; } .founder-title { font-size: 1.2rem; color: var(--maroon); font-weight: 600; margin-bottom: 1.5rem; text-transform: uppercase; letter-spacing: 0.5px; } .founder-info p { font-size: 1.1rem; line-height: 1.7; color: var(--gray-600); margin-bottom: 1.5rem; } .founder-credentials { display: grid; gap: 1rem; margin: 2rem 0; } .credential { display: flex; align-items: center; gap: 0.8rem; padding: 1rem; background: var(--white); border-radius: 10px; border-left: 3px solid var(--gold); } .credential-text { font-size: 0.95rem; font-weight: 500; color: var(--gray-700); } /* Team Section */ .team-section { background: var(--white); } .team-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .team-member { background: var(--gray-50); border-radius: 20px; padding: 2rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); transition: all 0.4s ease; position: relative; overflow: hidden; } .team-member::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--maroon) 0%, var(--gold) 100%); transform: scaleX(0); transition: transform 0.4s ease; transform-origin: left; } .team-member:hover::before { transform: scaleX(1); } .team-member:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); background: var(--white); } .member-image { width: 100%; height: 250px; object-fit: cover; border-radius: 15px; border: 3px solid var(--gold); margin-bottom: 1.5rem; } .member-info h4 { font-size: 1.3rem; font-weight: 700; color: var(--gray-900); margin-bottom: 0.5rem; } .member-role { font-size: 1rem; color: var(--maroon); font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.3px; } .member-description { font-size: 0.95rem; line-height: 1.6; color: var(--gray-600); margin-bottom: 1.5rem; } .member-skills { display: flex; flex-wrap: wrap; gap: 0.5rem; } .skill-tag { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-light) 100%); color: var(--white); padding: 0.3rem 0.8rem; border-radius: 15px; font-size: 0.75rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.3px; } /* Certifications Section */ .certifications { background: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%); color: var(--white); } .cert-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 3rem; } .cert-card { background: rgba(255, 255, 255, 0.05); border-radius: 15px; padding: 2rem; border: 1px solid rgba(255, 215, 0, 0.2); transition: all 0.4s ease; text-align: center; min-height: 200px; display: flex; flex-direction: column; justify-content: center; } .cert-card:hover { background: rgba(255, 255, 255, 0.1); border-color: var(--gold); transform: translateY(-5px); } .cert-card h4 { font-size: 1.1rem; font-weight: 600; margin-bottom: 0.5rem; color: var(--gold); } .cert-card p { font-size: 0.9rem; color: var(--gray-300); line-height: 1.4; } /* Values Section */ .values-section { background: var(--white); } .values-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .value-card { background: var(--gray-50); border-radius: 20px; padding: 2.5rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); transition: all 0.4s ease; text-align: center; position: relative; overflow: hidden; min-height: 320px; display: flex; flex-direction: column; justify-content: space-between; } .value-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, var(--maroon) 0%, var(--gold) 100%); transform: scaleX(0); transition: transform 0.4s ease; transform-origin: left; } .value-card:hover::before { transform: scaleX(1); } .value-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); background: var(--white); } .value-card h4 { font-size: 1.4rem; font-weight: 700; color: var(--gray-900); margin-bottom: 1rem; } .value-card p { font-size: 1rem; line-height: 1.6; color: var(--gray-600); flex-grow: 1; } /* Service Areas Section */ .service-areas { background: var(--gray-50); } .areas-content { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: start; margin-top: 3rem; } .areas-list { display: grid; gap: 1.5rem; } .area-item { display: flex; align-items: center; padding: 1.5rem; background: var(--white); border-radius: 15px; border-left: 4px solid var(--gold); transition: all 0.3s ease; } .area-item:hover { background: var(--gray-50); box-shadow: 0 5px 20px rgba(128, 0, 32, 0.1); transform: translateX(10px); } .area-item h4 { font-size: 1.2rem; font-weight: 600; color: var(--gray-900); margin-bottom: 0.3rem; } .area-item p { font-size: 0.95rem; color: var(--gray-600); margin: 0; } .map-container { position: relative; border-radius: 20px; overflow: hidden; height: 500px; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1); } .map-container iframe { width: 100%; height: 100%; border: none; } /* Awards Section */ .awards-section { background: var(--white); } .awards-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; margin-top: 3rem; } .award-card { background: var(--gray-50); border-radius: 20px; padding: 2rem; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-200); transition: all 0.4s ease; text-align: center; min-height: 280px; display: flex; flex-direction: column; justify-content: space-between; } .award-card:hover { transform: translateY(-10px); box-shadow: 0 20px 60px rgba(128, 0, 32, 0.15); border-color: var(--maroon); background: var(--white); } .award-card h4 { font-size: 1.3rem; font-weight: 700; color: var(--gray-900); margin-bottom: 0.5rem; } .award-year { font-size: 0.9rem; color: var(--maroon); font-weight: 600; margin-bottom: 1rem; } .award-description { font-size: 0.95rem; line-height: 1.6; color: var(--gray-600); flex-grow: 1; } /* Promise Section */ .promise-section { background: linear-gradient(135deg, var(--maroon) 0%, var(--maroon-dark) 100%); color: var(--white); } .promise-content { text-align: center; max-width: 800px; margin: 0 auto; } .promise-content h2 { font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 800; margin-bottom: 1.5rem; background: linear-gradient(135deg, var(--white) 0%, var(--gold-light) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .promise-content p { font-size: 1.2rem; color: var(--gray-300); line-height: 1.7; margin-bottom: 2rem; } .promise-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; margin: 3rem 0; } .promise-item { background: rgba(255, 255, 255, 0.05); border-radius: 15px; padding: 2rem; border: 1px solid rgba(255, 215, 0, 0.2); transition: all 0.3s ease; } .promise-item:hover { background: rgba(255, 255, 255, 0.08); border-color: var(--gold); } .promise-item h4 { font-size: 1.2rem; font-weight: 600; color: var(--gold); margin-bottom: 1rem; } .promise-item p { font-size: 1rem; color: var(--gray-300); line-height: 1.6; margin: 0; } .promise-cta { margin-top: 2rem; } /* Animations */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } /* Hide mobile elements on desktop */ @media (min-width: 769px) { .mobile-menu-toggle, .mobile-menu-overlay, .mobile-menu { display: none !important; } } /* Tablet and Mobile Responsive */ @media (max-width: 768px) { .nav-menu { display: none; } .mobile-menu-toggle { display: flex; } .nav-phone { font-size: 0.8rem; padding: 0.6rem 1rem; } .hero-video { display: none; } .hero { background: linear-gradient(135deg, rgba(128, 0, 32, 0.8) 0%, rgba(102, 0, 24, 0.9) 50%, rgba(128, 0, 32, 0.8) 100%), url('https://assets.ycodeapp.com/assets/app118847/Images/team%20picture-jemyvz7fdt.webp'); background-size: cover; background-position: center; } .hero-content, .history-content, .founder-content, .areas-content { grid-template-columns: 1fr; gap: 3rem; } .hero-content { display: flex; flex-direction: column; text-align: center; } .history-text { padding-left: 0; } .founder-content { text-align: center; } .founder-image-container { max-width: 400px; margin: 0 auto; } .team-grid, .values-grid, .awards-grid { grid-template-columns: 1fr; } .cert-grid { grid-template-columns: repeat(2, 1fr); } .promise-grid { grid-template-columns: 1fr; } .hero { min-height: auto; padding: 120px 0 80px; } .hero-cta { flex-direction: column; align-items: stretch; } .btn-primary, .btn-secondary { justify-content: center; width: 100%; } .section { padding: 60px 0; } } /* Small mobile */ @media (max-width: 480px) { .nav-container { padding: 1rem 15px; } .container { padding: 0 15px; } .hero-video { display: none; } .hero { background: linear-gradient(135deg, rgba(128, 0, 32, 0.8) 0%, rgba(102, 0, 24, 0.9) 50%, rgba(128, 0, 32, 0.8) 100%), url('https://assets.ycodeapp.com/assets/app118847/Images/team%20picture-jemyvz7fdt.webp'); background-size: cover; background-position: center; } .cert-grid { grid-template-columns: 1fr; } .team-member, .value-card, .award-card { padding: 1.5rem; } .founder-image { min-height: 350px; } .member-image { height: 200px; } .map-container { height: 300px; } } /* Utility Classes */ .text-center { text-align: center; } .hidden { display: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
Crown Electric Logo Crown Electric
  • Home
  • Services
    Electric Panels EV Chargers Rewiring Services New Construction Residential Services Commercial Services
  • Service Areas
    Vancouver WA Battle Ground Camas Ridgefield
  • About
  • Contact
(360) 896-4122
Crown Electric Logo Crown Electric
Home
Services
Electric Panels EV Chargers Rewiring Services New Construction Residential Services Commercial Services
Service Areas
Vancouver WA Battle Ground Camas Ridgefield
About
Contact
Call (360) 896-4122
Your browser does not support the video tag.
Licensed Electrician Vancouver WA Since 2012

About Crown Electric Vancouver WA

Crown Electric has proudly served Vancouver WA and Clark County as a trusted licensed electrical contractor since May 2012. Founded with a mission to provide electrical services with integrity and never take advantage of customers, we've built our reputation on reasonable pricing, reliable service, and treating every customer with honesty throughout residential and commercial electrical projects.

Licensed Washington State Commercial & Residential Electrician
12+ Years Serving Vancouver WA & Clark County
BBB, BIA & Chamber of Commerce Member
1 Year Parts & Labor Warranty on All Work
Call Our Team Today Learn More About Us →
Company History

Licensed Electrician Vancouver WA Company History Since 2012

Crown Electric was founded in May 2012 with a clear mission: to provide electrical services with integrity and never take advantage of customers. Our goal has always been to offer reasonable pricing while building long-term relationships with families and businesses throughout Vancouver WA and Clark County.

Licensed Electrician Vancouver WA
Company History Since 2012

Creating a Better Future Through Honest Electrical Services

Crown Electric was founded in May 2012 with a simple but powerful vision: to create a better future for our family by providing electrical services with complete integrity. From the beginning, our mission has been clear - never take advantage of customers and always provide reasonable pricing to build lasting relationships throughout Vancouver WA and Clark County.

Our approach focuses on residential electrical services where we can make the biggest impact for families and homeowners. We specialize in panel changes, electrical remodels, EV charger installations, hot tub electrical connections, and new construction electrical throughout Southwest Washington.

As we continue growing, our long-term vision remains focused on being the best electrical company for both our customers and our team members. This commitment to excellence and integrity has helped Crown Electric become a trusted name in Vancouver WA's electrical contracting community.

2012 Crown Electric founded in May with mission of integrity and fair pricing
2015 Expanded residential services to include panel changes and remodels
2018 Added EV charger installation and hot tub electrical services
2020 Joined BBB, BIA, and Chamber of Commerce
2024 12th Anniversary serving Vancouver WA with honest electrical services
Meet Our Founder

Crown Electric Owner Nathan Henifin Licensed Electrician

Nathan Henifin founded Crown Electric in May 2012 with a vision to create a better future for his family while providing electrical services with complete integrity. His commitment to honest business practices and never taking advantage of customers has established Crown Electric as a trusted electrical contractor throughout Vancouver WA and Clark County.

Nathan Henifin - Owner and Licensed Electrician at Crown Electric Vancouver WA, serving Clark County with integrity-focused electrical services since 2012
Founder & Owner

Nathan Henifin

Licensed Electrician & Owner

Nathan Henifin founded Crown Electric in May 2012 with a clear mission: to create a better future for his family while providing electrical services with complete integrity throughout Vancouver WA. His approach has always focused on offering reasonable prices to build long-term customer relationships rather than maximizing short-term profits.

As a licensed electrician in Washington State for both commercial and residential work, Nathan leads Crown Electric with the philosophy that the company should be the best choice for both customers and team members. His commitment to honest communication and reliable service has made Crown Electric a trusted name throughout Clark County.

Outside of work, Nathan enjoys spending time with his adult children, traveling, and wake surfing. His personal values of honesty and integrity guide every aspect of Crown Electric's operations, ensuring customers receive trustworthy electrical services from a team they can depend on for quality workmanship.

Licensed Washington State Commercial & Residential Electrician
BBB, BIA & Chamber of Commerce Member
1 Year Parts & Labor Warranty Guarantee
Residential Electrical Specialist - Panel Changes, Remodels, EV Chargers
12+ Years Experience in Vancouver WA & Clark County
Commitment to Integrity & Customer Service Excellence
Our Team

Crown Electric Licensed Electrical Team Vancouver WA

Crown Electric's electrical team consists of licensed professionals with 01 Commercial licenses, 02 Residential licenses, and apprentices receiving on-the-job training. Every team member is someone you can trust to complete excellent electrical work throughout Vancouver WA and Clark County with the same care we'd give our own homes.

Shirley White - Office Manager at Crown Electric Vancouver WA, coordinating electrical services throughout Clark County

Shirley White

Office Manager

Shirley manages Crown Electric's daily operations and coordinates customer communications throughout Clark County. She handles insurance information, scheduling, and ensures seamless coordination between our electrical teams and customers.

Office Management Customer Coordination Insurance & Documentation
Licensed Electrician
Team Member Photo

Licensed Electrician

01 Commercial / 02 Residential License

Our licensed electricians hold either 01 Commercial or 02 Residential licenses and receive on-the-job training to ensure quality electrical work throughout Vancouver WA and Clark County.

Licensed Professional On-Job Training Quality Workmanship
Electrical Apprentice
Team Member Photo

Electrical Apprentice

Apprentice Training Program

Our electrical apprentices receive comprehensive on-the-job training under supervision of licensed electricians, ensuring every team member maintains Crown Electric's standards for professional electrical work throughout Clark County.

Apprentice Training Supervised Learning Professional Development
Licenses & Certifications

Licensed Electrical Contractor Vancouver WA Certifications

Crown Electric maintains all required Washington State licenses for commercial and residential electrical work throughout Vancouver WA and Clark County. Our professional affiliations with BBB, BIA, and Chamber of Commerce demonstrate our commitment to ethical business practices and community involvement.

Washington State Commercial License

Current Washington State 01 Commercial electrical license with full authorization for commercial electrical work throughout Clark County.

Washington State Residential License

Current Washington State 02 Residential electrical license for all residential electrical services including panel changes, remodels, and EV charger installations.

Professional Business Affiliations

Active member of Better Business Bureau (BBB), Building Industry Association (BIA), and local Chamber of Commerce demonstrating commitment to ethical business practices.

1 Year Parts & Labor Warranty

Comprehensive 1 year warranty on all parts and labor for electrical installations and repairs, providing peace of mind for Vancouver WA customers.

Our Values

Crown Electric Vancouver WA Company Values & Differentiators

Crown Electric operates with core values that set us apart from other electrical contractors in Vancouver WA and Clark County. Our commitment to integrity, reliability, and professional craftsmanship reflects our dedication to being the best electrical company for both our customers and our team members.

Standing Behind Our Word

Crown Electric stands behind every estimate we provide, even if the electrical work requires more effort than originally planned. We believe in honoring our commitments and never surprising customers with unexpected charges. This integrity-first approach has earned us lasting relationships throughout Vancouver WA and Clark County.

Reliable Communication & Service

We always show up when we say we will and maintain constant communication with our customers. Crown Electric never simply fails to appear - we call customers back promptly and keep them informed throughout every electrical project. Our reliability is what customers most often compliment us on.

Professional Craftsmanship

Our priority is completing every electrical project clean and professional, treating each customer's home or business as if it were our own. Crown Electric's attention to detail and commitment to quality workmanship ensures every electrical installation meets the highest standards throughout Clark County.

Service Coverage

Crown Electric Community Involvement Vancouver WA

Crown Electric is proud to serve Vancouver WA and surrounding Clark County communities as a locally-owned electrical contractor. Our deep community roots and commitment to supporting local families and businesses reflect our dedication to Southwest Washington's growth and prosperity through reliable electrical services.

Vancouver WA - Our Home Base

Crown Electric's headquarters in Vancouver WA serves as the center of our electrical operations, providing same-day service to local families and businesses with comprehensive electrical solutions including electric panel installation and emergency electrical repairs.

Clark County Electrical Contractor

Serving all Clark County communities with licensed electrical services, Crown Electric provides residential and commercial electrical installations, EV charger installation, and electrical maintenance throughout Southwest Washington.

Battle Ground WA Community Service

Crown Electric proudly serves Battle Ground WA families with reliable electrical services, emergency electrical repairs, and electrical system upgrades while supporting local community events and organizations.

Camas WA Electrical Services

Licensed electrical contractor services in Camas WA include residential and commercial electrical installations, house rewiring services, and comprehensive electrical troubleshooting for homes and businesses.

Ridgefield WA Local Support

Crown Electric provides professional electrical services to Ridgefield WA residents and businesses, including electric panel upgrades, electrical repairs, and new construction electrical installations with personalized customer service.

What Sets Us Apart

Why Choose Crown Electric Vancouver WA Electrician

Crown Electric's reputation in Vancouver WA and Clark County is built on reliability, honest communication, and professional electrical service. Our customers consistently praise us for showing up when scheduled, calling back promptly, and completing electrical work with the same care we'd give our own homes.

Customer Reliability Promise

Since 2012

Crown Electric never simply fails to show up for scheduled electrical appointments. We show up the day we say we will and maintain constant communication with customers throughout Vancouver WA and Clark County electrical projects.

Responsive Communication

Every Project

Customers consistently compliment Crown Electric for always calling back promptly and maintaining clear communication throughout electrical installations, repairs, and estimates in Vancouver WA and surrounding Clark County areas.

Honest Estimate Guarantee

Our Promise

Crown Electric stands behind every estimate we provide, even if electrical work requires more effort than originally planned. We never surprise customers with unexpected charges or additional fees after starting electrical projects.

Our Customer Promise & Electrical Service Guarantee

Crown Electric stands behind every electrical installation and repair with our comprehensive customer promise. When you choose Crown Electric for your electrical needs in Vancouver WA and Clark County, you're choosing a licensed electrical contractor committed to integrity, reliability, and your complete satisfaction with every project.

1 Year Parts & Labor Warranty

All electrical work comes with a comprehensive 1 year warranty covering both parts and labor, ensuring your investment in electrical improvements is protected throughout Vancouver WA and Clark County.

Honest Estimate Commitment

Crown Electric honors every estimate we provide, even if the electrical work requires more effort than planned. No surprise charges, no hidden fees - just honest pricing you can trust for all electrical services.

Reliable Service & Communication

We show up when scheduled and always call customers back promptly. Crown Electric maintains clear communication throughout every electrical project from initial consultation to completion.

Free Estimates & Consultation

Crown Electric provides free estimates for all electrical projects in Vancouver WA and Clark County. Contact us by phone or email to schedule your consultation and receive honest, detailed pricing for your electrical needs.

Call for Free Estimate (360) 896-4122