418 lines
24 KiB
HTML
Executable File
418 lines
24 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="description" content="Select Electrical Services – Frequently Asked Questions about our electrical services, scheduling, billing, safety, and more." />
|
||
<meta name="keywords" content="FAQ, electrical questions, electrician FAQ, service questions, selectelectrical" />
|
||
<title>Select Electrical Services | FAQ</title>
|
||
|
||
<link rel="icon" href="assets/images/logo-select-electrical.png">
|
||
<!-- Bootstrap 5 -->
|
||
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
|
||
<!-- Font Awesome -->
|
||
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet" />
|
||
<!-- AOS -->
|
||
<link href="assets/css/aos.css" rel="stylesheet" />
|
||
<!-- Google Fonts: Barlow Condensed + DM Sans -->
|
||
<link
|
||
href="https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=DM+Sans:wght@300;400;500;600&display=swap"
|
||
rel="stylesheet" />
|
||
<link href="assets/css/style.css" rel="stylesheet" />
|
||
</head>
|
||
<body>
|
||
<style>
|
||
.preview-concept-banner{position:fixed;top:0;left:0;right:0;z-index:10000;background:#111827;color:#e5e7eb;font:600 13px/1.4 system-ui,sans-serif;padding:10px 16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:center;text-align:center}
|
||
.preview-concept-banner a{color:#93c5fd;text-decoration:none;font-weight:600}
|
||
.preview-concept-banner span{opacity:.85;font-weight:400}
|
||
body{padding-top:42px}
|
||
#mainNav.fixed-top{top:42px}
|
||
</style>
|
||
<div class="preview-concept-banner">UX Concept Preview — Select Electrical Services <span>· Not the live website</span> · <a href="ux-gallery.html">Feature gallery</a> · <a href="pricing.html">Pricing</a></div>
|
||
|
||
|
||
<!-- PRELOADER -->
|
||
<div id="preloader" aria-hidden="true">
|
||
<div class="preloader-bolt">
|
||
<div class="preloader-rings"></div><div class="preloader-rings"></div>
|
||
<svg class="bolt-svg" viewBox="0 0 60 80" fill="none"><polygon points="35,0 10,45 28,45 25,80 50,35 32,35" fill="#f4b400"/><polygon points="35,0 10,45 28,45 25,80 50,35 32,35" fill="url(#boltGrad)" opacity="0.6"/><defs><linearGradient id="boltGrad" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#fff" stop-opacity="0.8"/><stop offset="100%" stop-color="#f4b400" stop-opacity="0"/></linearGradient></defs></svg>
|
||
</div>
|
||
<div class="preloader-bar"><div class="preloader-bar-inner"></div></div>
|
||
<div class="preloader-text">Powering Up...</div>
|
||
</div>
|
||
|
||
<nav id="mainNav" class="navbar navbar-expand-lg fixed-top" aria-label="Main navigation">
|
||
<div class="container">
|
||
<!-- Logo -->
|
||
<a class="navbar-brand" href="index.html">
|
||
<img src="assets/images/logo-select-electrical.png" alt="Select Electrical" class="brand-logo">
|
||
</a>
|
||
<!-- Toggler -->
|
||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navMenu"
|
||
aria-controls="navMenu" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<!-- Menu -->
|
||
<div class="collapse navbar-collapse" id="navMenu">
|
||
<ul class="navbar-nav mx-auto gap-1">
|
||
<li class="nav-item"><a class="nav-link" href="index.html#hero">Home</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="index.html#about">About</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="index.html#services">Services</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="index.html#projects">Projects</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="index.html#team">Team</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="index.html#testimonials">Testimonials</a></li>
|
||
<li class="nav-item"><a class="nav-link" href="index.html#contact">Contact</a></li>
|
||
</ul>
|
||
<a href="tel:+16302028020" class="nav-link btn-call ms-2">
|
||
<i class="fas fa-phone-alt me-2"></i>(630) 202-8020
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
|
||
<!-- PAGE HEADER (FAQ) -->
|
||
<section class="page-header-sm">
|
||
<div class="page-header-bg" role="img" aria-label="frequently asked questions"></div>
|
||
<div class="page-header-overlay"></div>
|
||
<div class="container text-center text-lg-start">
|
||
<h1 data-aos="fade-up">Frequently Asked <span>Questions</span></h1>
|
||
<p data-aos="fade-up" data-aos-delay="30">Find quick answers about our services, scheduling, billing, and safety. Still have questions? Contact us!</p>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FAQ CONTENT -->
|
||
<section class="section-pad" style="background:var(--bg);">
|
||
<div class="container">
|
||
<div class="row justify-content-center">
|
||
<div class="col-lg-12">
|
||
<div class="faq-section" data-aos="fade-up">
|
||
|
||
<!-- Category: General -->
|
||
<h3 class="faq-category">General Questions</h3>
|
||
<div class="accordion accordion-flush" id="faqGeneral">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#general1">
|
||
What areas do you serve?
|
||
</button>
|
||
</h2>
|
||
<div id="general1" class="accordion-collapse collapse" data-bs-parent="#faqGeneral">
|
||
<div class="accordion-body">
|
||
We primarily serve the Western Chicago suburbs — DuPage, Will, Kane, Kendall, and Cook Counties. For commercial and industrial projects, we often travel further – please call to confirm availability.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#general2">
|
||
Are you licensed and insured?
|
||
</button>
|
||
</h2>
|
||
<div id="general2" class="accordion-collapse collapse" data-bs-parent="#faqGeneral">
|
||
<div class="accordion-body">
|
||
Absolutely. Select Electrical Services is fully licensed in the state of Texas (License # TECL 34567) and carries comprehensive liability insurance and workers' compensation coverage for your protection.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#general3">
|
||
Do you provide free estimates?
|
||
</button>
|
||
</h2>
|
||
<div id="general3" class="accordion-collapse collapse" data-bs-parent="#faqGeneral">
|
||
<div class="accordion-body">
|
||
Yes, we offer free, no-obligation estimates for most residential and commercial projects. We'll visit your site, discuss your needs, and provide a detailed written quote. Emergency service calls may have a diagnostic fee that is applied to any repair work.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Category: Services & Scheduling -->
|
||
<h3 class="faq-category mt-5">Services & Scheduling</h3>
|
||
<div class="accordion accordion-flush" id="faqServices">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#service1">
|
||
What types of electrical services do you offer?
|
||
</button>
|
||
</h2>
|
||
<div id="service1" class="accordion-collapse collapse" data-bs-parent="#faqServices">
|
||
<div class="accordion-body">
|
||
We offer a full range of electrical services including residential wiring and rewiring, commercial installations, lighting design and installation, panel upgrades, emergency repairs, EV charger installation, smart home automation, and preventive maintenance. See our <a href="index.html#services">Services</a> page for details.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#service2">
|
||
How quickly can you schedule a non-emergency job?
|
||
</button>
|
||
</h2>
|
||
<div id="service2" class="accordion-collapse collapse" data-bs-parent="#faqServices">
|
||
<div class="accordion-body">
|
||
Typically, we can schedule residential service appointments within 2-5 business days. Larger commercial or industrial projects may require more lead time for planning and permitting. We'll always work with you to find a convenient date.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#service3">
|
||
Do you offer 24/7 emergency service?
|
||
</button>
|
||
</h2>
|
||
<div id="service3" class="accordion-collapse collapse" data-bs-parent="#faqServices">
|
||
<div class="accordion-body">
|
||
Yes, we have electricians on call 24 hours a day, 7 days a week, including holidays. For emergencies such as power outages, sparking outlets, or downed wires, call our emergency line: <strong>(630) 202-8020</strong>.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Category: Billing & Payments -->
|
||
<h3 class="faq-category mt-5">Billing & Payments</h3>
|
||
<div class="accordion accordion-flush" id="faqBilling">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bill1">
|
||
What payment methods do you accept?
|
||
</button>
|
||
</h2>
|
||
<div id="bill1" class="accordion-collapse collapse" data-bs-parent="#faqBilling">
|
||
<div class="accordion-body">
|
||
We accept all major credit cards (Visa, Mastercard, American Express, Discover), checks, and cash. For larger projects, financing options may be available – ask your project manager for details.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bill2">
|
||
Do you require a deposit?
|
||
</button>
|
||
</h2>
|
||
<div id="bill2" class="accordion-collapse collapse" data-bs-parent="#faqBilling">
|
||
<div class="accordion-body">
|
||
For smaller jobs (under $500), payment is due upon completion. For larger projects, we typically require a 25-50% deposit to secure materials and scheduling, with the balance due at final completion. This is always outlined in your proposal.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#bill3">
|
||
Is there a warranty on your work?
|
||
</button>
|
||
</h2>
|
||
<div id="bill3" class="accordion-collapse collapse" data-bs-parent="#faqBilling">
|
||
<div class="accordion-body">
|
||
Yes, we stand behind our craftsmanship. All electrical work carries a 1-year parts and labor warranty. Some installed products may have additional manufacturer warranties – we'll provide all documentation upon completion.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Category: Safety & Emergencies -->
|
||
<h3 class="faq-category mt-5">Safety & Emergencies</h3>
|
||
<div class="accordion accordion-flush" id="faqSafety">
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#safe1">
|
||
What should I do if I smell burning or see sparks?
|
||
</button>
|
||
</h2>
|
||
<div id="safe1" class="accordion-collapse collapse" data-bs-parent="#faqSafety">
|
||
<div class="accordion-body">
|
||
Immediately turn off power at the main breaker if safe to do so, evacuate the area, and call our emergency line at <strong>(630) 202-8020</strong>. Do not attempt to touch or investigate until a professional arrives.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#safe2">
|
||
How often should I have my home's electrical system inspected?
|
||
</button>
|
||
</h2>
|
||
<div id="safe2" class="accordion-collapse collapse" data-bs-parent="#faqSafety">
|
||
<div class="accordion-body">
|
||
We recommend a professional electrical inspection every 3-5 years for homes, or immediately if you experience frequent breaker trips, flickering lights, or before purchasing an older home. Commercial properties may require more frequent inspections per code.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="accordion-item">
|
||
<h2 class="accordion-header">
|
||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#safe3">
|
||
Are your electricians background-checked?
|
||
</button>
|
||
</h2>
|
||
<div id="safe3" class="accordion-collapse collapse" data-bs-parent="#faqSafety">
|
||
<div class="accordion-body">
|
||
Yes, every Select Electrical employee undergoes a thorough background check, drug screening, and ongoing safety training. Your family and property are in safe hands.
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Still have questions? -->
|
||
<div class="still-questions">
|
||
<h4>Still have questions?</h4>
|
||
<p>Can't find the answer you're looking for? Please chat with our team or send us a message. We're happy to help!</p>
|
||
<a href="#contact" class="btn-primary-main" style="background:var(--yellow); color:var(--navy); font-family:var(--font-display); font-weight:700; padding:12px 32px; border-radius:4px; display:inline-block;">Contact Us</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- CONTACT SECTION (same as index) -->
|
||
<section id="contact" class="section-pad" style="background:var(--white);">
|
||
<div class="container">
|
||
<div class="text-center mb-5" data-aos="fade-up">
|
||
<div class="section-label justify-content-center">Get In Touch</div>
|
||
<h2 class="section-title">Contact <span>Select Electrical</span></h2>
|
||
<p class="section-desc mx-auto">Have a different question? Our team is ready to help.</p>
|
||
</div>
|
||
<div class="row g-4">
|
||
<div class="col-lg-4" data-aos="fade-right">
|
||
<div class="contact-info-card">
|
||
<h4 style="font-family:var(--font-display);font-size:1.4rem;font-weight:800;text-transform:uppercase;color:var(--white);margin-bottom:28px;">Reach Out</h4>
|
||
<div class="contact-info-item"><div class="contact-icon"><i class="fas fa-map-marker-alt"></i></div><div><h6>Office</h6><p>1778 Villanova Drive<br>Naperville, IL 60565</p></div></div>
|
||
<div class="contact-info-item"><div class="contact-icon"><i class="fas fa-phone-alt"></i></div><div><h6>Phone</h6><p>(630) 202-8020<br>(630) 202-8020 (emergency)</p></div></div>
|
||
<div class="contact-info-item"><div class="contact-icon"><i class="fas fa-envelope"></i></div><div><h6>Email</h6><p><a href="mailto:select8020@gmail.com">select8020@gmail.com</a></p></div></div>
|
||
<div class="contact-info-item"><div class="contact-icon"><i class="fas fa-clock"></i></div><div><h6>Hours</h6><p>Mon–Fri: 7am–6pm<br>Emergency: 24/7</p></div></div>
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-8" data-aos="fade-left" data-aos-delay="100">
|
||
<div class="contact-form-card">
|
||
<h4 style="font-family:var(--font-display);font-size:1.4rem;font-weight:800;text-transform:uppercase;color:var(--navy);margin-bottom:28px;">Send a message</h4>
|
||
<form id="contactForm" novalidate>
|
||
<div class="row g-3">
|
||
<div class="col-md-6"><label class="form-label" for="name">Full Name</label><input type="text" class="form-control" id="name" required></div>
|
||
<div class="col-md-6"><label class="form-label" for="email">Email</label><input type="email" class="form-control" id="email" required></div>
|
||
<div class="col-md-6"><label class="form-label" for="phone">Phone</label><input type="tel" class="form-control" id="phone"></div>
|
||
<div class="col-md-6"><label class="form-label" for="subject">Subject</label><input type="text" class="form-control" id="subject" placeholder="FAQ inquiry"></div>
|
||
<div class="col-12"><label class="form-label" for="message">Message</label><textarea class="form-control" id="message" rows="5" required></textarea></div>
|
||
<div class="col-12"><button type="submit" class="btn-submit"><i class="fas fa-paper-plane me-2"></i>Send Message</button></div>
|
||
</div>
|
||
</form>
|
||
<div id="formSuccess" style="display:none; margin-top:20px; padding:18px; background:rgba(37,99,235,0.08); border:1px solid rgba(37,99,235,0.2); border-radius:8px; color:#1d4ed8; text-align:center; font-weight:600;"><i class="fas fa-check-circle me-2"></i>Thank you! We'll be in touch within 24 hours.</div>
|
||
</div>
|
||
</div>
|
||
<div class="map-wrap mt-4">
|
||
<iframe src="https://maps.google.com/maps?q=1778+Villanova+Drive,+Naperville,+IL+60565&output=embed" allowfullscreen="" loading="lazy"></iframe>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- FOOTER -->
|
||
<footer id="footer">
|
||
<div class="container">
|
||
<div class="row g-5">
|
||
<!-- Brand Column -->
|
||
<div class="col-lg-4 col-md-6">
|
||
<div class="footer-brand">
|
||
<img src="assets/images/logo-select-electrical.png" alt="Select Electrical" class="brand-logo">
|
||
</div>
|
||
<p class="footer-desc">
|
||
Select Electrical Services delivers professional, certified electrical services for
|
||
residential, commercial, and industrial clients. Safety, quality, and trust
|
||
are our core values.
|
||
</p>
|
||
<div class="footer-social">
|
||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||
<a href="#" aria-label="Twitter/X"><i class="fab fa-twitter"></i></a>
|
||
<a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
|
||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||
</div>
|
||
</div>
|
||
<!-- Quick Links -->
|
||
<div class="col-lg-2 col-md-6 col-6">
|
||
<h5 class="footer-heading">Quick Links</h5>
|
||
<ul class="footer-links">
|
||
<li><a href="index.html">Home</a></li>
|
||
<li><a href="index.html#about">About Us</a></li>
|
||
<li><a href="index.html#services">Services</a></li>
|
||
<li><a href="index.html#projects">Projects</a></li>
|
||
<li><a href="index.html#team">Our Team</a></li>
|
||
<li><a href="blog.html">Blog</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Services -->
|
||
<div class="col-lg-2 col-md-6 col-6">
|
||
<h5 class="footer-heading">Services</h5>
|
||
<ul class="footer-links">
|
||
<li><a href="electrical-installation.html">Installation</a></li>
|
||
<li><a href="wiring-services.html">Wiring</a></li>
|
||
<li><a href="lighting-installation.html">Lighting</a></li>
|
||
<li><a href="electrical-maintenance.html">Maintenance</a></li>
|
||
<li><a href="emergency-repair.html">Emergency</a></li>
|
||
<li><a href="smart-home.html">Smart Home</a></li>
|
||
</ul>
|
||
</div>
|
||
<!-- Newsletter -->
|
||
<div class="col-lg-4 col-md-6">
|
||
<h5 class="footer-heading">Newsletter</h5>
|
||
<p style="font-size:0.88rem;line-height:1.7;margin-bottom:0">
|
||
Subscribe for electrical safety tips, company news, and exclusive service promotions.
|
||
</p>
|
||
<div class="newsletter-input-wrap">
|
||
<input type="email" class="newsletter-input" placeholder="Your email address"
|
||
aria-label="Newsletter email" />
|
||
<button class="newsletter-btn" aria-label="Subscribe">
|
||
<i class="fas fa-paper-plane"></i>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- Footer Bottom -->
|
||
<div class="container">
|
||
<div class="footer-bottom">
|
||
<p>© 2026 <a href="#hero">Select Electrical Services</a>. All rights reserved. · Made by <a href="https://aimloperations.com" rel="noopener noreferrer" target="_blank">AI ML Operations, LLC</a></p>
|
||
<p>
|
||
<a href="privacy-policy.html">Privacy Policy</a>
|
||
<a href="terms-conditions.html">Terms of Service</a>
|
||
<a href="faq.html">FAQS</a>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<!-- SCROLL TOP -->
|
||
<button id="scrollTop" aria-label="Scroll to top"><i class="fas fa-chevron-up"></i></button>
|
||
|
||
<!-- SCRIPTS -->
|
||
<script src="assets/js/bootstrap.bundle.min.js"></script>
|
||
<script src="assets/js/aos.js"></script>
|
||
<script>
|
||
// preloader
|
||
window.addEventListener('load',()=>{setTimeout(()=>{document.getElementById('preloader').classList.add('hidden');document.body.style.overflow='visible'},2200)});
|
||
document.body.style.overflow='hidden';
|
||
AOS.init({duration:700,once:true,easing:'ease-out-cubic',offset:60});
|
||
// sticky nav
|
||
const nav=document.getElementById('mainNav');
|
||
window.addEventListener('scroll',()=>{nav.classList.toggle('scrolled',window.scrollY>50)});
|
||
// smooth scroll for local anchors
|
||
document.querySelectorAll('a[href^="#"]').forEach(anchor=>{anchor.addEventListener('click',function(e){const target=document.querySelector(this.getAttribute('href'));if(target){e.preventDefault();const offset=nav.offsetHeight;const top=target.getBoundingClientRect().top+window.scrollY-offset;window.scrollTo({top,behavior:'smooth'});const bsCollapse=bootstrap.Collapse.getInstance(document.getElementById('navMenu'));if(bsCollapse)bsCollapse.hide();}})});
|
||
// scroll top
|
||
const scrollTopBtn=document.getElementById('scrollTop');
|
||
window.addEventListener('scroll',()=>{scrollTopBtn.classList.toggle('visible',window.scrollY>400)});
|
||
scrollTopBtn.addEventListener('click',()=>{window.scrollTo({top:0,behavior:'smooth'})});
|
||
// contact form demo
|
||
document.getElementById('contactForm').addEventListener('submit',function(e){e.preventDefault();const name=document.getElementById('name').value.trim(),email=document.getElementById('email').value.trim(),message=document.getElementById('message').value.trim();if(!name||!email||!message){alert('Please fill Name, Email, Message.');return;}this.style.display='none';document.getElementById('formSuccess').style.display='block';});
|
||
// newsletter button demo
|
||
document.querySelectorAll('.newsletter-btn').forEach(btn => {
|
||
btn.addEventListener('click', function() {
|
||
const input = this.previousElementSibling;
|
||
if (input.value && input.value.includes('@')) {
|
||
this.innerHTML = '<i class="fas fa-check"></i>';
|
||
this.style.background = '#22c55e';
|
||
input.value = '';
|
||
input.placeholder = 'Subscribed!';
|
||
}
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |