Spaces:
Running
Running
Download index.html from socialhostpro/bedbug2: direct link, hf CLI and curl.
- Browser
- Download file 32.7 kB
-
https://huggingface.co/spaces/socialhostpro/bedbug2/resolve/main/index.html
- Command line
-
hf download hf://spaces/socialhostpro/bedbug2/index.html
-
curl -L -o index.html https://huggingface.co/spaces/socialhostpro/bedbug2/resolve/main/index.html
32.7 kB
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Bed Bug Legal Help | Compensation for Infestations</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| colors: { | |
| primary: '#F3F4F6', | |
| secondary: '#E5E7EB', | |
| accent: '#F59E0B', | |
| text: '#374151', | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style> | |
| .hero-bg { | |
| background-image: url('https://images.unsplash.com/photo-1598300042247-d088f8ab3c91?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80'); | |
| background-size: cover; | |
| background-position: center; | |
| background-blend-mode: overlay; | |
| background-color: rgba(243, 244, 246, 0.9); | |
| } | |
| .feature-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| .testimonial-card { | |
| transition: all 0.3s ease; | |
| } | |
| .testimonial-card:hover { | |
| background-color: #fff; | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-primary text-gray-700 font-sans"> | |
| <!-- Header/Navigation --> | |
| <header class="bg-white shadow-sm"> | |
| <div class="container mx-auto px-4 py-3 flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-bug text-accent text-2xl mr-2"></i> | |
| <span class="text-xl font-bold text-gray-800">BedBugLegalHelp</span> | |
| </div> | |
| <nav class="hidden md:flex space-x-8"> | |
| <a href="#home" class="text-gray-700 hover:text-accent font-medium">Home</a> | |
| <a href="#about" class="text-gray-700 hover:text-accent font-medium">About</a> | |
| <a href="#cases" class="text-gray-700 hover:text-accent font-medium">Case Types</a> | |
| <a href="#faq" class="text-gray-700 hover:text-accent font-medium">FAQ</a> | |
| <a href="#contact" class="text-gray-700 hover:text-accent font-medium">Contact</a> | |
| </nav> | |
| <div class="md:hidden"> | |
| <button id="menu-btn" class="text-gray-700 focus:outline-none"> | |
| <i class="fas fa-bars text-2xl"></i> | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Mobile Menu --> | |
| <div id="mobile-menu" class="hidden md:hidden bg-white py-2 px-4 shadow-md"> | |
| <a href="#home" class="block py-2 text-gray-700 hover:text-accent">Home</a> | |
| <a href="#about" class="block py-2 text-gray-700 hover:text-accent">About</a> | |
| <a href="#cases" class="block py-2 text-gray-700 hover:text-accent">Case Types</a> | |
| <a href="#faq" class="block py-2 text-gray-700 hover:text-accent">FAQ</a> | |
| <a href="#contact" class="block py-2 text-gray-700 hover:text-accent">Contact</a> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section id="home" class="hero-bg py-20 md:py-32"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-2xl mx-auto text-center"> | |
| <h1 class="text-4xl md:text-5xl font-bold text-gray-800 mb-6">Fight Back Against Bed Bug Infestations</h1> | |
| <p class="text-xl text-gray-600 mb-8">You may be entitled to compensation if you've suffered from bed bugs in hotels, apartments, or other rental properties.</p> | |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> | |
| <a href="#contact" class="bg-accent hover:bg-yellow-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300">Free Case Evaluation</a> | |
| <a href="#cases" class="bg-white hover:bg-gray-100 text-gray-800 font-bold py-3 px-6 rounded-lg border border-gray-300 transition duration-300">Learn More</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Stats Section --> | |
| <section class="bg-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center"> | |
| <div class="p-4"> | |
| <div class="text-4xl font-bold text-accent mb-2">1M+</div> | |
| <div class="text-gray-600">Americans affected annually</div> | |
| </div> | |
| <div class="p-4"> | |
| <div class="text-4xl font-bold text-accent mb-2">$5K+</div> | |
| <div class="text-gray-600">Average settlement</div> | |
| </div> | |
| <div class="p-4"> | |
| <div class="text-4xl font-bold text-accent mb-2">95%</div> | |
| <div class="text-gray-600">Success rate</div> | |
| </div> | |
| <div class="p-4"> | |
| <div class="text-4xl font-bold text-accent mb-2">24/7</div> | |
| <div class="text-gray-600">Legal support</div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section id="about" class="py-16 bg-primary"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Your Rights Against Bed Bug Infestations</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">Property owners have a legal responsibility to provide safe and habitable living conditions. Bed bug infestations may constitute negligence when proper precautions aren't taken.</p> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-8 items-center"> | |
| <div> | |
| <img src="https://images.unsplash.com/photo-1600188769045-b33d8b723905?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" | |
| alt="Bed bug on mattress" | |
| class="rounded-lg shadow-md w-full h-auto"> | |
| </div> | |
| <div> | |
| <h3 class="text-2xl font-bold text-gray-800 mb-4">We Hold Negligent Parties Accountable</h3> | |
| <p class="text-gray-600 mb-4">Bed bug infestations can cause physical discomfort, emotional distress, and financial burdens. Our experienced attorneys specialize in holding property owners, landlords, and hotel operators accountable when they fail to address infestations properly.</p> | |
| <ul class="space-y-3 mb-6"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-accent mt-1 mr-2"></i> | |
| <span class="text-gray-600">Free, no-obligation case evaluation</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-accent mt-1 mr-2"></i> | |
| <span class="text-gray-600">Contingency fee basis - you pay nothing unless we win</span> | |
| </li> | |
| <li class="flex items-start"> | |
| <i class="fas fa-check-circle text-accent mt-1 mr-2"></i> | |
| <span class="text-gray-600">Experienced in state and local housing laws</span> | |
| </li> | |
| </ul> | |
| <a href="#contact" class="inline-block bg-accent hover:bg-yellow-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300">Get Help Now</a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Case Types Section --> | |
| <section id="cases" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Common Bed Bug Case Types</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">We handle a variety of bed bug infestation cases across multiple property types.</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-primary rounded-lg p-6 shadow-md feature-card transition duration-300"> | |
| <div class="text-accent text-4xl mb-4"> | |
| <i class="fas fa-hotel"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Hotels & Resorts</h3> | |
| <p class="text-gray-600">Guests who suffer bed bug bites during hotel stays may be entitled to compensation for medical expenses, pain and suffering, and other damages.</p> | |
| </div> | |
| <div class="bg-primary rounded-lg p-6 shadow-md feature-card transition duration-300"> | |
| <div class="text-accent text-4xl mb-4"> | |
| <i class="fas fa-building"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Apartment Complexes</h3> | |
| <p class="text-gray-600">Landlords must provide habitable housing. Failure to properly treat infestations or disclose prior infestations may be grounds for legal action.</p> | |
| </div> | |
| <div class="bg-primary rounded-lg p-6 shadow-md feature-card transition duration-300"> | |
| <div class="text-accent text-4xl mb-4"> | |
| <i class="fas fa-home"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Rental Homes</h3> | |
| <p class="text-gray-600">Tenants in single-family rentals may have claims if landlords knew or should have known about infestations and failed to address them.</p> | |
| </div> | |
| <div class="bg-primary rounded-lg p-6 shadow-md feature-card transition duration-300"> | |
| <div class="text-accent text-4xl mb-4"> | |
| <i class="fas fa-bus"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Public Transportation</h3> | |
| <p class="text-gray-600">Buses, trains, and other public transit that become infested may create liability for transportation authorities.</p> | |
| </div> | |
| <div class="bg-primary rounded-lg p-6 shadow-md feature-card transition duration-300"> | |
| <div class="text-accent text-4xl mb-4"> | |
| <i class="fas fa-warehouse"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Workplace Infestations</h3> | |
| <p class="text-gray-600">Employers may be liable if employees suffer bed bug bites at work due to unsafe conditions.</p> | |
| </div> | |
| <div class="bg-primary rounded-lg p-6 shadow-md feature-card transition duration-300"> | |
| <div class="text-accent text-4xl mb-4"> | |
| <i class="fas fa-store"></i> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-3">Retail Stores</h3> | |
| <p class="text-gray-600">Customers who encounter bed bugs in dressing rooms or other store areas may have claims against the retailer.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Process Section --> | |
| <section class="py-16 bg-primary"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Our Simple Legal Process</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">We make it easy to pursue your bed bug claim while we handle the legal complexities.</p> | |
| </div> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div class="text-center"> | |
| <div class="bg-white rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4 shadow-md"> | |
| <span class="text-3xl font-bold text-accent">1</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Free Consultation</h3> | |
| <p class="text-gray-600">Contact us for a no-cost evaluation of your potential case.</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="bg-white rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4 shadow-md"> | |
| <span class="text-3xl font-bold text-accent">2</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Investigation</h3> | |
| <p class="text-gray-600">We gather evidence including photos, medical records, and property history.</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="bg-white rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4 shadow-md"> | |
| <span class="text-3xl font-bold text-accent">3</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Negotiation</h3> | |
| <p class="text-gray-600">Our attorneys negotiate aggressively with insurers and property owners.</p> | |
| </div> | |
| <div class="text-center"> | |
| <div class="bg-white rounded-full w-20 h-20 flex items-center justify-center mx-auto mb-4 shadow-md"> | |
| <span class="text-3xl font-bold text-accent">4</span> | |
| </div> | |
| <h3 class="text-xl font-bold text-gray-800 mb-2">Resolution</h3> | |
| <p class="text-gray-600">We pursue maximum compensation through settlement or litigation.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Client Success Stories</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">Hear from people who fought back against bed bug infestations.</p> | |
| </div> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-primary rounded-lg p-6 testimonial-card"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-accent text-2xl mr-3"> | |
| <i class="fas fa-quote-left"></i> | |
| </div> | |
| <div class="text-gray-600 italic"> | |
| "After suffering through months of bed bugs in my apartment, the legal team helped me recover $12,500 for my medical bills and emotional distress. They were compassionate and professional throughout the entire process." | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 rounded-full bg-gray-300 mr-3 overflow-hidden"> | |
| <img src="https://randomuser.me/api/portraits/women/43.jpg" alt="Sarah J." class="w-full h-full object-cover"> | |
| </div> | |
| <div> | |
| <div class="font-bold text-gray-800">Sarah J.</div> | |
| <div class="text-sm text-gray-500">New York, NY</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-primary rounded-lg p-6 testimonial-card"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-accent text-2xl mr-3"> | |
| <i class="fas fa-quote-left"></i> | |
| </div> | |
| <div class="text-gray-600 italic"> | |
| "Our family vacation was ruined by bed bugs at a luxury resort. The attorneys negotiated a $8,200 settlement that covered our medical expenses, ruined belongings, and the ruined vacation experience." | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 rounded-full bg-gray-300 mr-3 overflow-hidden"> | |
| <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Michael T." class="w-full h-full object-cover"> | |
| </div> | |
| <div> | |
| <div class="font-bold text-gray-800">Michael T.</div> | |
| <div class="text-sm text-gray-500">Orlando, FL</div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="bg-primary rounded-lg p-6 testimonial-card"> | |
| <div class="flex items-center mb-4"> | |
| <div class="text-accent text-2xl mr-3"> | |
| <i class="fas fa-quote-left"></i> | |
| </div> | |
| <div class="text-gray-600 italic"> | |
| "The landlord refused to treat our bed bug problem for months. The legal team helped us break our lease, recover moving expenses, and get compensation for all our damaged furniture." | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="w-12 h-12 rounded-full bg-gray-300 mr-3 overflow-hidden"> | |
| <img src="https://randomuser.me/api/portraits/women/65.jpg" alt="Jessica L." class="w-full h-full object-cover"> | |
| </div> | |
| <div> | |
| <div class="font-bold text-gray-800">Jessica L.</div> | |
| <div class="text-sm text-gray-500">Chicago, IL</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ Section --> | |
| <section id="faq" class="py-16 bg-primary"> | |
| <div class="container mx-auto px-4"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Frequently Asked Questions</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">Answers to common questions about bed bug lawsuits.</p> | |
| </div> | |
| <div class="max-w-3xl mx-auto"> | |
| <div class="bg-white rounded-lg shadow-md mb-4 overflow-hidden"> | |
| <button class="faq-btn w-full text-left p-6 focus:outline-none"> | |
| <div class="flex justify-between items-center"> | |
| <h3 class="text-lg font-bold text-gray-800">What damages can I recover in a bed bug lawsuit?</h3> | |
| <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i> | |
| </div> | |
| </button> | |
| <div class="faq-answer px-6 pb-6 hidden"> | |
| <p class="text-gray-600">Potential damages include medical expenses for treatment of bites, property damage (replacement of infested furniture and belongings), emotional distress, lost wages if the infestation affected your work, and in some cases, punitive damages if the property owner's conduct was particularly egregious.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-md mb-4 overflow-hidden"> | |
| <button class="faq-btn w-full text-left p-6 focus:outline-none"> | |
| <div class="flex justify-between items-center"> | |
| <h3 class="text-lg font-bold text-gray-800">How do I prove the property owner is responsible?</h3> | |
| <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i> | |
| </div> | |
| </button> | |
| <div class="faq-answer px-6 pb-6 hidden"> | |
| <p class="text-gray-600">Evidence may include photos of the infestation and bites, medical records, pest control reports, witness statements, documentation of complaints to the property owner, and evidence showing the owner knew or should have known about the infestation but failed to take proper action.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-md mb-4 overflow-hidden"> | |
| <button class="faq-btn w-full text-left p-6 focus:outline-none"> | |
| <div class="flex justify-between items-center"> | |
| <h3 class="text-lg font-bold text-gray-800">Is there a time limit to file a bed bug lawsuit?</h3> | |
| <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i> | |
| </div> | |
| </button> | |
| <div class="faq-answer px-6 pb-6 hidden"> | |
| <p class="text-gray-600">Yes, each state has a statute of limitations that sets a deadline for filing personal injury or property damage claims. These typically range from 1-3 years from the date you discovered or should have discovered the infestation. It's important to consult with an attorney promptly to preserve your rights.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-md mb-4 overflow-hidden"> | |
| <button class="faq-btn w-full text-left p-6 focus:outline-none"> | |
| <div class="flex justify-between items-center"> | |
| <h3 class="text-lg font-bold text-gray-800">What if I can't afford an attorney?</h3> | |
| <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i> | |
| </div> | |
| </button> | |
| <div class="faq-answer px-6 pb-6 hidden"> | |
| <p class="text-gray-600">We work on a contingency fee basis, meaning you pay no upfront fees or costs. Our fees come from a percentage of the recovery we obtain for you. If we don't win your case, you owe us nothing for our time and effort.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white rounded-lg shadow-md mb-4 overflow-hidden"> | |
| <button class="faq-btn w-full text-left p-6 focus:outline-none"> | |
| <div class="flex justify-between items-center"> | |
| <h3 class="text-lg font-bold text-gray-800">How long does a bed bug lawsuit take?</h3> | |
| <i class="fas fa-chevron-down text-accent transition-transform duration-300"></i> | |
| </div> | |
| </button> | |
| <div class="faq-answer px-6 pb-6 hidden"> | |
| <p class="text-gray-600">The timeline varies depending on the complexity of the case and whether it settles or goes to trial. Many cases resolve within 6-12 months, while more complex cases may take longer. We work diligently to resolve your claim as efficiently as possible while ensuring you receive fair compensation.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Form --> | |
| <section id="contact" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-4xl mx-auto"> | |
| <div class="text-center mb-12"> | |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Free Case Evaluation</h2> | |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto">Complete the form below and we'll contact you within 24 hours to discuss your potential case.</p> | |
| </div> | |
| <form class="grid md:grid-cols-2 gap-6"> | |
| <div> | |
| <label for="name" class="block text-gray-700 font-medium mb-2">Full Name</label> | |
| <input type="text" id="name" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent" required> | |
| </div> | |
| <div> | |
| <label for="email" class="block text-gray-700 font-medium mb-2">Email Address</label> | |
| <input type="email" id="email" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent" required> | |
| </div> | |
| <div> | |
| <label for="phone" class="block text-gray-700 font-medium mb-2">Phone Number</label> | |
| <input type="tel" id="phone" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent" required> | |
| </div> | |
| <div> | |
| <label for="location" class="block text-gray-700 font-medium mb-2">Location of Infestation</label> | |
| <select id="location" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent"> | |
| <option value="">Select one</option> | |
| <option value="hotel">Hotel/Resort</option> | |
| <option value="apartment">Apartment</option> | |
| <option value="rental">Rental Home</option> | |
| <option value="workplace">Workplace</option> | |
| <option value="other">Other</option> | |
| </select> | |
| </div> | |
| <div class="md:col-span-2"> | |
| <label for="details" class="block text-gray-700 font-medium mb-2">Describe Your Situation</label> | |
| <textarea id="details" rows="4" class="w-full px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent"></textarea> | |
| </div> | |
| <div class="md:col-span-2"> | |
| <button type="submit" class="w-full bg-accent hover:bg-yellow-600 text-white font-bold py-3 px-6 rounded-lg transition duration-300">Submit for Free Evaluation</button> | |
| </div> | |
| </form> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-800 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div> | |
| <div class="flex items-center mb-4"> | |
| <i class="fas fa-bug text-accent text-2xl mr-2"></i> | |
| <span class="text-xl font-bold">BedBugLegalHelp</span> | |
| </div> | |
| <p class="text-gray-400">Specializing in bed bug infestation cases nationwide. We fight for victims' rights to safe, habitable living conditions.</p> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Quick Links</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="#home" class="text-gray-400 hover:text-white transition">Home</a></li> | |
| <li><a href="#about" class="text-gray-400 hover:text-white transition">About Us</a></li> | |
| <li><a href="#cases" class="text-gray-400 hover:text-white transition">Case Types</a></li> | |
| <li><a href="#faq" class="text-gray-400 hover:text-white transition">FAQ</a></li> | |
| <li><a href="#contact" class="text-gray-400 hover:text-white transition">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Contact Info</h3> | |
| <ul class="space-y-2 text-gray-400"> | |
| <li class="flex items-start"> | |
| <i class="fas fa-map-marker-alt mt-1 mr-3 text-accent"></i> | |
| <span>123 Legal Avenue, Suite 100<br>New York, NY 10001</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-phone-alt mr-3 text-accent"></i> | |
| <span>1-800-BED-BUGS</span> | |
| </li> | |
| <li class="flex items-center"> | |
| <i class="fas fa-envelope mr-3 text-accent"></i> | |
| <span>help@bedbuglegal.com</span> | |
| </li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4">Legal Disclaimer</h3> | |
| <p class="text-gray-400 text-sm">This website is for informational purposes only and does not constitute legal advice. Contacting us does not create an attorney-client relationship. Prior results do not guarantee similar outcomes.</p> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-400"> | |
| <p>© 2023 BedBugLegalHelp. All rights reserved.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('menu-btn').addEventListener('click', function() { | |
| document.getElementById('mobile-menu').classList.toggle('hidden'); | |
| }); | |
| // FAQ accordion | |
| const faqBtns = document.querySelectorAll('.faq-btn'); | |
| faqBtns.forEach(btn => { | |
| btn.addEventListener('click', function() { | |
| const answer = this.nextElementSibling; | |
| const icon = this.querySelector('i'); | |
| // Toggle answer visibility | |
| answer.classList.toggle('hidden'); | |
| // Rotate icon | |
| icon.classList.toggle('transform'); | |
| icon.classList.toggle('rotate-180'); | |
| }); | |
| }); | |
| // Smooth scrolling for anchor links | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function(e) { | |
| e.preventDefault(); | |
| const targetId = this.getAttribute('href'); | |
| if (targetId === '#') return; | |
| const targetElement = document.querySelector(targetId); | |
| if (targetElement) { | |
| window.scrollTo({ | |
| top: targetElement.offsetTop - 80, | |
| behavior: 'smooth' | |
| }); | |
| // Close mobile menu if open | |
| document.getElementById('mobile-menu').classList.add('hidden'); | |
| } | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=socialhostpro/bedbug2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |