Fisher's Landing Home Care Experts | E&K Contracting | Modern Exterior Solutions /* Foundation */ :root { --primary: #1B4B73; --primary-dark: #0F3559; --primary-light: #2B5F8A; --accent: #4A9B5E; --accent-dark: #3F8650; --white: #FFFFFF; --black: #1A1A1A; --gray-50: #FAFAFA; --gray-100: #F5F5F5; --gray-200: #E5E5E5; --gray-300: #D4D4D4; --gray-400: #A3A3A3; --gray-500: #737373; --gray-600: #525252; --gray-700: #404040; --gray-800: #262626; --gray-900: #171717; --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif; --font-heading: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif; --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1); --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1); --radius: 8px; --radius-lg: 12px; --radius-xl: 16px; --transition: 0.3s ease; } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; font-size: 16px; } body { font-family: var(--font-body); color: var(--gray-700); line-height: 1.6; background: var(--white); overflow-x: hidden; -webkit-font-smoothing: antialiased; } h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); color: var(--primary); line-height: 1.2; font-weight: 700; } h1 { font-size: clamp(2.25rem, 5vw, 3.75rem); } h2 { font-size: clamp(1.875rem, 4vw, 2.75rem); } h3 { font-size: clamp(1.5rem, 3vw, 2.125rem); } a { color: var(--primary); text-decoration: none; } a:hover { text-decoration: underline; } img { max-width: 100%; height: auto; } .container { max-width: 1200px; margin: 0 auto; padding: 0 1rem; } /* Modern Header */ .modern-header { background: rgba(255, 255, 255, 0.98); backdrop-filter: blur(10px); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); position: fixed; top: 0; left: 0; right: 0; z-index: 1000; transition: all var(--transition); } .header-wrap { display: flex; justify-content: space-between; align-items: center; height: 75px; } .logo-modern img { height: 45px; } .header-actions { display: flex; gap: 1.25rem; align-items: center; } /* Modern Buttons */ .modern-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.875rem 1.75rem; border-radius: 50px; font-weight: 600; transition: all var(--transition); border: none; cursor: pointer; text-decoration: none; font-size: 0.95rem; letter-spacing: 0.025em; } .modern-btn:hover { text-decoration: none; transform: translateY(-2px); } .btn-accent { background: var(--accent); color: var(--white); } .btn-accent:hover { background: var(--accent-dark); box-shadow: var(--shadow-lg); } .btn-ghost { background: transparent; color: var(--primary); border: 2px solid var(--gray-200); } .btn-ghost:hover { background: var(--primary); color: var(--white); border-color: var(--primary); } /* Landing Hero */ .landing-hero { margin-top: 75px; background: linear-gradient(110deg, var(--gray-50) 50%, var(--white) 50%); padding: 80px 0; position: relative; overflow: hidden; } .landing-hero::before { content: ''; position: absolute; top: -50%; right: -10%; width: 60%; height: 200%; background: radial-gradient(circle, rgba(74, 155, 94, 0.1) 0%, transparent 70%); transform: rotate(45deg); } .hero-split { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 4rem; align-items: center; position: relative; z-index: 1; } .hero-text h1 { margin-bottom: 1.5rem; line-height: 1.1; } .hero-text h1 span { color: var(--accent); } .hero-description { font-size: 1.25rem; color: var(--gray-600); margin-bottom: 2.5rem; line-height: 1.7; } .hero-stats { display: flex; gap: 3rem; margin-bottom: 2.5rem; } .hero-stat { text-align: center; } .stat-number { display: block; font-size: 2.5rem; font-weight: 800; color: var(--primary); line-height: 1; } .stat-text { font-size: 0.875rem; color: var(--gray-500); margin-top: 0.25rem; } .hero-visual { position: relative; } .visual-card { background: var(--white); border-radius: var(--radius-xl); overflow: hidden; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); transform: perspective(1000px) rotateY(-5deg); } .visual-card img { width: 100%; height: 450px; object-fit: cover; } .visual-badge { position: absolute; top: 2rem; right: 2rem; background: var(--accent); color: var(--white); padding: 1rem 1.5rem; border-radius: 50px; font-weight: 600; box-shadow: var(--shadow-lg); } /* Modern Services */ .modern-services { padding: 80px 0; background: var(--white); } .services-intro { text-align: center; max-width: 700px; margin: 0 auto 4rem; } .services-intro h2 { margin-bottom: 1rem; } .services-intro p { font-size: 1.125rem; color: var(--gray-600); } .service-blocks { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; } a.service-block { background: var(--gray-50); padding: 2rem; border-radius: var(--radius-lg); text-align: center; transition: all var(--transition); cursor: pointer; position: relative; overflow: hidden; text-decoration: none; } a.service-block::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%); opacity: 0; transition: opacity var(--transition); } a.service-block:hover::before { opacity: 1; } a.service-block:hover { transform: translateY(-10px); box-shadow: var(--shadow-xl); text-decoration: none; } .service-content { position: relative; z-index: 1; } .service-number { font-size: 3rem; font-weight: 800; color: var(--accent); margin-bottom: 1rem; transition: color var(--transition); } .service-block:hover .service-number { color: var(--white); } .service-block h3 { font-size: 1.25rem; margin-bottom: 0.75rem; transition: color var(--transition); } a.service-block:hover h3 { color: var(--white); } .service-block p { font-size: 0.875rem; color: var(--gray-600); transition: color var(--transition); } a.service-block:hover p { color: rgba(255, 255, 255, 0.9); } /* Neighborhood Spotlight */ .neighborhood-spotlight { padding: 80px 0; background: linear-gradient(to bottom, var(--gray-50) 0%, var(--white) 100%); } .spotlight-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; } .spotlight-content h2 { margin-bottom: 1.5rem; } .neighborhood-features { margin: 2rem 0; } .neighborhood-feature { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.5rem; } .feature-icon { width: 40px; height: 40px; background: rgba(74, 155, 94, 0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--accent); font-weight: 700; } .feature-text h4 { font-size: 1.125rem; margin-bottom: 0.25rem; } .feature-text p { font-size: 0.875rem; color: var(--gray-600); margin: 0; } .spotlight-visual { position: relative; } .visual-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .visual-item { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow); } .visual-item img { width: 100%; height: 200px; object-fit: cover; transition: transform var(--transition); } .visual-item:hover img { transform: scale(1.05); } .visual-item:first-child { grid-column: span 2; } .visual-item:first-child img { height: 250px; } /* Process Timeline */ .process-timeline { padding: 80px 0; background: var(--white); } .timeline-header { text-align: center; margin-bottom: 4rem; } .timeline-track { position: relative; max-width: 900px; margin: 0 auto; } .timeline-line { position: absolute; top: 30px; left: 0; right: 0; height: 2px; background: var(--gray-200); z-index: 1; } .timeline-progress { position: absolute; top: 0; left: 0; height: 100%; background: var(--accent); width: 0; transition: width 2s ease-out; } .timeline-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; position: relative; z-index: 2; } .timeline-step { text-align: center; } .step-circle { width: 60px; height: 60px; background: var(--white); border: 3px solid var(--gray-200); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; font-weight: 700; font-size: 1.25rem; color: var(--gray-400); transition: all var(--transition); } .timeline-step.active .step-circle { background: var(--accent); border-color: var(--accent); color: var(--white); transform: scale(1.1); } .timeline-step h4 { font-size: 1.125rem; margin-bottom: 0.5rem; } .timeline-step p { font-size: 0.875rem; color: var(--gray-600); } /* Trust Section */ .trust-modern { padding: 80px 0; background: var(--primary); color: var(--white); } .trust-layout { display: grid; grid-template-columns: 1fr 2fr; gap: 4rem; align-items: center; } .trust-content h2 { color: var(--white); margin-bottom: 1.5rem; } .trust-content p { opacity: 0.9; margin-bottom: 2rem; line-height: 1.8; } .trust-points { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; } .trust-point { display: flex; align-items: center; gap: 0.75rem; } .trust-check { width: 24px; height: 24px; background: rgba(255, 255, 255, 0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } .trust-testimonial { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); padding: 3rem; border-radius: var(--radius-xl); border: 1px solid rgba(255, 255, 255, 0.2); } .testimonial-quote { font-size: 1.5rem; line-height: 1.6; margin-bottom: 2rem; font-style: italic; } .testimonial-source { display: flex; justify-content: space-between; align-items: center; } .source-info h5 { color: var(--white); margin-bottom: 0.25rem; } .source-info p { opacity: 0.8; font-size: 0.875rem; margin: 0; } .source-rating { color: #FFD700; font-size: 1.25rem; } /* Gallery Section */ .work-gallery { padding: 80px 0; background: var(--gray-50); } .gallery-header { text-align: center; margin-bottom: 3rem; } .gallery-mosaic { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; } .gallery-cell { position: relative; border-radius: var(--radius-lg); overflow: hidden; cursor: pointer; transition: all var(--transition); height: 250px; } .gallery-cell:hover { transform: scale(1.02); box-shadow: var(--shadow-xl); } .gallery-cell img { width: 100%; height: 100%; object-fit: cover; } .gallery-cell:nth-child(1) { grid-column: span 2; } .gallery-cell:nth-child(4) { grid-column: span 2; } .gallery-overlay { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.8), transparent); padding: 1.5rem; color: var(--white); transform: translateY(100%); transition: transform var(--transition); } .gallery-cell:hover .gallery-overlay { transform: translateY(0); } .gallery-overlay h4 { color: var(--white); margin-bottom: 0.25rem; } .gallery-overlay p { font-size: 0.875rem; opacity: 0.9; margin: 0; } /* CTA Modern */ .cta-modern { padding: 100px 0; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%); color: var(--white); text-align: center; position: relative; overflow: hidden; } .cta-modern::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%); animation: float 20s infinite linear; } @keyframes float { to { transform: rotate(360deg); } } .cta-content { position: relative; z-index: 1; max-width: 800px; margin: 0 auto; } .cta-content h2 { color: var(--white); font-size: clamp(2rem, 5vw, 3rem); margin-bottom: 1.5rem; } .cta-content p { font-size: 1.25rem; margin-bottom: 2.5rem; opacity: 0.95; } .cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .btn-white { background: var(--white); color: var(--accent); } .btn-white:hover { background: var(--gray-50); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); } /* Contact Modern */ .contact-modern { padding: 80px 0; } .contact-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; } .contact-details h2 { margin-bottom: 1.5rem; } .detail-cards { display: grid; gap: 1.5rem; margin: 2rem 0; } .detail-card { background: var(--gray-50); padding: 1.5rem; border-radius: var(--radius-lg); display: flex; gap: 1rem; align-items: center; } .detail-icon { width: 50px; height: 50px; background: var(--white); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; font-size: 1.5rem; color: var(--accent); box-shadow: var(--shadow); } .contact-form-modern { background: var(--white); padding: 3rem; border-radius: var(--radius-xl); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08); border: 1px solid var(--gray-100); } .form-modern-header { text-align: center; margin-bottom: 2.5rem; } .form-modern-header h3 { font-size: 1.875rem; margin-bottom: 0.5rem; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .form-single { grid-template-columns: 1fr; } .field-modern { margin-bottom: 1.5rem; } .field-modern label { display: block; margin-bottom: 0.5rem; font-weight: 600; color: var(--gray-700); font-size: 0.875rem; } .field-modern input, .field-modern select, .field-modern textarea { width: 100%; padding: 0.875rem; border: 2px solid var(--gray-200); border-radius: var(--radius); font-size: 1rem; font-family: var(--font-body); transition: all var(--transition); background: var(--gray-50); } .field-modern input:focus, .field-modern select:focus, .field-modern textarea:focus { outline: none; border-color: var(--accent); background: var(--white); } .submit-modern { width: 100%; background: var(--primary); color: var(--white); font-size: 1.125rem; font-weight: 700; padding: 1rem; border: none; border-radius: 50px; cursor: pointer; transition: all var(--transition); } .submit-modern:hover { background: var(--primary-dark); transform: translateY(-2px); box-shadow: var(--shadow-lg); } /* Footer Modern */ .footer-modern { background: var(--gray-900); color: var(--white); padding: 60px 0 30px; } .footer-content { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; } .footer-brand h4 { color: var(--white); margin-bottom: 1rem; } .footer-brand img { height: 40px; margin-bottom: 1rem; } .footer-column h5 { color: var(--white); margin-bottom: 1rem; font-size: 1rem; } .footer-column ul { list-style: none; } .footer-column li { margin-bottom: 0.5rem; } .footer-column a { color: rgba(255, 255, 255, 0.7); font-size: 0.875rem; } .footer-column a:hover { color: var(--accent); } .footer-legal { border-top: 1px solid var(--gray-800); padding-top: 2rem; text-align: center; color: rgba(255, 255, 255, 0.5); font-size: 0.875rem; } /* Responsive */ @media (max-width: 768px) { .hero-split, .spotlight-layout, .trust-layout, .contact-split { grid-template-columns: 1fr; gap: 3rem; } .service-blocks, .timeline-steps { grid-template-columns: 1fr; gap: 1.5rem; } a.service-block { text-align: center; } .gallery-mosaic { grid-template-columns: 1fr; grid-template-rows: auto; } .gallery-cell { grid-column: auto !important; height: 250px; } .hero-stats { justify-content: space-around; } .form-row { grid-template-columns: 1fr; } .footer-content { grid-template-columns: 1fr; text-align: center; } .header-actions .modern-btn span { display: none; } }

Modern Exterior Care for Fisher's Landing Homes

Protecting East Vancouver's newest neighborhood with time-tested expertise. Professional gutters, painting, and exterior services from a family business you can trust.

650+ Fisher's Landing Projects

2002 Family Established

4.9★ Google Reviews

Get Started Today

Fisher's Landing Vancouver WA neighborhood homes

Serving Since 2002

Four Essential Services for Modern Homes

Comprehensive exterior solutions designed for Fisher's Landing's contemporary properties

Smart Gutters

Advanced drainage systems for new construction

Premium Paint

Long-lasting finishes for contemporary homes

Siding Care

Modern materials expertly installed

Total Protection

Roofing, drywall & complete care

Understanding Fisher's Landing

East Vancouver's Fisher's Landing represents the perfect blend of suburban comfort and urban convenience. With shopping centers, excellent schools, and modern amenities, this growing neighborhood attracts families who value quality living.

Contemporary Architecture

Newer homes requiring specialized maintenance approaches

Growing Community

Young families investing in long-term home care

Premium Standards

HOA compliance and neighborhood excellence

E&K Contracting brings old-world craftsmanship to modern homes. Our Mexican-American heritage means we value family, quality, and lasting relationships – perfect for Fisher's Landing's community-minded residents.

Also serving nearby neighborhoods: Cascade Park, Salmon Creek, and throughout East Vancouver.

Fisher's Landing East Vancouver residential area

Your Project Journey

Simple, transparent process from start to finish

Quick Assessment

Free inspection within 48 hours

Clear Proposal

Detailed quote with no surprises

Expert Work

Professional service on schedule

Lasting Results

5-year warranty protection

Why Fisher's Landing Chooses E&K

More than contractors – we're neighbors invested in your success. Sandra's service as Vancouver School Board President reflects our commitment to building stronger communities. We proudly serve Fisher's Landing alongside other Vancouver neighborhoods including Cascade Park and Salmon Creek.

✓

Community Business Leaders

✓

Licensed & Fully Insured

✓

3,300+ Completed Projects

✓

Commercial Experience

"Living in Fisher's Landing means maintaining modern standards. E&K understood our HOA requirements perfectly and delivered exceptional gutter work that enhanced our home's appearance while providing superior protection."

The Thompson Family

Fisher's Landing Residents

★★★★★

Excellence in Every Detail

Recent Fisher's Landing projects showcasing our commitment to quality

Modern Siding Installation

Complete exterior transformation

Professional Roofing

Expert repairs and maintenance

Premium Exterior Painting

Weather-resistant finishes

Seamless Gutter System

Custom fit for modern homes

Expert Drywall Services

Seamless repairs and installations

Your Home Deserves Excellence

Join hundreds of Fisher's Landing families who trust E&K for superior exterior care

Schedule Free Assessment Call (360) 910-9205

Specializing in: Gutters • Painting • Siding • Drywall • Roofing

Connect With Fisher's Landing's Trusted Team

Experience the difference of working with a family business that values quality, integrity, and community. We're here to protect your investment with professional gutter installation, exterior painting, and comprehensive home care.

⚡

Fast Response

Same-day callbacks, 48-hour estimates

🏆

Proven Excellence

20+ years serving Vancouver neighborhoods

🤝

Community Partners

Chamber members, school board leadership

Office: 3515 Thompson Ave, Vancouver, WA 98660
Direct: (360) 910-9205

Start Your Project

Free estimates for Fisher's Landing homes

First Name *

Last Name *

Email Address *

Phone Number

Service Type

Project Timeline

Project Details