About Crown Electric | Licensed Electrician Vancouver WA & Clark County :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 { 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 { 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 { 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 { 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 { 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 { 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: flex; align-items: center; 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; 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-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-subtitle a { color: var(--gold-light); text-decoration: underline; } .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; } .section-subtitle a { color: var(--maroon); text-decoration: underline; } /* 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-text a { color: var(--maroon); text-decoration: underline; } .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; } .area-item a { color: var(--maroon); text-decoration: none; } .area-item a:hover { text-decoration: underline; } .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; } /* ===== FOOTER ===== */ .site-footer { background: var(--gray-900); color: var(--gray-300); padding: 4rem 0 2rem; } .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; } .footer-brand h3 { color: var(--white); font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; } .footer-brand p { font-size: 0.95rem; line-height: 1.6; color: var(--gray-400); margin-bottom: 1rem; } .footer-contact-item { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.5rem; font-size: 0.9rem; } .footer-contact-item a { color: var(--gray-300); text-decoration: none; transition: color 0.3s ease; } .footer-contact-item a:hover { color: var(--gold); } .footer-column h4 { color: var(--gold); font-size: 1rem; font-weight: 600; margin-bottom: 1rem; text-transform: uppercase; letter-spacing: 0.5px; } .footer-links { list-style: none; padding: 0; } .footer-links li { margin-bottom: 0.5rem; } .footer-links a { color: var(--gray-400); text-decoration: none; font-size: 0.9rem; transition: color 0.3s ease; } .footer-links a:hover { color: var(--gold); } .footer-bottom { border-top: 1px solid var(--gray-700); padding-top: 2rem; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; font-size: 0.85rem; color: var(--gray-500); } /* 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; } .footer-grid { grid-template-columns: 1fr; gap: 2rem; } .footer-bottom { flex-direction: column; text-align: center; } } /* 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; }

Licensed Electrician Vancouver WA Since 2012

About Crown Electric — Your Local Electrician in 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's 542,000+ Residents

BBB, BIA & Chamber of Commerce Member

1 Year Parts & Labor Warranty on All Work

Call Our Team Today Get a Free Estimate →

Company History

Serving Clark County Homeowners & Businesses 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

Honest Electrical Services for a Growing Southwest Washington

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.

Clark County is one of Washington's fastest-growing regions, with a population that has grown past 542,000 residents and over 21,000 new housing units built in the last five years alone. That growth drives constant demand for qualified, licensed electricians who can handle everything from panel upgrades and electrical remodels to EV charger installations, hot tub electrical connections, and new construction wiring throughout Southwest Washington.

As we continue growing alongside our community, 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 for homeowners and businesses across Vancouver, Battle Ground, Camas, and Ridgefield.

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 12+ years serving Vancouver WA with honest electrical services

Meet Our Founder

Nathan Henifin — Licensed Electrician & Owner

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.

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 for homeowners and businesses throughout Clark County — a region of over 542,000 residents that continues to grow each year.

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

Specialist in Panel Upgrades, Rewiring, EV Chargers & New Construction

12+ Years Experience in Vancouver WA & Clark County

Commitment to Integrity & Customer Service Excellence

Our Team

Crown Electric's Licensed Electrical Team

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

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 & Bonded Electrical Contractor

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 upgrades, rewiring, 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

What Sets Crown Electric Apart

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

Serving All of Clark County, Washington

Crown Electric is proud to serve Vancouver WA and surrounding Clark County communities as a locally-owned electrical contractor. Clark County is home to over 542,000 residents across a rapidly growing region, and our deep community roots and commitment to supporting local families and businesses reflect our dedication to Southwest Washington.

Vancouver WA — Our Home Base

Crown Electric's headquarters in Vancouver WA — Washington's fourth largest city with over 205,000 residents — serves as the center of our electrical operations. We provide residential and commercial electrical solutions including electric panel upgrades, house rewiring, and EV charger installation for homes and businesses throughout Vancouver.

Battle Ground WA

Crown Electric proudly serves Battle Ground WA (population 22,790) with reliable residential and commercial electrical services, panel upgrades, and electrical system improvements while supporting this growing North Clark County community.

Camas WA

Licensed electrical contractor services in Camas WA (population 27,970) include residential and commercial electrical installations, house rewiring services, and comprehensive electrical troubleshooting for homes and businesses in eastern Clark County.

Ridgefield WA

Crown Electric provides professional electrical services to Ridgefield WA (population 16,290) — one of Clark County's fastest-growing cities — including electric panel upgrades, new construction wiring, and EV charger installation for new and existing homes.

All Clark County Communities

Serving all Clark County communities with licensed electrical services, Crown Electric provides residential and commercial electrical installations, maintenance, and upgrades throughout Southwest Washington including Washougal, La Center, and Yacolt.

What Sets Us Apart

Why Choose Crown Electric as Your Local 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