contact

Contact E&K Contracting | Vancouver WA Painters & Contractors | (360) 910-9205 /* CSS Reset & Variables */ :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; --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(2rem, 5vw, 3.5rem); } h2 { font-size: clamp(1.75rem, 4vw, 2.5rem); } h3 { font-size: clamp(1.5rem, 3vw, 2rem); } 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; } /* Skip Link */ .skip-link { position: absolute; top: -40px; left: 0; background: var(--primary); color: var(--white); padding: 8px; z-index: 100; } .skip-link:focus { top: 0; } /* Header - Copied from main site */ .header { position: sticky; top: 0; background: var(--white); box-shadow: var(--shadow); z-index: 1000; } .header-top { background: var(--primary); color: var(--white); padding: 0.5rem 0; font-size: 0.875rem; } .header-top-inner { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; } .header-info { display: flex; gap: 1.5rem; flex-wrap: wrap; } .header-info a { color: var(--white); } .trust-badges { display: flex; gap: 1rem; } /* Navigation - Simplified for contact page */ .nav { background: var(--white); } .nav-inner { display: flex; justify-content: space-between; align-items: center; height: 80px; } .logo img { height: 50px; } .nav-menu { display: flex; list-style: none; gap: 2rem; align-items: center; } .nav-menu a { color: var(--gray-700); font-weight: 600; padding: 0.5rem 0; position: relative; } .nav-menu a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--accent); transition: width var(--transition); } .nav-menu a:hover::after { width: 100%; } .nav-menu a.active { color: var(--primary); } .nav-menu a.active::after { width: 100%; } /* Buttons */ .btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; border-radius: var(--radius); font-weight: 600; transition: all var(--transition); border: 2px solid transparent; cursor: pointer; text-decoration: none; } .btn:hover { text-decoration: none; transform: translateY(-2px); } .btn-primary { background: var(--accent); color: var(--white); } .btn-primary:hover { background: var(--accent-dark); box-shadow: var(--shadow-lg); } .btn-secondary { background: var(--primary); color: var(--white); } .btn-secondary:hover { background: var(--primary-dark); box-shadow: var(--shadow-lg); } /* Nav CTA */ .nav-cta { display: flex; gap: 1rem; align-items: center; } /* Mobile Menu Toggle */ .mobile-toggle { display: none; flex-direction: column; gap: 4px; background: none; border: none; cursor: pointer; padding: 0.5rem; } .mobile-toggle span { width: 25px; height: 3px; background: var(--primary); transition: all var(--transition); } /* Page Header */ .page-header { background: linear-gradient(rgba(27, 75, 115, 0.9), rgba(27, 75, 115, 0.9)), url('https://cdn.prod.website-files.com/67f147b35b0383b0565b0365/68227d4f1308270999a18314_E%26K.jpg'); background-size: cover; background-position: center; padding: 80px 0; color: var(--white); text-align: center; } .page-header h1 { color: var(--white); margin-bottom: 1rem; } .breadcrumb { display: flex; justify-content: center; gap: 1rem; align-items: center; font-size: 0.875rem; margin-top: 1rem; } .breadcrumb a { color: var(--white); opacity: 0.8; } .breadcrumb a:hover { opacity: 1; } .breadcrumb span { opacity: 0.6; } /* Contact Content */ .contact-content { padding: 80px 0; } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; margin-bottom: 4rem; } /* Contact Info */ .contact-info h2 { margin-bottom: 2rem; } .info-cards { display: grid; gap: 1.5rem; } .info-card { background: var(--gray-50); padding: 2rem; border-radius: var(--radius-lg); display: flex; gap: 1.5rem; align-items: flex-start; transition: all var(--transition); } .info-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-2px); } .info-icon { width: 48px; height: 48px; background: var(--primary); color: var(--white); border-radius: var(--radius); display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 1.25rem; } .info-text h3 { font-size: 1.25rem; margin-bottom: 0.5rem; } .info-text p { margin: 0; color: var(--gray-600); } .info-text a { color: var(--primary); font-weight: 600; } /* Contact Form */ .contact-form { background: var(--white); padding: 2.5rem; border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); } .contact-form h2 { margin-bottom: 1.5rem; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .form-group { margin-bottom: 1.25rem; } .form-group.full-width { grid-column: 1 / -1; } .form-group label { display: block; margin-bottom: 0.5rem; font-weight: 600; color: var(--gray-700); } .form-group input, .form-group select, .form-group textarea { width: 100%; padding: 0.75rem; border: 2px solid var(--gray-200); border-radius: var(--radius); font-size: 1rem; font-family: var(--font-body); transition: border-color var(--transition); background: var(--gray-50); } .form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--accent); background: var(--white); } .form-submit { width: 100%; background: var(--accent); color: var(--white); font-size: 1.125rem; font-weight: 700; padding: 1rem; border: none; border-radius: var(--radius); cursor: pointer; transition: all var(--transition); } .form-submit:hover { background: var(--accent-dark); transform: translateY(-2px); box-shadow: var(--shadow-lg); } .form-disclaimer { font-size: 0.75rem; color: var(--gray-500); text-align: center; margin-top: 1rem; } /* Map Section */ .map-section { background: var(--gray-50); padding: 80px 0; } .map-container { display: grid; grid-template-columns: 1fr 2fr; gap: 3rem; align-items: start; } .map-info h2 { margin-bottom: 1.5rem; } .directions-card { background: var(--white); padding: 2rem; border-radius: var(--radius-lg); box-shadow: var(--shadow); margin-top: 2rem; } .directions-card h3 { font-size: 1.25rem; margin-bottom: 1rem; } .directions-list { list-style: none; } .directions-list li { position: relative; padding-left: 2rem; margin-bottom: 0.75rem; color: var(--gray-600); } .directions-list li::before { content: '→'; position: absolute; left: 0; color: var(--accent); font-weight: bold; font-size: 1.125rem; } .map-frame { width: 100%; height: 500px; border: none; border-radius: var(--radius-lg); box-shadow: var(--shadow-xl); } /* Hours Section */ .hours-section { padding: 60px 0; } .hours-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; max-width: 900px; margin: 0 auto; } .hours-card { background: var(--white); border: 2px solid var(--gray-200); padding: 2rem; border-radius: var(--radius-lg); text-align: center; } .hours-card.featured { border-color: var(--accent); box-shadow: var(--shadow-lg); } .hours-card h3 { margin-bottom: 1rem; } .hours-list { list-style: none; } .hours-list li { padding: 0.5rem 0; display: flex; justify-content: space-between; border-bottom: 1px solid var(--gray-100); } .hours-list li:last-child { border-bottom: none; } .hours-list .closed { color: var(--gray-400); } .emergency-note { background: #FFF3CD; border: 1px solid #FFE4A1; padding: 1rem; border-radius: var(--radius); margin-top: 1rem; font-size: 0.875rem; color: #856404; } /* CTA Section */ .cta { padding: 80px 0; background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%); color: var(--white); text-align: center; } .cta h2 { color: var(--white); font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 1rem; } .cta p { font-size: 1.25rem; margin-bottom: 2rem; } .cta-buttons { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .btn-outline { background: transparent; color: var(--white); border-color: var(--white); } .btn-outline:hover { background: var(--white); color: var(--primary); } /* Footer - Simplified */ .footer { background: var(--gray-900); color: var(--white); padding: 40px 0 20px; text-align: center; } .footer p { color: rgba(255, 255, 255, 0.8); margin-bottom: 0.5rem; } .footer a { color: var(--accent); } /* Responsive */ @media (max-width: 1024px) { .nav-menu { position: fixed; top: 0; left: -100%; width: 100%; height: 100vh; background: var(--white); flex-direction: column; justify-content: flex-start; align-items: flex-start; padding: 80px 2rem 2rem; transition: left var(--transition); overflow-y: auto; z-index: 999; } .nav-menu.active { left: 0; } .mobile-toggle { display: flex; } .contact-grid, .map-container { grid-template-columns: 1fr; gap: 3rem; } .form-row { grid-template-columns: 1fr; } } @media (max-width: 768px) { .header-top { display: none; } .nav-cta { position: fixed; bottom: 0; left: 0; right: 0; background: var(--white); padding: 1rem; box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1); z-index: 1000; gap: 0.5rem; border-top: 1px solid var(--gray-200); } .map-frame { height: 350px; } }

Get In Touch

Ready to transform your home? Contact E&K Contracting today for a free estimate. We respond to all inquiries within 1 hour during business hours.

📞

Call Us

Mon-Fri: 8AM-6PM

✉️

Email Us

Response within 1 hour

📍

Visit Our Office

3515 Thompson Ave
Vancouver, WA 98660

🌟

Service Areas

Vancouver, Battleground, Camas, Woodland, Ridgefield, La Center & all of Clark County

Send Us a Message

First Name *

Last Name *

Email Address *

Phone Number

Property Address

Service Needed

Project Timeline

Project Details

How did you hear about us?

Your information is 100% secure and will never be shared. We respect your privacy.

Visit Our Office

E&K Contracting is conveniently located in Vancouver, WA. While most of our work is done at your location, you're welcome to visit our office to discuss your project in person.

Directions from I-5

Take Exit 4 for NE 78th St
Head west on NE 78th St
Turn right on NE Hazel Dell Ave
Turn left on Thompson Ave
E&K Contracting will be on your right

Parking: Free parking available on-site

Business Hours & Availability

Office Hours

Monday 8:00 AM - 6:00 PM
Tuesday 8:00 AM - 6:00 PM
Wednesday 8:00 AM - 6:00 PM
Thursday 8:00 AM - 6:00 PM
Friday 8:00 AM - 6:00 PM
Saturday Closed
Sunday Closed

Note: We can schedule estimates and work on weekends by appointment. Please call to arrange.

Response Times

Phone Calls Immediate
Emails Within 1 hour
Estimates Same/Next day
Emergency 24/7 Available

Ready to Get Started?

Contact us today for your free estimate!

Call Now: (360) 910-9205 Send Message