Five Star Auto Body - NE 68th Street, Vancouver WA | Main Location * { margin: 0; padding: 0; box-sizing: border-box; } :root { --primary-black: #1a1a1a; --accent-orange: #ff6b35; --light-gray: #f5f5f5; --medium-gray: #6c757d; --dark-gray: #2c2c2c; --white: #ffffff; --shadow: 0 4px 6px rgba(0, 0, 0, 0.1); --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15); } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; line-height: 1.6; color: var(--dark-gray); background: var(--white); } .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } /* Header */ header { background: var(--white); box-shadow: var(--shadow); position: sticky; top: 0; z-index: 1000; height: 80px; } nav { display: flex; justify-content: space-between; align-items: center; height: 80px; position: relative; } .logo { flex-shrink: 0; z-index: 1001; } .logo img { height: 50px; width: auto; max-width: 180px; } .nav-menu { display: flex; gap: 2rem; align-items: center; justify-content: flex-end; list-style: none; margin: 0; padding: 0; } .nav-menu > li { position: relative; } .nav-menu a { color: var(--dark-gray); text-decoration: none; font-weight: 500; transition: all 0.3s; display: flex; align-items: center; gap: 5px; padding: 8px 0; } .nav-menu a:hover, .nav-menu a:focus { color: var(--accent-orange); } .dropdown-arrow { font-size: 0.8rem; transition: transform 0.3s; margin-left: 5px; } .dropdown { position: absolute; top: 100%; left: 0; background: var(--white); min-width: 250px; box-shadow: var(--shadow-lg); border-radius: 10px; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; margin-top: 10px; z-index: 1000; } .nav-menu li:hover .dropdown, .nav-menu li:focus-within .dropdown { opacity: 1; visibility: visible; transform: translateY(0); } .nav-menu li:hover .dropdown-arrow, .nav-menu li:focus-within .dropdown-arrow { transform: rotate(180deg); } .dropdown a { padding: 12px 20px; font-size: 0.95rem; border-bottom: 1px solid var(--light-gray); display: block; width: 100%; } .dropdown a:hover, .dropdown a:focus { background: rgba(255, 107, 53, 0.1); color: var(--accent-orange); padding-left: 25px; } .dropdown a:first-child { border-radius: 10px 10px 0 0; } .dropdown a:last-child { border-radius: 0 0 10px 10px; border-bottom: none; } .mobile-menu-toggle { display: none; background: none; border: none; font-size: 1.8rem; cursor: pointer; color: var(--dark-gray); padding: 8px; z-index: 1001; transition: all 0.3s; border-radius: 4px; min-height: 44px; min-width: 44px; align-items: center; justify-content: center; position: relative; } /* Typography */ h1 { font-size: clamp(2rem, 5vw, 3.5rem); font-weight: 700; line-height: 1.1; margin-bottom: 1rem; } h2 { font-size: clamp(1.5rem, 4vw, 2.5rem); font-weight: 600; margin-bottom: 1rem; color: var(--primary-black); } h3 { font-size: clamp(1.2rem, 3vw, 1.8rem); font-weight: 600; margin-bottom: 0.8rem; color: var(--primary-black); } h4 { font-size: clamp(1.1rem, 2.5vw, 1.4rem); font-weight: 600; margin-bottom: 0.6rem; color: var(--primary-black); } p { margin-bottom: 1rem; font-size: clamp(1rem, 2vw, 1.1rem); } /* Hero Section */ .hero { background: linear-gradient(135deg, rgba(26,26,26,0.8), rgba(44,44,44,0.6)); color: var(--white); padding: 80px 0; text-align: center; position: relative; min-height: 70vh; display: flex; align-items: center; } .hero-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; z-index: -1; } .hero-content { position: relative; z-index: 1; } .hero-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; margin-top: 2rem; } /* CTA Button */ .cta-button { background: var(--accent-orange); color: var(--white); padding: 15px 30px; border-radius: 50px; text-decoration: none; font-weight: 600; transition: all 0.3s; display: inline-block; box-shadow: 0 4px 15px rgba(255, 107, 53, 0.3); } .cta-button:hover { background: var(--primary-black); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4); } .cta-button.secondary { background: transparent; border: 2px solid var(--white); color: var(--white); } .cta-button.secondary:hover { background: var(--white); color: var(--primary-black); } /* Section Styles */ .section { padding: 80px 0; opacity: 0; animation: fadeIn 0.5s ease-in-out forwards; } .section.gray { background: var(--light-gray); } .text-center { text-align: center; } /* Contact Info Grid */ .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; margin-top: 40px; } .contact-card { background: var(--white); padding: 30px; border-radius: 15px; box-shadow: var(--shadow); text-align: center; } /* Location Images */ .location-images { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 40px; } .location-image { aspect-ratio: 4/3; background: var(--light-gray); border-radius: 15px; overflow: hidden; position: relative; } .image-placeholder { width: 100%; height: 100%; background: linear-gradient(45deg, #ddd, #f0f0f0); display: flex; align-items: center; justify-content: center; font-weight: bold; color: var(--dark-gray); text-align: center; padding: 20px; } /* Features List */ .features-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; } .feature-item { display: block; padding: 20px; background: var(--white); border-radius: 10px; box-shadow: var(--shadow); } /* Services Grid */ .services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 25px; margin-top: 40px; } .service-card { background: var(--white); padding: 25px; border-radius: 15px; text-align: center; box-shadow: var(--shadow); border-top: 4px solid var(--accent-orange); } /* Video Section */ .video-section { background: var(--primary-black); color: var(--white); padding: 80px 0; } .video-container { max-width: 800px; margin: 30px auto 0; background: #000; border-radius: 15px; overflow: hidden; box-shadow: var(--shadow-lg); } .location-video { width: 100%; aspect-ratio: 16/9; } .video-placeholder { aspect-ratio: 16/9; background: linear-gradient(45deg, #333, #555); display: flex; align-items: center; justify-content: center; font-size: clamp(1.5rem, 4vw, 3rem); color: var(--accent-orange); text-align: center; padding: 20px; } /* Team Section */ .team-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 30px; margin-top: 40px; } .team-member { background: var(--white); padding: 25px; border-radius: 15px; text-align: center; box-shadow: var(--shadow); } /* Map Section */ .map-section { background: var(--light-gray); padding: 80px 0; } .map-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; align-items: center; } .map-container { width: 100%; height: 400px; border-radius: 15px; overflow: hidden; box-shadow: var(--shadow); } .map-container iframe { width: 100%; height: 100%; border: none; } .map-placeholder { width: 100%; height: 400px; background: #ddd; border-radius: 15px; display: flex; align-items: center; justify-content: center; color: #666; font-weight: bold; text-align: center; } /* Footer */ footer { background: var(--primary-black); color: var(--white); padding: 50px 0 20px; } .footer-content { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; margin-bottom: 30px; } .footer-section h4 { color: var(--accent-orange); margin-bottom: 20px; } .footer-section a { color: var(--white); text-decoration: none; display: block; margin-bottom: 10px; transition: color 0.3s; } .footer-section a:hover { color: var(--accent-orange); } .footer-bottom { border-top: 1px solid #444; padding-top: 20px; text-align: center; } /* Loading state improvements */ @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* Ensure critical elements load first */ h1, h2, h3, h4 { animation-delay: 0.1s; } /* Mobile Responsive */ @media (max-width: 1023px) { .mobile-menu-toggle { display: flex !important; } .nav-menu { position: fixed !important; top: 80px !important; left: -100% !important; width: 100vw !important; height: calc(100vh - 80px) !important; background: var(--white) !important; flex-direction: column !important; justify-content: flex-start !important; align-items: center !important; transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important; overflow-y: auto !important; padding: 20px 0 !important; gap: 0 !important; z-index: 9998 !important; visibility: hidden !important; opacity: 0 !important; } .nav-menu.active { left: 0 !important; visibility: visible !important; opacity: 1 !important; } .nav-menu > li { width: 100% !important; text-align: center !important; border-bottom: 1px solid var(--light-gray) !important; position: relative !important; } .nav-menu > li:last-child { border-bottom: none !important; } .nav-menu a { display: flex !important; align-items: center !important; justify-content: center !important; padding: 16px 20px !important; font-size: 1.1rem !important; min-height: 48px !important; width: 100% !important; } .dropdown { position: static !important; background: var(--light-gray) !important; width: 100% !important; box-shadow: none !important; border-radius: 0 !important; opacity: 0 !important; max-height: 0 !important; overflow: hidden !important; transition: all 0.3s ease !important; margin: 0 !important; z-index: auto !important; } .nav-menu li:hover .dropdown, .nav-menu li:focus-within .dropdown, .nav-menu li.dropdown-open .dropdown { opacity: 1 !important; max-height: 300px !important; } .dropdown a { padding: 12px 30px !important; font-size: 1rem !important; border-bottom: 1px solid rgba(255,255,255,0.1) !important; background: var(--light-gray) !important; } .dropdown a:hover, .dropdown a:focus { background: var(--accent-orange) !important; color: var(--white) !important; padding-left: 35px !important; } .dropdown-arrow { margin-left: auto !important; } .hero { padding: 60px 0; min-height: 60vh; } .section { padding: 60px 0; } .hero-buttons { flex-direction: column; align-items: center; } .contact-grid { grid-template-columns: 1fr; gap: 20px; } .location-images { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } } @media (min-width: 1024px) { .mobile-menu-toggle { display: none !important; } .nav-menu { position: static !important; top: auto !important; left: auto !important; width: auto !important; height: auto !important; background: transparent !important; flex-direction: row !important; justify-content: flex-end !important; align-items: center !important; box-shadow: none !important; padding: 0 !important; overflow: visible !important; gap: 2rem; display: flex !important; margin: 0; list-style: none; z-index: auto; transition: none; visibility: visible !important; opacity: 1 !important; } }

Five Star Auto Body - NE 68th Street

Our main Vancouver, WA location at 3019 NE 68th Street. State-of-the-art collision repair and auto body facility serving Clark County with advanced equipment, certified technicians, and exceptional customer service since 1995.

Get Free Estimate Call (360) 699-4887

Contact Our NE 68th Street Location

Visit our main Vancouver facility for expert collision repair and auto body services. Convenient location with easy access from I-205 and Highway 14.

Address

3019 NE 68th St
Vancouver, WA 98665

Easy access from I-205, Highway 14, and Mill Plain Boulevard

Phone & Hours

(360) 699-4887

Monday - Friday: 8:00 AM - 5:00 PM
Saturday & Sunday: Closed

Services

Complete Auto Body Repair

Collision repair, dent removal, painting, frame straightening, insurance claims

Our NE 68th Street Facility

Take a look at our state-of-the-art collision repair facility and meet our certified technicians.

Facility Exterior
3019 NE 68th Street

Customer Reception
& Waiting Area

Paint Booth
Technology

Frame Machine
Equipment

Technician Team
at Work

Customer Parking
& Drop-off

Quality Control
& Inspection Area

Parts Storage
& Inventory

Tour Our Vancouver WA Location

See our advanced equipment, meet our certified technicians, and experience the Five Star Auto Body difference at our NE 68th Street location.

Services Available at NE 68th Street

Our main location offers the full range of collision repair and auto body services with the latest technology and equipment.

Collision Repair

Complete collision repair including frame straightening, structural work, and safety system restoration.

Auto Painting

Professional automotive painting with computerized color matching and advanced paint booth technology.

Dent Removal

Paintless dent removal and traditional dent repair for all types of vehicle damage.

Insurance Claims

Complete insurance claims handling and coordination with all major insurance companies.

Frame Straightening

Advanced computerized frame straightening and unibody repair using manufacturer specifications.

Towing Services

24/7 emergency towing services throughout Vancouver and Clark County.

Glass Replacement

Professional windshield and auto glass replacement with OEM and aftermarket options.

Detailing Services

Complete vehicle detailing and reconditioning services to restore your car's appearance.

Why Choose Our NE 68th Street Location

Our flagship Vancouver facility combines advanced technology, certified expertise, and exceptional customer service.

Flagship Facility

Our largest and most advanced auto body repair facility

Latest Equipment

State-of-the-art frame machines and paint booth technology

Expert Team

I-CAR Gold Class certified technicians with 20+ years experience

Convenient Location

Easy access from major highways and Vancouver neighborhoods

Ample Parking

Large customer parking area and vehicle storage

Fast Service

Priority scheduling and efficient repair processes

Warranty Protection

Comprehensive warranty coverage on all repairs and services

Eco-Friendly Practices

Environmental responsible disposal and recycling programs

Meet Our NE 68th Street Team

Our certified technicians and customer service team are here to provide exceptional auto body repair service.

Location Manager

20+ years experience in auto body repair and customer service

Lead Technician

I-CAR Gold certified collision repair specialist

Paint Specialist

Expert in color matching and automotive refinishing

Customer Service

Insurance coordination and customer communication

Directions to NE 68th Street Location

Easy to find location with convenient access from major Vancouver highways and neighborhoods.

Getting Here

From I-205:

Take Exit 30 (NE 78th St), turn east, then south on NE 68th St

From Highway 14:

Take I-205 North to Exit 30, follow directions above

From Mill Plain Blvd:

Head north on NE 68th St, location on the right

Public Transit:

C-TRAN Route 4 stops nearby on NE 68th Street

Nearby Landmarks:

• Near Costco and Home Depot
• Close to Vancouver Mall
• Convenient to Clark College