<meta name="description" content="Etheredge Electric Company provides reliable residential electrical services in Springville, Alabama. Licensed electrician for panel upgrades, rewiring, lighting, and safety inspections. Call (205) 542-1458."> <meta property="og:title" content="Etheredge Electric Company | Residential Electrician in Springville, AL"> <meta property="og:description" content="Reliable residential electrical services in Springville, Alabama. Panel upgrades, rewiring, lighting, and safety inspections by a licensed electrician."> <meta property="og:type" content="website"> <meta property="og:url" content="https://etheredge-electric-company.amp.pr/"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500&family=Playfair+Display:ital,wght@0,500;1,500&display=swap" rel="stylesheet"> <style> *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } html { scroll-behavior: smooth; } body { font-family: 'Inter', sans-serif; font-weight: 300; line-height: 1.7; color: #1a1028; background: #fff; -webkit-font-smoothing: antialiased; } img { max-width: 100%; height: auto; display: block; } a { color: inherit; text-decoration: none; } ul { list-style: none; } :root { --plum-deep: #2D1B3D; --plum: #5B2C6F; --plum-light: #8E4585; --plum-muted: #EDE7F6; --plum-bg: #F5F0FA; --amber: #D4920B; --amber-light: #F5C947; --amber-glow: #FFF8E7; --white: #FFFFFF; --text-dark: #1a1028; --text-muted: #6B5B7B; --line: rgba(91, 44, 111, 0.1); } /* NAV */ .nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding: 0 2rem; transition: background 0.35s ease, box-shadow 0.35s ease; } .nav.scrolled { background: rgba(255,255,255,0.97); box-shadow: 0 1px 0 var(--line); } .nav-inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; height: 72px; } .nav-logo { font-size: 0.8rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; color: var(--white); transition: color 0.35s; } .nav.scrolled .nav-logo { color: var(--plum-deep); } .nav-links { display: flex; gap: 2.5rem; align-items: center; } .nav-links a { font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255,255,255,0.8); transition: color 0.3s; position: relative; } .nav.scrolled .nav-links a { color: var(--text-muted); } .nav-links a:hover { color: var(--amber); } .nav-links a::after { content: ''; position: absolute; bottom: -4px; left: 0; width: 0; height: 1px; background: var(--amber); transition: width 0.3s; } .nav-links a:hover::after { width: 100%; } .nav-cta { background: var(--amber) !important; color: var(--white) !important; padding: 0.5rem 1.2rem; border-radius: 100px; font-size: 0.78rem !important; letter-spacing: 0.06em; text-transform: uppercase; transition: background 0.3s, transform 0.2s !important; } .nav-cta::after { display: none !important; } .nav-cta:hover { background: #b87f09 !important; transform: translateY(-1px); } /* HAMBURGER */ .hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 4px; background: none; border: none; } .hamburger span { width: 22px; height: 1.5px; background: var(--white); transition: all 0.3s; display: block; } .nav.scrolled .hamburger span { background: var(--plum-deep); } .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(4px, 5px); } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(4px, -5px); } /* MOBILE MENU */ .mobile-menu { display: none; position: fixed; inset: 0; z-index: 99; background: var(--plum-deep); flex-direction: column; align-items: center; justify-content: center; gap: 2rem; } .mobile-menu.open { display: flex; } .mobile-menu a { font-size: 1.1rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255,255,255,0.85); transition: color 0.3s; } .mobile-menu a:hover { color: var(--amber); } /* HERO */ .hero { min-height: 100vh; display: flex; align-items: center; justify-content: center; text-align: center; padding: 6rem 2rem 4rem; background: linear-gradient(145deg, #1a0f2e 0%, #3D1F5C 35%, #5B2C6F 60%, #8E4585 80%, #D4920B 100%); position: relative; overflow: hidden; } .hero::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 80% 50% at 20% 80%, rgba(212,146,11,0.15) 0%, transparent 60%), radial-gradient(ellipse 60% 40% at 80% 20%, rgba(142,69,133,0.2) 0%, transparent 50%); pointer-events: none; } .hero::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); pointer-events: none; } .hero-content { position: relative; z-index: 1; max-width: 800px; } .hero-badge { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--amber-light); margin-bottom: 2rem; font-weight: 400; } .hero-badge svg { opacity: 0.7; } .hero h1 { font-family: 'Playfair Display', serif; font-weight: 500; font-size: clamp(2.4rem, 5.5vw, 4.2rem); line-height: 1.15; color: var(--white); margin-bottom: 1.5rem; } .hero h1 em { font-style: italic; color: var(--amber-light); } .hero p { font-size: 1.05rem; color: rgba(255,255,255,0.7); max-width: 520px; margin: 0 auto 2.5rem; line-height: 1.8; } .hero-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .btn-primary { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--amber); color: var(--white); padding: 0.9rem 2rem; border-radius: 100px; font-size: 0.82rem; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; transition: background 0.3s, transform 0.2s, box-shadow 0.3s; } .btn-primary:hover { background: #b87f09; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(212,146,11,0.3); } .btn-secondary { display: inline-flex; align-items: center; gap: 0.5rem; background: transparent; color: var(--white); padding: 0.9rem 2rem; border-radius: 100px; font-size: 0.82rem; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid rgba(255,255,255,0.25); transition: border-color 0.3s, background 0.3s, transform 0.2s; } .btn-secondary:hover { border-color: rgba(255,255,255,0.6); background: rgba(255,255,255,0.08); transform: translateY(-2px); } .hero-scroll { position: absolute; bottom: 2rem; left: 50%; transform: translateX(-50%); color: rgba(255,255,255,0.4); animation: float 3s ease-in-out infinite; } @keyframes float { 0%, 100% { transform: translateX(-50%) translateY(0); } 50% { transform: translateX(-50%) translateY(8px); } } /* SECTIONS */ section { padding: 7rem 2rem; } .container { max-width: 1100px; margin: 0 auto; } .section-label { font-size: 0.7rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--amber); font-weight: 500; margin-bottom: 1rem; } .section-title { font-family: 'Playfair Display', serif; font-weight: 500; font-size: clamp(1.8rem, 3.5vw, 2.6rem); color: var(--plum-deep); line-height: 1.2; margin-bottom: 1rem; } .section-subtitle { font-size: 1rem; color: var(--text-muted); max-width: 540px; line-height: 1.8; } .thin-line { width: 48px; height: 1px; background: var(--amber); margin: 1.5rem 0; } /* TRUST BAR */ .trust-bar { background: var(--white); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 2.5rem 2rem; } .trust-items { display: flex; justify-content: center; gap: 4rem; flex-wrap: wrap; max-width: 900px; margin: 0 auto; } .trust-item { display: flex; align-items: center; gap: 0.75rem; color: var(--text-muted); font-size: 0.82rem; letter-spacing: 0.04em; } .trust-item svg { color: var(--plum); opacity: 0.7; } /* SERVICES */ .services { background: var(--white); } .services-header { text-align: center; margin-bottom: 4rem; } .services-header .section-subtitle { margin: 0 auto; } .services-header .thin-line { margin: 1.5rem auto; } .services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .service-card { padding: 2.5rem 2rem; border: 1px solid var(--line); border-radius: 2px; transition: border-color 0.3s, box-shadow 0.3s, transform 0.3s; position: relative; overflow: hidden; } .service-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--amber); transform: scaleX(0); transform-origin: left; transition: transform 0.4s ease; } .service-card:hover { border-color: rgba(91,44,111,0.2); box-shadow: 0 12px 40px rgba(45,27,61,0.08); transform: translateY(-4px); } .service-card:hover::before { transform: scaleX(1); } .service-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--plum); } .service-card h3 { font-size: 1rem; font-weight: 500; color: var(--plum-deep); margin-bottom: 0.75rem; letter-spacing: 0.01em; } .service-card p { font-size: 0.9rem; color: var(--text-muted); line-height: 1.75; } /* ABOUT */ .about { background: var(--plum-bg); } .about-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; } .about-image { position: relative; } .about-image img { width: 100%; aspect-ratio: 4/5; object-fit: cover; border-radius: 2px; } .about-image-accent { position: absolute; bottom: -1.5rem; right: -1.5rem; width: 120px; height: 120px; border: 1px solid var(--amber); border-radius: 2px; z-index: -1; } .about-content .section-subtitle { margin-bottom: 2rem; } .about-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; margin-top: 3rem; padding-top: 2.5rem; border-top: 1px solid var(--line); } .stat-number { font-family: 'Playfair Display', serif; font-size: 2rem; color: var(--plum); font-weight: 500; line-height: 1; margin-bottom: 0.4rem; } .stat-label { font-size: 0.75rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); } /* PROCESS */ .process { background: var(--white); } .process-header { text-align: center; margin-bottom: 4rem; } .process-header .thin-line { margin: 1.5rem auto; } .process-header .section-subtitle { margin: 0 auto; } .process-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; position: relative; } .process-steps::before { content: ''; position: absolute; top: 24px; left: 12%; right: 12%; height: 1px; background: var(--line); } .process-step { text-align: center; position: relative; } .step-number { width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--plum); display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem; font-family: 'Playfair Display', serif; font-size: 1.1rem; color: var(--plum); background: var(--white); position: relative; z-index: 1; } .process-step h3 { font-size: 0.9rem; font-weight: 500; color: var(--plum-deep); margin-bottom: 0.5rem; } .process-step p { font-size: 0.85rem; color: var(--text-muted); line-height: 1.7; } /* GALLERY */ .gallery { background: var(--plum-deep); padding: 7rem 2rem; } .gallery-header { text-align: center; margin-bottom: 4rem; } .gallery-header .section-label { color: var(--amber-light); } .gallery-header .section-title { color: var(--white); } .gallery-header .thin-line { margin: 1.5rem auto; } .gallery-header .section-subtitle { color: rgba(255,255,255,0.5); margin: 0 auto; } .gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; max-width: 1100px; margin: 0 auto; } .gallery-item { overflow: hidden; border-radius: 2px; aspect-ratio: 4/3; } .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; } .gallery-item:hover img { transform: scale(1.05); } /* TESTIMONIALS */ .testimonials { background: var(--plum-bg); } .testimonials-header { text-align: center; margin-bottom: 4rem; } .testimonials-header .thin-line { margin: 1.5rem auto; } .testimonials-header .section-subtitle { margin: 0 auto; } .testimonials-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .testimonial-card { background: var(--white); padding: 2.5rem 2rem; border-radius: 2px; border: 1px solid var(--line); position: relative; } .testimonial-card::before { content: '\201C'; font-family: 'Playfair Display', serif; font-size: 4rem; color: var(--amber); opacity: 0.3; position: absolute; top: 0.5rem; left: 1.5rem; line-height: 1; } .testimonial-text { font-size: 0.92rem; color: var(--text-muted); line-height: 1.8; margin-bottom: 1.5rem; position: relative; z-index: 1; } .testimonial-author { font-size: 0.82rem; font-weight: 500; color: var(--plum-deep); } .testimonial-location { font-size: 0.75rem; color: var(--text-muted); margin-top: 0.2rem; } /* CTA */ .cta { background: linear-gradient(135deg, var(--plum-deep) 0%, var(--plum) 100%); text-align: center; padding: 6rem 2rem; position: relative; overflow: hidden; } .cta::before { content: ''; position: absolute; top: -50%; right: -20%; width: 600px; height: 600px; border-radius: 50%; background: rgba(212,146,11,0.06); pointer-events: none; } .cta .section-label { color: var(--amber-light); } .cta .section-title { color: var(--white); margin-bottom: 1rem; } .cta .section-subtitle { color: rgba(255,255,255,0.6); margin: 0 auto 2.5rem; max-width: 480px; } .cta .thin-line { margin: 1.5rem auto 2.5rem; } .cta-phone { display: inline-flex; align-items: center; gap: 0.75rem; font-family: 'Playfair Display', serif; font-size: 1.6rem; color: var(--amber-light); margin-bottom: 2rem; transition: color 0.3s; } .cta-phone:hover { color: var(--amber); } .cta-actions { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; } .btn-light { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--white); color: var(--plum-deep); padding: 0.9rem 2rem; border-radius: 100px; font-size: 0.82rem; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; transition: background 0.3s, transform 0.2s, box-shadow 0.3s; } .btn-light:hover { background: var(--amber-glow); transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,0.2); } .btn-outline-light { display: inline-flex; align-items: center; gap: 0.5rem; background: transparent; color: var(--white); padding: 0.9rem 2rem; border-radius: 100px; font-size: 0.82rem; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; border: 1px solid rgba(255,255,255,0.25); transition: border-color 0.3s, background 0.3s, transform 0.2s; } .btn-outline-light:hover { border-color: rgba(255,255,255,0.5); background: rgba(255,255,255,0.06); transform: translateY(-2px); } /* CONTACT */ .contact { background: var(--white); } .contact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; } .contact-info { padding-top: 0.5rem; } .contact-info .section-subtitle { margin-bottom: 2.5rem; } .contact-details { display: flex; flex-direction: column; gap: 1.5rem; } .contact-item { display: flex; gap: 1rem; align-items: flex-start; } .contact-item-icon { width: 36px; height: 36px; border-radius: 50%; border: 1px solid var(--line); display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--plum); } .contact-item-text strong { display: block; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--plum-deep); font-weight: 500; margin-bottom: 0.2rem; } .contact-item-text span, .contact-item-text a { font-size: 0.9rem; color: var(--text-muted); } .contact-item-text a:hover { color: var(--amber); } .contact-form { padding-top: 0.5rem; } .form-group { margin-bottom: 1.25rem; } .form-group label { display: block; font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 0.5rem; font-weight: 400; } .form-group input, .form-group textarea, .form-group select { width: 100%; padding: 0.8rem 1rem; border: 1px solid var(--line); border-radius: 2px; font-family: 'Inter', sans-serif; font-size: 0.9rem; font-weight: 300; color: var(--text-dark); background: var(--white); transition: border-color 0.3s; outline: none; } .form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: var(--plum); } .form-group textarea { resize: vertical; min-height: 120px; } .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; } .form-submit { background: var(--plum); color: var(--white); border: none; padding: 0.9rem 2.5rem; border-radius: 100px; font-family: 'Inter', sans-serif; font-size: 0.82rem; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; transition: background 0.3s, transform 0.2s, box-shadow 0.3s; width: 100%; } .form-submit:hover { background: var(--plum-light); transform: translateY(-2px); box-shadow: 0 8px 30px rgba(91,44,111,0.25); } .form-success { display: none; text-align: center; padding: 3rem 2rem; } .form-success.show { display: block; } .form-success svg { color: var(--amber); margin: 0 auto 1rem; } .form-success h3 { font-family: 'Playfair Display', serif; font-size: 1.4rem; color: var(--plum-deep); margin-bottom: 0.5rem; } .form-success p { color: var(--text-muted); font-size: 0.9rem; } /* MAP */ .map-section { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); } .map-section iframe { width: 100%; height: 320px; border: none; filter: grayscale(0.3); } /* FOOTER */ .footer { background: var(--plum-deep); padding: 4rem 2rem 2rem; } .footer-inner { max-width: 1100px; margin: 0 auto; } .footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 4rem; padding-bottom: 3rem; border-bottom: 1px solid rgba(255,255,255,0.08); } .footer-brand .nav-logo { color: var(--white); display: inline-block; margin-bottom: 1rem; } .footer-brand p { font-size: 0.88rem; color: rgba(255,255,255,0.45); line-height: 1.8; max-width: 300px; } .footer h4 { font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255,255,255,0.4); margin-bottom: 1.25rem; font-weight: 500; } .footer-links a { display: block; font-size: 0.88rem; color: rgba(255,255,255,0.6); padding: 0.3rem 0; transition: color 0.3s; } .footer-links a:hover { color: var(--amber-light); } .footer-contact-item { display: flex; align-items: center; gap: 0.5rem; font-size: 0.88rem; color: rgba(255,255,255,0.6); padding: 0.3rem 0; } .footer-contact-item a:hover { color: var(--amber-light); } .footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 2rem; flex-wrap: wrap; gap: 1rem; } .footer-bottom p { font-size: 0.78rem; color: rgba(255,255,255,0.3); } .footer-bottom-links { display: flex; gap: 1.5rem; } .footer-bottom-links a { font-size: 0.78rem; color: rgba(255,255,255,0.3); transition: color 0.3s; } .footer-bottom-links a:hover { color: rgba(255,255,255,0.6); } /* ANIMATIONS */ .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease, transform 0.7s ease; } .reveal.visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: no-preference) { .reveal { opacity: 1; transform: translateY(0); } } /* RESPONSIVE */ @media (max-width: 1024px) { .services-grid { grid-template-columns: repeat(2, 1fr); } .process-steps { grid-template-columns: repeat(2, 1fr); gap: 2.5rem; } .process-steps::before { display: none; } .footer-top { grid-template-columns: 1fr 1fr; gap: 2.5rem; } } @media (max-width: 768px) { .nav-links { display: none; } .hamburger { display: flex; } .hero { padding: 8rem 1.5rem 4rem; } .hero h1 { font-size: 2.2rem; } section { padding: 5rem 1.5rem; } .services-grid { grid-template-columns: 1fr; } .about-grid { grid-template-columns: 1fr; gap: 3rem; } .about-image { max-width: 400px; margin: 0 auto; } .about-image-accent { display: none; } .process-steps { grid-template-columns: 1fr; gap: 2rem; } .gallery-grid { grid-template-columns: repeat(2, 1fr); } .testimonials-grid { grid-template-columns: 1fr; } .contact-grid { grid-template-columns: 1fr; gap: 3rem; } .form-row { grid-template-columns: 1fr; } .footer-top { grid-template-columns: 1fr; gap: 2rem; } .footer-bottom { flex-direction: column; text-align: center; } .trust-items { gap: 2rem; } .cta-phone { font-size: 1.3rem; } } @media (max-width: 480px) { .hero-actions { flex-direction: column; align-items: center; } .cta-actions { flex-direction: column; align-items: center; } .gallery-grid { grid-template-columns: 1fr; } } </style> </head> <body>  <nav class="nav" id="nav"> <div class="nav-inner"> <a href="#" class="nav-logo">Etheredge Electric</a> <div class="nav-links"> <a href="#services">Services</a> <a href="#about">About</a> <a href="#process">Process</a> <a href="#gallery">Work</a> <a href="#testimonials">Reviews</a> <a href="#contact">Contact</a> <a href="tel:+12055421458" class="nav-cta">Call Now</a> </div> <button class="hamburger" id="hamburger" aria-label="Toggle menu"> <span></span><span></span><span></span> </button> </div> </nav>  <div class="mobile-menu" id="mobileMenu"> <a href="#services" class="mobile-link">Services</a> <a href="#about" class="mobile-link">About</a> <a href="#process" class="mobile-link">Process</a> <a href="#gallery" class="mobile-link">Work</a> <a href="#testimonials" class="mobile-link">Reviews</a> <a href="#contact" class="mobile-link">Contact</a> <a href="tel:+12055421458" class="btn-primary" style="margin-top:1rem;">Call (205) 542-1458</a> </div>  <section class="hero" id="hero"> <div class="hero-content"> <div class="hero-badge"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"/></svg> Licensed Electrician — Springville, AL </div> <h1>Every Home Deserves an Electrical System It Can <em>Trust</em></h1> <p>From outdated panels to whole-house rewiring, Etheredge Electric Company delivers safe, code-compliant residential electrical work across the Springville community—with clear communication and no surprises.</p> <div class="hero-actions"> <a href="tel:+12055421458" class="btn-primary"> <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.61-4.61 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> (205) 542-1458 </a> <a href="#contact" class="btn-secondary">Request a Quote</a> </div> </div> <a href="#services" class="hero-scroll" aria-label="Scroll down"> <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg> </a> </section>  <div class="trust-bar"> <div class="trust-items"> <div class="trust-item"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> Licensed & Insured </div> <div class="trust-item"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> On-Time, Every Time </div> <div class="trust-item"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 9V5a3 3 0 0 0-3-3l-4 9v11h11.28a2 2 0 0 0 2-1.7l1.38-9a2 2 0 0 0-2-2.3zM7 22H4a2 2 0 0 1-2-2v-7a2 2 0 0 1 2-2h3"/></svg> Code-Compliant Work </div> <div class="trust-item"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg> Clear Upfront Pricing </div> </div> </div>  <section class="services" id="services"> <div class="container"> <div class="services-header reveal"> <p class="section-label">What We Do</p> <h2 class="section-title">Residential Electrical Services</h2> <div class="thin-line"></div> <p class="section-subtitle">Comprehensive electrical solutions for homeowners in Springville and surrounding communities—from quick repairs to full-system upgrades.</p> </div> <div class="services-grid"> <div class="service-card reveal"> <div class="service-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="1" y="4" width="22" height="16" rx="2" ry="2"/><line x1="1" y1="10" x2="23" y2="10"/></svg> </div> <h3>Panel Upgrades</h3> <p>Old panels can't keep up with modern power demands. We upgrade service panels to 200-amp systems, ensuring your home has the capacity and safety it needs.</p> </div> <div class="service-card reveal"> <div class="service-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M18 8h1a4 4 0 0 1 0 8h-1"/><path d="M2 8h16v9a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V8z"/><line x1="6" y1="1" x2="6" y2="4"/><line x1="10" y1="1" x2="10" y2="4"/><line x1="14" y1="1" x2="14" y2="4"/></svg> </div> <h3>Whole-House Rewiring</h3> <p>Knob-and-tube or deteriorating wiring is a serious fire hazard. We replace aging circuits with modern, code-compliant wiring for lasting peace of mind.</p> </div> <div class="service-card reveal"> <div class="service-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"/><line x1="12" y1="1" x2="12" y2="3"/><line x1="12" y1="21" x2="12" y2="23"/><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"/><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"/><line x1="1" y1="12" x2="3" y2="12"/><line x1="21" y1="12" x2="23" y2="12"/><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"/><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"/></svg> </div> <h3>Lighting Installation</h3> <p>Interior and exterior lighting that combines aesthetics with efficiency. Recessed lights, landscape lighting, and LED retrofits tailored to your space.</p> </div> <div class="service-card reveal"> <div class="service-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="M7 5l7-7 7 7"/><path d="M7 19l7 7 7-7"/></svg> </div> <h3>Outlet & Switch Repair</h3> <p>Dead outlets, flickering switches, and warm faceplates signal deeper problems. We diagnose and repair to restore safe, reliable power throughout your home.</p> </div> <div class="service-card reveal"> <div class="service-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> </div> <h3>Safety Inspections</h3> <p>Buying a home or due for an annual check? Our thorough electrical inspections identify hazards before they become costly or dangerous problems.</p> </div> <div class="service-card reveal"> <div class="service-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="5" y="2" width="14" height="20" rx="2" ry="2"/><line x1="12" y1="18" x2="12.01" y2="18"/></svg> </div> <h3>Emergency Repairs</h3> <p>Power outages, sparking outlets, burning smells—when electrical issues demand immediate attention, we respond quickly to keep your family safe.</p> </div> </div> </div> </section>  <section class="about" id="about"> <div class="container"> <div class="about-grid"> <div class="about-image reveal"> <img src="https://images.pexels.com/photos/5974053/pexels-photo-5974053.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=600&h=750" alt="Electrician working on residential electrical panel" width="600" height="750" loading="lazy"> <div class="about-image-accent"></div> </div> <div class="about-content reveal"> <p class="section-label">About Us</p> <h2 class="section-title">Built on Trust,<br>Powered by Craft</h2> <div class="thin-line"></div> <p class="section-subtitle">Etheredge Electric Company serves Springville and the surrounding communities with a simple approach: show up on time, do the work right, and leave your home cleaner than we found it.</p> <p class="section-subtitle" style="margin-top: 1rem;">We understand that inviting a tradesperson into your home requires trust. That's why we treat every job—whether a single outlet repair or a complete panel replacement—with the same standard of care and honesty. No shortcuts. No hidden fees. Just solid electrical work you can rely on.</p> <div class="about-stats"> <div class="stat"> <div class="stat-number">100%</div> <div class="stat-label">Code Compliant</div> </div> <div class="stat"> <div class="stat-number">5-Star</div> <div class="stat-label">Service Rating</div> </div> <div class="stat"> <div class="stat-number">Local</div> <div class="stat-label">Springville-Based</div> </div> </div> </div> </div> </div> </section>  <section class="process" id="process"> <div class="container"> <div class="process-header reveal"> <p class="section-label">How It Works</p> <h2 class="section-title">From Call to Completion</h2> <div class="thin-line"></div> <p class="section-subtitle">A straightforward process designed to make your electrical project as stress-free as possible.</p> </div> <div class="process-steps"> <div class="process-step reveal"> <div class="step-number">1</div> <h3>Give Us a Call</h3> <p>Describe your electrical need. We'll discuss the scope, answer your questions, and schedule a convenient time.</p> </div> <div class="process-step reveal"> <div class="step-number">2</div> <h3>Get a Clear Quote</h3> <p>We assess the work and provide an upfront, detailed estimate—so there are no surprises on your bill.</p> </div> <div class="process-step reveal"> <div class="step-number">3</div> <h3>We Do the Work</h3> <p>Our licensed electrician completes the job efficiently, following all safety codes and keeping your home protected.</p> </div> <div class="process-step reveal"> <div class="step-number">4</div> <h3>Final Walkthrough</h3> <p>We walk you through the completed work, ensure everything operates correctly, and confirm you're fully satisfied.</p> </div> </div> </div> </section>  <section class="gallery" id="gallery"> <div class="container"> <div class="gallery-header reveal"> <p class="section-label">Our Work</p> <h2 class="section-title">Quality You Can See</h2> <div class="thin-line"></div> <p class="section-subtitle">Every project reflects our commitment to clean workmanship and attention to detail.</p> </div> <div class="gallery-grid"> <div class="gallery-item reveal"> <img src="https://images.pexels.com/photos/4981803/pexels-photo-4981803.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=500&h=375" alt="Electrical panel upgrade installation" width="500" height="375" loading="lazy"> </div> <div class="gallery-item reveal"> <img src="https://images.pexels.com/photos/3926791/pexels-photo-3926791.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=500&h=375" alt="Recessed lighting installation in kitchen" width="500" height="375" loading="lazy"> </div> <div class="gallery-item reveal"> <img src="https://images.pexels.com/photos/4792523/pexels-photo-4792523.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=500&h=375" alt="Residential wiring work" width="500" height="375" loading="lazy"> </div> <div class="gallery-item reveal"> <img src="https://images.pexels.com/photos/8821531/pexels-photo-8821531.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=500&h=375" alt="Outlet and switch repair" width="500" height="375" loading="lazy"> </div> <div class="gallery-item reveal"> <img src="https://images.pexels.com/photos/6050250/pexels-photo-6050250.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=500&h=375" alt="Outdoor landscape lighting" width="500" height="375" loading="lazy"> </div> <div class="gallery-item reveal"> <img src="https://images.pexels.com/photos/3615715/pexels-photo-3615715.jpeg?auto=compress&cs=tinysrgb&fit=crop&w=500&h=375" alt="Electrical safety inspection" width="500" height="375" loading="lazy"> </div> </div> </div> </section>  <section class="testimonials" id="testimonials"> <div class="container"> <div class="testimonials-header reveal"> <p class="section-label">Client Feedback</p> <h2 class="section-title">What Homeowners Say</h2> <div class="thin-line"></div> <p class="section-subtitle">We let our work speak for itself—but our clients are happy to share their experience.</p> </div> <div class="testimonials-grid"> <div class="testimonial-card reveal"> <p class="testimonial-text">Etheredge Electric upgraded our 1970s panel to a full 200-amp system. The crew arrived on time, explained everything clearly, and left our garage spotless. Highly recommend for anyone in the Springville area.</p> <div class="testimonial-author">Sarah M.</div> <div class="testimonial-location">Springville, AL</div> </div> <div class="testimonial-card reveal"> <p class="testimonial-text">We had persistent issues with outlets in our living room that kept tripping. They diagnosed the problem quickly, rewired the circuit, and even pointed out a few other items worth addressing. Honest and thorough.</p> <div class="testimonial-author">David L.</div> <div class="testimonial-location">Cedar Bluff, AL</div> </div> <div class="testimonial-card reveal"> <p class="testimonial-text">Professional from start to finish. They installed recessed lighting throughout our main floor and the transformation is remarkable. Fair pricing, clean work, and they finished ahead of schedule.</p> <div class="testimonial-author">Jennifer R.</div> <div class="testimonial-location">Harvest, AL</div> </div> </div> </div> </section>  <section class="cta"> <div class="container reveal"> <p class="section-label">Get Started</p> <h2 class="section-title">Your Home's Electrical<br>Health Matters</h2> <div class="thin-line"></div> <p class="section-subtitle">Don't wait for a small issue to become a big problem. Contact Etheredge Electric Company today for reliable, honest service.</p> <a href="tel:+12055421458" class="cta-phone"> <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.61-4.61 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> (205) 542-1458 </a> <div class="cta-actions"> <a href="#contact" class="btn-light"> <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> Send a Message </a> <a href="tel:+12055421458" class="btn-outline-light"> <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.61-4.61 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> Call Now </a> </div> </div> </section>  <section class="contact" id="contact"> <div class="container"> <div class="contact-grid"> <div class="contact-info reveal"> <p class="section-label">Contact Us</p> <h2 class="section-title">Let's Talk About<br>Your Project</h2> <div class="thin-line"></div> <p class="section-subtitle">Whether you need a quick repair or a full electrical upgrade, we're here to help. Reach out by phone, email, or the form below.</p> <div class="contact-details"> <div class="contact-item"> <div class="contact-item-icon"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.61-4.61 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> </div> <div class="contact-item-text"> <strong>Phone</strong> <a href="tel:+12055421458">(205) 542-1458</a> </div> </div> <div class="contact-item"> <div class="contact-item-icon"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> </div> <div class="contact-item-text"> <strong>Email</strong> <a href="mailto:greg.etheredge@gmail.com">greg.etheredge@gmail.com</a> </div> </div> <div class="contact-item"> <div class="contact-item-icon"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> </div> <div class="contact-item-text"> <strong>Address</strong> <span>50 Victoria Way, Springville, AL 35146-4136</span> </div> </div> <div class="contact-item"> <div class="contact-item-icon"> <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> </div> <div class="contact-item-text"> <strong>Hours</strong> <span>Monday–Friday, 7:00 AM – 6:00 PM</span> </div> </div> </div> </div> <div class="contact-form reveal"> <form id="contactForm"> <div class="form-row"> <div class="form-group"> <label for="name">Full Name</label> <input type="text" id="name" name="name" required placeholder="Your name"> </div> <div class="form-group"> <label for="phone">Phone</label> <input type="tel" id="phone" name="phone" placeholder="(205) 000-0000"> </div> </div> <div class="form-group"> <label for="email">Email</label> <input type="email" id="email" name="email" required placeholder="your@email.com"> </div> <div class="form-group"> <label for="service">Service Needed</label> <select id="service" name="service"> <option value="">Select a service...</option> <option value="panel">Panel Upgrade</option> <option value="rewire">Whole-House Rewiring</option> <option value="lighting">Lighting Installation</option> <option value="outlet">Outlet & Switch Repair</option> <option value="inspection">Safety Inspection</option> <option value="emergency">Emergency Repair</option> <option value="other">Other</option> </select> </div> <div class="form-group"> <label for="message">Message</label> <textarea id="message" name="message" required placeholder="Tell us about your project or concern..."></textarea> </div> <button type="submit" class="form-submit">Send Message</button> </form> <div class="form-success" id="formSuccess"> <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg> <h3>Message Sent</h3> <p>Thank you for reaching out. We'll get back to you within one business day.</p> </div> </div> </div> </div> </section>  <div class="map-section"> <iframe src="https://maps.google.com/maps?q=33.864265441895,-86.32470703125&z=15&output=embed" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade" title="Etheredge Electric Company location map"></iframe> </div>  <footer class="footer"> <div class="footer-inner"> <div class="footer-top"> <div class="footer-brand"> <a href="#" class="nav-logo">Etheredge Electric Company</a> <p>Trusted residential electrical services in Springville, Alabama. Licensed, insured, and committed to doing the job right the first time.</p> </div> <div> <h4>Quick Links</h4> <div class="footer-links"> <a href="#services">Services</a> <a href="#about">About</a> <a href="#process">Process</a> <a href="#gallery">Our Work</a> <a href="#testimonials">Reviews</a> <a href="#contact">Contact</a> </div> </div> <div> <h4>Contact</h4> <div class="footer-contact-item"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-4.61-4.61 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg> <a href="tel:+12055421458">(205) 542-1458</a> </div> <div class="footer-contact-item"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg> <a href="mailto:greg.etheredge@gmail.com">greg.etheredge@gmail.com</a> </div> <div class="footer-contact-item"> <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> <span>50 Victoria Way</span> </div> <div class="footer-contact-item"> <span>Springville, AL 35146</span> </div> </div> </div> <div class="footer-bottom"> <p>© 2026 Etheredge Electric Company. All rights reserved.</p> <div class="footer-bottom-links"> <a href="#hero">Back to Top</a> </div> </div> </div> </footer> <script src="script.js"></script> <style>body{padding-bottom:76px!important}.smlt-bar{position:fixed;left:0;right:0;bottom:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-top:1px solid rgba(15,23,42,.08);box-shadow:0 -6px 24px -12px rgba(15,23,42,.18);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif}.smlt-bar__txt{color:#0f172a;font-size:15px;font-weight:600;letter-spacing:-.2px}.smlt-bar__btn{display:inline-flex;align-items:center;gap:8px;background:#16a34a;color:#fff;text-decoration:none;font-size:14px;font-weight:700;padding:10px 18px;border-radius:10px;transition:transform .12s ease,background .12s ease;white-space:nowrap}.smlt-bar__btn:hover{background:#15803d;transform:translateY(-1px)}.smlt-bar__btn svg{width:15px;height:15px}@media(max-width:520px){body{padding-bottom:120px!important}.smlt-bar{flex-direction:column;gap:9px;padding:11px 14px}.smlt-bar__txt{font-size:13.5px;text-align:center;line-height:1.35;white-space:normal}.smlt-bar__btn{width:100%;justify-content:center;padding:11px 16px;font-size:14px}.smlt-bar__btn svg{width:15px;height:15px}}</style><div class="smlt-bar" role="region" aria-label="This is my business" lang="en"><span class="smlt-bar__txt">Is this your business?</span><a class="smlt-bar__btn" href="https://amp.pr/pricing?site=etheredge-electric-company" target="_blank" rel="noopener">This is my business<svg viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 10h11M11 5l5 5-5 5"/></svg></a></div><script>/*__reveal_safety__*/(function(){function r(){try{var q=document.querySelectorAll('[class*="fade"],[class*="reveal"],[class*="animate"],[class*="scroll-"],[class*="in-view"],[data-aos]');for(var i=0;i<q.length;i++){var el=q[i];el.classList.add("visible","show","active","in-view","revealed","aos-animate","animated","is-visible");var s=getComputedStyle(el);if(parseFloat(s.opacity)===0)el.style.opacity="1";if(s.visibility==="hidden")el.style.visibility="visible";if(s.transform&&s.transform!=="none")el.style.transform="none";}}catch(e){}}setTimeout(r,1500);window.addEventListener("load",function(){setTimeout(r,1800);});})();</script> <script>(function(w,d){var s=d.createElement('script');d.getElementsByTagName('script')[0].parentNode.appendChild(s);s.setAttribute('data-statinside-id',50);s.src='https://statinside.com/counter.js';w._siData=w._siData||[];w.statInside=function(){_siData.push(arguments);}})(window,document);</script><noscript><img src='https://statinside.com/pixel.png?id=50' referrerpolicy='unsafe-url'></noscript></body> </html>