Spaces:
Running
Running
Download index.html from socialhostpro/bed-bugs: direct link, hf CLI and curl.
- Browser
- Download file 31.2 kB
-
https://huggingface.co/spaces/socialhostpro/bed-bugs/resolve/main/index.html
- Command line
-
hf download hf://spaces/socialhostpro/bed-bugs/index.html
-
curl -L -o index.html https://huggingface.co/spaces/socialhostpro/bed-bugs/resolve/main/index.html
31.2 kB
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>TheyBiteWeFight.com | Bed Bug Litigation Specialists</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"> | |
| <style> | |
| :root { | |
| --primary: #00f0ff; | |
| --secondary: #7b2dff; | |
| --dark: #0a0a1a; | |
| --light: #f0f8ff; | |
| } | |
| body { | |
| font-family: 'Segoe UI', system-ui, sans-serif; | |
| background-color: var(--dark); | |
| color: var(--light); | |
| overflow-x: hidden; | |
| } | |
| .gradient-text { | |
| background: linear-gradient(90deg, var(--primary), var(--secondary)); | |
| -webkit-background-clip: text; | |
| background-clip: text; | |
| color: transparent; | |
| } | |
| .gradient-bg { | |
| background: linear-gradient(135deg, var(--primary), var(--secondary)); | |
| } | |
| .glow { | |
| box-shadow: 0 0 15px rgba(0, 240, 255, 0.5); | |
| } | |
| .pulse { | |
| animation: pulse 2s infinite; | |
| } | |
| @keyframes pulse { | |
| 0% { box-shadow: 0 0 0 0 rgba(0, 240, 255, 0.7); } | |
| 70% { box-shadow: 0 0 0 15px rgba(0, 240, 255, 0); } | |
| 100% { box-shadow: 0 0 0 0 rgba(0, 240, 255, 0); } | |
| } | |
| .holographic-card { | |
| background: rgba(10, 10, 26, 0.7); | |
| backdrop-filter: blur(10px); | |
| border: 1px solid rgba(0, 240, 255, 0.2); | |
| border-radius: 16px; | |
| transition: all 0.3s ease; | |
| } | |
| .holographic-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 10px 25px rgba(0, 240, 255, 0.2); | |
| } | |
| .scanline { | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .scanline::after { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| height: 100%; | |
| background: linear-gradient( | |
| to bottom, | |
| transparent 0%, | |
| rgba(0, 240, 255, 0.05) 50%, | |
| transparent 100% | |
| ); | |
| animation: scan 8s linear infinite; | |
| } | |
| @keyframes scan { | |
| 0% { transform: translateY(-100%); } | |
| 100% { transform: translateY(100%); } | |
| } | |
| .bug-icon { | |
| filter: drop-shadow(0 0 5px var(--primary)); | |
| } | |
| /* Modal Styles */ | |
| .modal { | |
| display: none; | |
| position: fixed; | |
| top: 0; | |
| left: 0; | |
| width: 100%; | |
| height: 100%; | |
| background-color: rgba(0, 0, 0, 0.8); | |
| z-index: 1000; | |
| overflow-y: auto; | |
| } | |
| .modal-content { | |
| background: rgba(10, 10, 26, 0.95); | |
| border: 1px solid rgba(0, 240, 255, 0.3); | |
| border-radius: 16px; | |
| width: 90%; | |
| max-width: 700px; | |
| margin: 5% auto; | |
| padding: 30px; | |
| position: relative; | |
| animation: modalFadeIn 0.3s ease-out; | |
| } | |
| @keyframes modalFadeIn { | |
| from { opacity: 0; transform: translateY(-50px); } | |
| to { opacity: 1; transform: translateY(0); } | |
| } | |
| .close-modal { | |
| position: absolute; | |
| top: 15px; | |
| right: 15px; | |
| color: var(--primary); | |
| font-size: 28px; | |
| font-weight: bold; | |
| cursor: pointer; | |
| transition: all 0.3s; | |
| } | |
| .close-modal:hover { | |
| transform: rotate(90deg); | |
| color: var(--secondary); | |
| } | |
| .form-input { | |
| background: rgba(0, 240, 255, 0.05); | |
| border: 1px solid rgba(0, 240, 255, 0.2); | |
| color: white; | |
| padding: 12px 15px; | |
| border-radius: 8px; | |
| width: 100%; | |
| margin-bottom: 15px; | |
| transition: all 0.3s; | |
| } | |
| .form-input:focus { | |
| outline: none; | |
| border-color: var(--primary); | |
| box-shadow: 0 0 0 2px rgba(0, 240, 255, 0.2); | |
| } | |
| .form-label { | |
| display: block; | |
| margin-bottom: 8px; | |
| font-weight: 500; | |
| } | |
| .form-radio-group { | |
| display: flex; | |
| gap: 20px; | |
| margin-bottom: 15px; | |
| } | |
| .form-radio-label { | |
| display: flex; | |
| align-items: center; | |
| cursor: pointer; | |
| } | |
| .form-radio-input { | |
| margin-right: 8px; | |
| accent-color: var(--primary); | |
| } | |
| .form-textarea { | |
| min-height: 120px; | |
| resize: vertical; | |
| } | |
| .form-submit { | |
| background: linear-gradient(135deg, var(--primary), var(--secondary)); | |
| color: var(--dark); | |
| border: none; | |
| padding: 15px 30px; | |
| font-size: 16px; | |
| font-weight: bold; | |
| border-radius: 8px; | |
| cursor: pointer; | |
| width: 100%; | |
| transition: all 0.3s; | |
| } | |
| .form-submit:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 5px 15px rgba(0, 240, 255, 0.3); | |
| } | |
| .form-grid { | |
| display: grid; | |
| grid-template-columns: 1fr 1fr; | |
| gap: 20px; | |
| } | |
| @media (max-width: 768px) { | |
| .form-grid { | |
| grid-template-columns: 1fr; | |
| } | |
| } | |
| </style> | |
| </head> | |
| <body class="min-h-screen"> | |
| <!-- Animated Background --> | |
| <div class="fixed inset-0 -z-10 opacity-20"> | |
| <div class="absolute inset-0 bg-[url('https://grainy-gradients.vercel.app/noise.svg')] opacity-30"></div> | |
| <div class="absolute inset-0 bg-gradient-to-br from-transparent via-[#0a0a1a] to-transparent"></div> | |
| </div> | |
| <!-- Navigation --> | |
| <nav class="container mx-auto px-6 py-4 flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <i class="fas fa-bug text-2xl gradient-text"></i> | |
| <span class="text-2xl font-bold gradient-text">TheyBiteWeFight.com</span> | |
| </div> | |
| <div class="hidden md:flex space-x-8"> | |
| <a href="index.html" class="hover:text-[#00f0ff] transition">Home</a> | |
| <a href="about.html" class="hover:text-[#00f0ff] transition">About Us</a> | |
| <a href="case-results.html" class="hover:text-[#00f0ff] transition">Case Results</a> | |
| <a href="contact.html" class="hover:text-[#00f0ff] transition">Contact</a> | |
| </div> | |
| <button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold px-6 py-2 rounded-full glow hover:opacity-90 transition"> | |
| Free Case Review | |
| </button> | |
| </nav> | |
| <!-- Hero Section --> | |
| <section class="container mx-auto px-6 py-20 md:py-32 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-12 md:mb-0"> | |
| <h1 class="text-4xl md:text-6xl font-bold mb-6 leading-tight"> | |
| <span class="gradient-text">Fight Back Against</span><br> | |
| <span class="gradient-text">Bed Bug Infestations</span> | |
| </h1> | |
| <p class="text-lg md:text-xl mb-8 opacity-90"> | |
| Using cutting-edge legal technology and forensic entomology, we hold negligent property owners accountable for bed bug infestations that have impacted your health and wellbeing. | |
| </p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold px-8 py-4 rounded-full glow hover:opacity-90 transition text-lg"> | |
| Start Your Claim <i class="fas fa-arrow-right ml-2"></i> | |
| </button> | |
| <button class="border border-[#00f0ff] text-[#00f0ff] font-bold px-8 py-4 rounded-full hover:bg-[#00f0ff] hover:text-[#0a0a1a] transition text-lg"> | |
| <i class="fas fa-phone-alt mr-2"></i> (850) 876-6980 | |
| </button> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 relative"> | |
| <div class="holographic-card p-8 max-w-lg mx-auto"> | |
| <div class="flex justify-center mb-6"> | |
| <i class="fas fa-bug text-6xl gradient-text bug-icon"></i> | |
| </div> | |
| <h3 class="text-2xl font-bold text-center mb-4 gradient-text">Case Evaluation Matrix</h3> | |
| <div class="space-y-4"> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span>Infestation Severity</span> | |
| <span class="text-[#00f0ff]">High</span> | |
| </div> | |
| <div class="w-full bg-gray-700 rounded-full h-2.5"> | |
| <div class="gradient-bg h-2.5 rounded-full" style="width: 85%"></div> | |
| </div> | |
| </div> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span>Property Negligence</span> | |
| <span class="text-[#00f0ff]">Confirmed</span> | |
| </div> | |
| <div class="w-full bg-gray-700 rounded-full h-2.5"> | |
| <div class="gradient-bg h-2.5 rounded-full" style="width: 92%"></div> | |
| </div> | |
| </div> | |
| <div> | |
| <div class="flex justify-between mb-1"> | |
| <span>Health Impact</span> | |
| <span class="text-[#00f0ff]">Substantial</span> | |
| </div> | |
| <div class="w-full bg-gray-700 rounded-full h-2.5"> | |
| <div class="gradient-bg h-2.5 rounded-full" style="width: 78%"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-6 text-center"> | |
| <p class="text-sm opacity-80">Our AI-powered assessment shows you have a <span class="text-[#00f0ff] font-bold">92%</span> chance of a successful claim</p> | |
| </div> | |
| </div> | |
| <div class="absolute -z-10 w-full h-full top-4 left-4 rounded-2xl border border-[#00f0ff] opacity-30"></div> | |
| </div> | |
| </section> | |
| <!-- Stats Section --> | |
| <section class="container mx-auto px-6 py-16 bg-gradient-to-r from-[#0a0a1a] via-[#0f0f25] to-[#0a0a1a] rounded-2xl my-12 border border-[#00f0ff] border-opacity-20"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8 text-center"> | |
| <div class="holographic-card p-6"> | |
| <div class="text-4xl font-bold gradient-text mb-2">$250M+</div> | |
| <div class="opacity-80">Recovered for Clients</div> | |
| </div> | |
| <div class="holographic-card p-6"> | |
| <div class="text-4xl font-bold gradient-text mb-2">98%</div> | |
| <div class="opacity-80">Success Rate</div> | |
| </div> | |
| <div class="holographic-card p-6"> | |
| <div class="text-4xl font-bold gradient-text mb-2">5,000+</div> | |
| <div class="opacity-80">Cases Handled</div> | |
| </div> | |
| <div class="holographic-card p-6"> | |
| <div class="text-4xl font-bold gradient-text mb-2">24/7</div> | |
| <div class="opacity-80">Case Support</div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section id="services" class="container mx-auto px-6 py-20"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold gradient-text mb-4">Advanced Legal Solutions</h2> | |
| <p class="max-w-2xl mx-auto opacity-90">We combine traditional legal expertise with innovative technology to build unbeatable cases</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="holographic-card p-8 scanline"> | |
| <div class="text-[#00f0ff] text-3xl mb-4"> | |
| <i class="fas fa-dna"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Forensic Entomology</h3> | |
| <p class="opacity-90">Our team includes certified entomologists who can scientifically prove the origin and duration of your infestation through DNA analysis of bed bug specimens.</p> | |
| </div> | |
| <div class="holographic-card p-8 scanline"> | |
| <div class="text-[#00f0ff] text-3xl mb-4"> | |
| <i class="fas fa-robot"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">AI Case Prediction</h3> | |
| <p class="opacity-90">Our proprietary AI analyzes thousands of similar cases to predict optimal settlement amounts and identify the strongest legal arguments for your situation.</p> | |
| </div> | |
| <div class="holographic-card p-8 scanline"> | |
| <div class="text-[#00f0ff] text-3xl mb-4"> | |
| <i class="fas fa-vr-cardboard"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">VR Reenactments</h3> | |
| <p class="opacity-90">We create immersive virtual reality experiences that allow juries to "experience" the infestation from your perspective, dramatically increasing settlement values.</p> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Case Results --> | |
| <section id="cases" class="py-20 bg-gradient-to-b from-[#0f0f25] to-[#0a0a1a]"> | |
| <div class="container mx-auto px-6"> | |
| <div class="text-center mb-16"> | |
| <h2 class="text-3xl md:text-4xl font-bold gradient-text mb-4">Recent Case Victories</h2> | |
| <p class="max-w-2xl mx-auto opacity-90">Our track record speaks for itself</p> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <div class="holographic-card p-6"> | |
| <div class="flex items-center mb-4"> | |
| <div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4"> | |
| <i class="fas fa-hotel text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold">Luxury Hotel Chain</h3> | |
| <p class="text-sm opacity-80">Multiple Infestations</p> | |
| </div> | |
| </div> | |
| <p class="opacity-90 mb-4">Negligent pest control practices led to recurring infestations across multiple properties.</p> | |
| <div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block"> | |
| $4.2M Settlement | |
| </div> | |
| </div> | |
| <div class="holographic-card p-6"> | |
| <div class="flex items-center mb-4"> | |
| <div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4"> | |
| <i class="fas fa-building text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold">Apartment Complex</h3> | |
| <p class="text-sm opacity-80">Chronic Neglect</p> | |
| </div> | |
| </div> | |
| <p class="opacity-90 mb-4">Management ignored repeated complaints leading to severe health consequences for tenants.</p> | |
| <div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block"> | |
| $2.8M Verdict | |
| </div> | |
| </div> | |
| <div class="holographic-card p-6"> | |
| <div class="flex items-center mb-4"> | |
| <div class="gradient-bg w-12 h-12 rounded-full flex items-center justify-center text-[#0a0a1a] mr-4"> | |
| <i class="fas fa-plane text-xl"></i> | |
| </div> | |
| <div> | |
| <h3 class="font-bold">Airline Passenger</h3> | |
| <p class="text-sm opacity-80">International Flight</p> | |
| </div> | |
| </div> | |
| <p class="opacity-90 mb-4">Infested seating caused severe bites and subsequent PTSD from the experience.</p> | |
| <div class="gradient-bg text-[#0a0a1a] font-bold px-4 py-1 rounded-full text-sm inline-block"> | |
| $1.5M Settlement | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-20"> | |
| <div class="container mx-auto px-6"> | |
| <div class="holographic-card p-12 text-center rounded-3xl relative overflow-hidden"> | |
| <div class="absolute -top-20 -right-20 w-40 h-40 rounded-full gradient-bg opacity-20 blur-3xl"></div> | |
| <div class="absolute -bottom-20 -left-20 w-40 h-40 rounded-full gradient-bg opacity-20 blur-3xl"></div> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6 gradient-text">Ready to Take Legal Action?</h2> | |
| <p class="text-xl mb-8 max-w-2xl mx-auto opacity-90"> | |
| Our quantum-powered case assessment can determine your potential compensation in under 60 seconds. | |
| </p> | |
| <button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold px-8 py-4 rounded-full glow hover:opacity-90 transition text-lg pulse"> | |
| Begin Instant Assessment <i class="fas fa-bolt ml-2"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="py-12 border-t border-[#00f0ff] border-opacity-20"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-12"> | |
| <div> | |
| <div class="flex items-center space-x-2 mb-4"> | |
| <i class="fas fa-bug text-2xl gradient-text"></i> | |
| <span class="text-2xl font-bold gradient-text">TheyBiteWeFight.com</span> | |
| </div> | |
| <p class="opacity-80 mb-4"> | |
| Pioneering the future of bed bug litigation through technology and expertise. | |
| </p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-linkedin"></i></a> | |
| <a href="#" class="text-xl hover:text-[#00f0ff] transition"><i class="fab fa-facebook"></i></a> | |
| </div> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4 gradient-text">Quick Links</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="index.html" class="opacity-80 hover:text-[#00f0ff] transition">Home</a></li> | |
| <li><a href="about.html" class="opacity-80 hover:text-[#00f0ff] transition">About Us</a></li> | |
| <li><a href="case-results.html" class="opacity-80 hover:text-[#00f0ff] transition">Case Results</a></li> | |
| <li><a href="contact.html" class="opacity-80 hover:text-[#00f0ff] transition">Contact</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h3 class="text-lg font-bold mb-4 gradient-text">Services</h3> | |
| <ul class="space-y-2"> | |
| <li><a href="bedbug-lawsuits.html" class="opacity-80 hover:text-[#00f0ff] transition">Bed Bug Lawsuits</a></li> | |
| <li><a href="hotel-claims.html" class="opacity-80 hover:text-[#00f0ff] transition">Hotel Claims</a></li> | |
| <li><a href="apartment-claims.html" class="opacity-80 hover:text-[#00f0ff] transition">Apartment Claims</a></li> | |
| <li><a href="medical-docs.html" class="opacity-80 hover:text-[#00f0ff] transition">Medical Documentation</a></li> | |
| </ul> | |
| </div> | |
| <div id="contact"> | |
| <h3 class="text-lg font-bold mb-4 gradient-text">Contact Us</h3> | |
| <ul class="space-y-2"> | |
| <li class="flex items-center opacity-80"> | |
| <i class="fas fa-map-marker-alt mr-2 text-[#00f0ff]"></i> | |
| 123 Tech Plaza, Suite 300<br>New York, NY 10001 | |
| </li> | |
| <li class="flex items-center opacity-80"> | |
| <i class="fas fa-phone-alt mr-2 text-[#00f0ff]"></i> (850) 876-6980 | |
| </li> | |
| <li class="flex items-center opacity-80"> | |
| <i class="fas fa-envelope mr-2 text-[#00f0ff]"></i> gotbug@theybitewefight.com | |
| </li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-[#00f0ff] border-opacity-20 mt-12 pt-8 flex flex-col md:flex-row justify-between items-center"> | |
| <p class="opacity-80 mb-4 md:mb-0">© 2025 TheyBiteWeFight.com All rights reserved.</p> | |
| <div class="flex space-x-6"> | |
| <a href="privacy.html" class="opacity-80 hover:text-[#00f0ff] transition">Privacy Policy</a> | |
| <a href="terms.html" class="opacity-80 hover:text-[#00f0ff] transition">Terms of Service</a> | |
| <a href="sitemap.html" class="opacity-80 hover:text-[#00f0ff] transition">Sitemap</a> | |
| </div> | |
| </div> | |
| </div> | |
| </footer> | |
| <!-- Floating CTA --> | |
| <div class="fixed bottom-6 right-6 z-50"> | |
| <button onclick="openModal()" class="gradient-bg text-[#0a0a1a] font-bold w-16 h-16 rounded-full glow hover:opacity-90 transition flex items-center justify-center text-2xl pulse"> | |
| <i class="fas fa-comment-dots"></i> | |
| </button> | |
| </div> | |
| <!-- Case Evaluation Modal --> | |
| <div id="caseModal" class="modal"> | |
| <div class="modal-content"> | |
| <span class="close-modal" onclick="closeModal()">×</span> | |
| <div class="flex items-center mb-6"> | |
| <i class="fas fa-bug text-3xl gradient-text mr-3"></i> | |
| <h2 class="text-2xl font-bold gradient-text">Case Evaluation Form</h2> | |
| </div> | |
| <form id="caseEvaluationForm" class="mt-6"> | |
| <div class="form-grid"> | |
| <div> | |
| <label for="name" class="form-label">Full Name*</label> | |
| <input type="text" id="name" name="name" class="form-input" required> | |
| </div> | |
| <div> | |
| <label for="phone" class="form-label">Phone Number*</label> | |
| <input type="tel" id="phone" name="phone" class="form-input" required> | |
| </div> | |
| <div> | |
| <label for="email" class="form-label">Email Address*</label> | |
| <input type="email" id="email" name="email" class="form-input" required> | |
| </div> | |
| <div> | |
| <label for="address" class="form-label">Street Address*</label> | |
| <input type="text" id="address" name="address" class="form-input" required> | |
| </div> | |
| <div> | |
| <label for="city" class="form-label">City*</label> | |
| <input type="text" id="city" name="city" class="form-input" required> | |
| </div> | |
| <div> | |
| <label for="state" class="form-label">State*</label> | |
| <select id="state" name="state" class="form-input" required> | |
| <option value="">Select State</option> | |
| <option value="AL">Alabama</option> | |
| <option value="AK">Alaska</option> | |
| <option value="AZ">Arizona</option> | |
| <option value="AR">Arkansas</option> | |
| <option value="CA">California</option> | |
| <option value="CO">Colorado</option> | |
| <option value="CT">Connecticut</option> | |
| <option value="DE">Delaware</option> | |
| <option value="FL">Florida</option> | |
| <option value="GA">Georgia</option> | |
| <option value="HI">Hawaii</option> | |
| <option value="ID">Idaho</option> | |
| <option value="IL">Illinois</option> | |
| <option value="IN">Indiana</option> | |
| <option value="IA">Iowa</option> | |
| <option value="KS">Kansas</option> | |
| <option value="KY">Kentucky</option> | |
| <option value="LA">Louisiana</option> | |
| <option value="ME">Maine</option> | |
| <option value="MD">Maryland</option> | |
| <option value="MA">Massachusetts</option> | |
| <option value="MI">Michigan</option> | |
| <option value="MN">Minnesota</option> | |
| <option value="MS">Mississippi</option> | |
| <option value="MO">Missouri</option> | |
| <option value="MT">Montana</option> | |
| <option value="NE">Nebraska</option> | |
| <option value="NV">Nevada</option> | |
| <option value="NH">New Hampshire</option> | |
| <option value="NJ">New Jersey</option> | |
| <option value="NM">New Mexico</option> | |
| <option value="NY">New York</option> | |
| <option value="NC">North Carolina</option> | |
| <option value="ND">North Dakota</option> | |
| <option value="OH">Ohio</option> | |
| <option value="OK">Oklahoma</option> | |
| <option value="OR">Oregon</option> | |
| <option value="PA">Pennsylvania</option> | |
| <option value="RI">Rhode Island</option> | |
| <option value="SC">South Carolina</option> | |
| <option value="SD">South Dakota</option> | |
| <option value="TN">Tennessee</option> | |
| <option value="TX">Texas</option> | |
| <option value="UT">Utah</option> | |
| <option value="VT">Vermont</option> | |
| <option value="VA">Virginia</option> | |
| <option value="WA">Washington</option> | |
| <option value="WV">West Virginia</option> | |
| <option value="WI">Wisconsin</option> | |
| <option value="WY">Wyoming</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label for="zip" class="form-label">ZIP Code*</label> | |
| <input type="text" id="zip" name="zip" class="form-input" required> | |
| </div> | |
| <div> | |
| <label for="date" class="form-label">Date of Infestation*</label> | |
| <input type="date" id="date" name="date" class="form-input" required> | |
| </div> | |
| </div> | |
| <div class="mt-4"> | |
| <label class="form-label">Where did the infestation occur?*</label> | |
| <div class="form-radio-group"> | |
| <label class="form-radio-label"> | |
| <input type="radio" name="location" value="apartment" class="form-radio-input" required> | |
| Apartment | |
| </label> | |
| <label class="form-radio-label"> | |
| <input type="radio" name="location" value="hotel" class="form-radio-input"> | |
| Hotel | |
| </label> | |
| <label class="form-radio-label"> | |
| <input type="radio" name="location" value="workplace" class="form-radio-input"> | |
| Workplace | |
| </label> | |
| <label class="form-radio-label"> | |
| <input type="radio" name="location" value="other" class="form-radio-input"> | |
| Other | |
| </label> | |
| </div> | |
| </div> | |
| <div class="mt-4"> | |
| <label for="description" class="form-label">Description of Your Experience*</label> | |
| <textarea id="description" name="description" class="form-input form-textarea" required placeholder="Please describe the infestation, your experience, and any health impacts..."></textarea> | |
| </div> | |
| <div class="mt-4"> | |
| <label class="form-label">Did you see a doctor for treatment?*</label> | |
| <div class="form-radio-group"> | |
| <label class="form-radio-label"> | |
| <input type="radio" name="doctor" value="yes" class="form-radio-input" required> | |
| Yes | |
| </label> | |
| <label class="form-radio-label"> | |
| <input type="radio" name="doctor" value="no" class="form-radio-input"> | |
| No | |
| </label> | |
| </div> | |
| </div> | |
| <div class="mt-4"> | |
| <label class="form-label">Do you have pictures of the infestation or bites?*</label> | |
| <div class="form-radio-group"> | |
| <label class="form-radio-label"> | |
| <input type="radio" name="pictures" value="yes" class="form-radio-input" required> | |
| Yes | |
| </label> | |
| <label class="form-radio-label"> | |
| <input type="radio" name="pictures" value="no" class="form-radio-input"> | |
| No | |
| </label> | |
| </div> | |
| </div> | |
| <div class="mt-8"> | |
| <button type="submit" class="form-submit"> | |
| Submit Case Evaluation <i class="fas fa-paper-plane ml-2"></i> | |
| </button> | |
| </div> | |
| <p class="text-xs mt-4 opacity-70">By submitting this form, you agree to our <a href="#" class="text-[#00f0ff]">Privacy Policy</a> and consent to be contacted by our legal team.</p> | |
| </form> | |
| </div> | |
| </div> | |
| <script> | |
| // Modal functionality | |
| function openModal() { | |
| document.getElementById('caseModal').style.display = 'block'; | |
| document.body.style.overflow = 'hidden'; | |
| } | |
| function closeModal() { | |
| document.getElementById('caseModal').style.display = 'none'; | |
| document.body.style.overflow = 'auto'; | |
| } | |
| // Close modal when clicking outside | |
| window.onclick = function(event) { | |
| const modal = document.getElementById('caseModal'); | |
| if (event.target == modal) { | |
| closeModal(); | |
| } | |
| } | |
| // Form submission | |
| document.getElementById('caseEvaluationForm').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| // Here you would normally send the form data to your server | |
| // For this example, we'll just show an alert and close the modal | |
| alert('Thank you for your submission! Our legal team will review your case and contact you within 24 hours.'); | |
| closeModal(); | |
| // Reset form | |
| this.reset(); | |
| }); | |
| // Simple animation for demonstration | |
| document.querySelectorAll('a[href^="#"]').forEach(anchor => { | |
| anchor.addEventListener('click', function (e) { | |
| e.preventDefault(); | |
| document.querySelector(this.getAttribute('href')).scrollIntoView({ | |
| behavior: 'smooth' | |
| }); | |
| }); | |
| }); | |
| </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/bed-bugs" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |