philly / index.html
BrockMisner's picture
remove header and footer, and add another1000 words of content - Initial Deployment
eaccf33 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Philadelphia Auto Injury Law Firm | Car Accident Lawyers | PhillyLawsuit.com</title>
<meta name="description" content="Top-rated Philadelphia auto injury lawyers available 24/7. Get maximum compensation for your car accident. Free consultations at (201) 975-2884.">
<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: '#1a365d',
secondary: '#e53e3e',
accent: '#f6ad55',
}
}
}
}
</script>
<style>
.hero-bg {
background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d6?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80');
background-size: cover;
background-position: center;
}
.map-container {
height: 400px;
width: 100%;
}
.pulse {
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
</style>
</head>
<body class="font-sans">
<!-- Hero Section -->
<section id="home" class="hero-bg text-white py-20 md:py-32 px-4">
<div class="container mx-auto max-w-6xl">
<div class="md:w-2/3">
<h1 class="text-4xl md:text-5xl font-bold mb-6">Philadelphia Auto Injury Law Firm</h1>
<p class="text-xl mb-8">Fighting for maximum compensation for car accident victims in Philadelphia and surrounding areas. Available 24/7 for emergencies.</p>
<div class="flex flex-col sm:flex-row gap-4">
<a href="tel:2019752884" class="bg-secondary hover:bg-red-700 text-white font-bold py-4 px-8 rounded-lg text-center pulse">
<i class="fas fa-phone-alt mr-2"></i> CALL NOW (201) 975-2884
</a>
<a href="#contact" class="bg-white hover:bg-gray-100 text-primary font-bold py-4 px-8 rounded-lg text-center">
<i class="fas fa-envelope mr-2"></i> FREE CONSULTATION
</a>
</div>
</div>
</div>
</section>
<!-- About Section -->
<section id="about" class="py-16 bg-gray-50">
<div class="container mx-auto px-4 max-w-6xl">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-primary mb-4">About Our Philadelphia Auto Injury Law Firm</h2>
<div class="w-24 h-1 bg-secondary mx-auto"></div>
</div>
<div class="flex flex-col md:flex-row gap-12 items-center">
<div class="md:w-1/2">
<img src="https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80" alt="Philadelphia Auto Injury Lawyers" class="rounded-lg shadow-xl w-full">
</div>
<div class="md:w-1/2">
<h3 class="text-2xl font-bold text-primary mb-4">Your Trusted Auto Accident Attorneys in Philadelphia</h3>
<p class="text-gray-700 mb-4">At PhillyLawsuit, we specialize in helping victims of auto accidents get the compensation they deserve. Our experienced team of Philadelphia auto injury lawyers understands the physical, emotional, and financial toll an accident can take on you and your family.</p>
<p class="text-gray-700 mb-6">Located at 2603 Germantown Ave in Philadelphia, we serve clients throughout Pennsylvania with personalized legal representation. We're available 24 hours a day because we know accidents don't just happen during business hours.</p>
<div class="space-y-4">
<div class="flex items-start">
<i class="fas fa-check-circle text-secondary mt-1 mr-3"></i>
<span class="text-gray-700">Over 15 years of experience in auto injury cases</span>
</div>
<div class="flex items-start">
<i class="fas fa-check-circle text-secondary mt-1 mr-3"></i>
<span class="text-gray-700">Millions recovered for our clients</span>
</div>
<div class="flex items-start">
<i class="fas fa-check-circle text-secondary mt-1 mr-3"></i>
<span class="text-gray-700">No fees unless we win your case</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-16 bg-white">
<div class="container mx-auto px-4 max-w-6xl">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-primary mb-4">Our Auto Injury Legal Services</h2>
<div class="w-24 h-1 bg-secondary mx-auto"></div>
<p class="text-gray-600 mt-4 max-w-2xl mx-auto">We handle all types of auto accident cases throughout Philadelphia and Pennsylvania</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
<div class="bg-gray-50 p-6 rounded-lg shadow-md hover:shadow-lg transition">
<div class="text-primary text-4xl mb-4">
<i class="fas fa-car-crash"></i>
</div>
<h3 class="text-xl font-bold text-primary mb-3">Car Accidents</h3>
<p class="text-gray-700">Representation for victims of rear-end collisions, T-bone accidents, head-on crashes, and more.</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-md hover:shadow-lg transition">
<div class="text-primary text-4xl mb-4">
<i class="fas fa-truck"></i>
</div>
<h3 class="text-xl font-bold text-primary mb-3">Truck Accidents</h3>
<p class="text-gray-700">Specialized representation for accidents involving commercial trucks and tractor-trailers.</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-md hover:shadow-lg transition">
<div class="text-primary text-4xl mb-4">
<i class="fas fa-motorcycle"></i>
</div>
<h3 class="text-xl font-bold text-primary mb-3">Motorcycle Accidents</h3>
<p class="text-gray-700">Protecting the rights of motorcyclists who are often unfairly blamed for accidents.</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-md hover:shadow-lg transition">
<div class="text-primary text-4xl mb-4">
<i class="fas fa-user-injured"></i>
</div>
<h3 class="text-xl font-bold text-primary mb-3">Personal Injury</h3>
<p class="text-gray-700">Compensation for medical bills, lost wages, pain and suffering from auto accidents.</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-md hover:shadow-lg transition">
<div class="text-primary text-4xl mb-4">
<i class="fas fa-user-plus"></i>
</div>
<h3 class="text-xl font-bold text-primary mb-3">Wrongful Death</h3>
<p class="text-gray-700">Compassionate representation for families who have lost loved ones in auto accidents.</p>
</div>
<div class="bg-gray-50 p-6 rounded-lg shadow-md hover:shadow-lg transition">
<div class="text-primary text-4xl mb-4">
<i class="fas fa-balance-scale"></i>
</div>
<h3 class="text-xl font-bold text-primary mb-3">Insurance Disputes</h3>
<p class="text-gray-700">Fighting insurance companies who deny or undervalue legitimate auto injury claims.</p>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials" class="py-16 bg-primary text-white">
<div class="container mx-auto px-4 max-w-6xl">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold mb-4">What Our Clients Say</h2>
<div class="w-24 h-1 bg-secondary mx-auto"></div>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div class="bg-white text-gray-800 p-6 rounded-lg shadow-md">
<div class="flex mb-4">
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
</div>
<p class="italic mb-4">"After my car accident in Philadelphia, PhillyLawsuit fought for me when the insurance company refused to pay. They got me a settlement that covered all my medical bills and then some."</p>
<div class="font-bold">- Michael R.</div>
</div>
<div class="bg-white text-gray-800 p-6 rounded-lg shadow-md">
<div class="flex mb-4">
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
</div>
<p class="italic mb-4">"The team was available 24/7 just like they promised. When I called at 2am after being hit by a drunk driver, they answered and guided me through everything."</p>
<div class="font-bold">- Sarah K.</div>
</div>
<div class="bg-white text-gray-800 p-6 rounded-lg shadow-md">
<div class="flex mb-4">
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
<i class="fas fa-star text-yellow-400"></i>
</div>
<p class="italic mb-4">"I never thought I'd need a lawyer after my fender bender, but the other driver's insurance tried to blame me. PhillyLawsuit proved it wasn't my fault and got me compensation."</p>
<div class="font-bold">- David L.</div>
</div>
</div>
</div>
</section>
<!-- Additional Content Section -->
<section class="py-16 bg-white">
<div class="container mx-auto px-4 max-w-6xl">
<h2 class="text-3xl font-bold text-primary mb-8 text-center">Philadelphia Auto Accident Legal Guide</h2>
<div class="prose max-w-none">
<h3 class="text-2xl font-bold text-primary mb-4">Understanding Pennsylvania Auto Accident Laws</h3>
<p>Pennsylvania operates under a "choice no-fault" system for auto accidents. This means drivers can choose between:</p>
<ul class="list-disc pl-6 mb-6">
<li><strong>No-fault coverage:</strong> Your own insurance pays for medical expenses regardless of fault</li>
<li><strong>Full tort coverage:</strong> Preserves your right to sue for pain and suffering</li>
</ul>
<p>Our Philadelphia auto injury attorneys can review your policy to determine the best course of action for your specific situation.</p>
<h3 class="text-2xl font-bold text-primary mb-4 mt-8">Common Causes of Auto Accidents in Philadelphia</h3>
<p>Philadelphia's busy streets and highways see thousands of accidents annually. Some frequent causes include:</p>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
<div class="bg-gray-50 p-4 rounded-lg">
<h4 class="font-bold mb-2">Distracted Driving</h4>
<p>Texting, eating, or using navigation systems while driving leads to numerous crashes each year in Philadelphia.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<h4 class="font-bold mb-2">Speeding</h4>
<p>Excessive speed reduces reaction time and increases crash severity, especially on highways like I-76 and I-95.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<h4 class="font-bold mb-2">Drunk Driving</h4>
<p>Despite strict laws, alcohol-impaired driving remains a leading cause of serious accidents in Philadelphia.</p>
</div>
<div class="bg-gray-50 p-4 rounded-lg">
<h4 class="font-bold mb-2">Aggressive Driving</h4>
<p>Road rage and reckless maneuvers are common on congested Philadelphia roads.</p>
</div>
</div>
<h3 class="text-2xl font-bold text-primary mb-4 mt-8">Steps to Take After a Philadelphia Auto Accident</h3>
<ol class="list-decimal pl-6 space-y-4 mb-8">
<li><strong>Check for injuries:</strong> Call 911 immediately if anyone is hurt</li>
<li><strong>Move to safety:</strong> If possible, move vehicles out of traffic flow</li>
<li><strong>Contact police:</strong> A police report is crucial for your claim</li>
<li><strong>Document the scene:</strong> Take photos of vehicles, injuries, and road conditions</li>
<li><strong>Exchange information:</strong> Get names, contact details, and insurance info from all parties</li>
<li><strong>Seek medical attention:</strong> Some injuries may not be immediately apparent</li>
<li><strong>Contact our law firm:</strong> Call (201) 975-2884 for immediate legal guidance</li>
</ol>
<h3 class="text-2xl font-bold text-primary mb-4 mt-8">Why Choose Our Philadelphia Auto Injury Law Firm</h3>
<p>With offices conveniently located at 2603 Germantown Ave, our team offers:</p>
<div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
<div class="bg-primary text-white p-4 rounded-lg">
<h4 class="font-bold mb-2">Local Expertise</h4>
<p>We know Philadelphia courts, judges, and insurance companies intimately.</p>
</div>
<div class="bg-primary text-white p-4 rounded-lg">
<h4 class="font-bold mb-2">24/7 Availability</h4>
<p>Accidents don't keep business hours - neither do we.</p>
</div>
<div class="bg-primary text-white p-4 rounded-lg">
<h4 class="font-bold mb-2">No Fee Guarantee</h4>
<p>You pay nothing unless we recover compensation for you.</p>
</div>
</div>
<h3 class="text-2xl font-bold text-primary mb-4 mt-8">Philadelphia Auto Accident Statistics</h3>
<p>Recent data shows:</p>
<ul class="list-disc pl-6 mb-8">
<li>Over 30,000 auto accidents occur annually in Philadelphia</li>
<li>Approximately 100 fatal crashes each year</li>
<li>Center City and Northeast Philadelphia have the highest accident rates</li>
<li>Intersections account for nearly 40% of all crashes</li>
</ul>
<div class="bg-secondary text-white p-6 rounded-lg text-center">
<h3 class="text-2xl font-bold mb-4">Injured in a Philadelphia Auto Accident?</h3>
<p class="mb-6">Don't navigate the legal process alone. Our experienced attorneys are available 24/7 to protect your rights.</p>
<a href="tel:2019752884" class="bg-white hover:bg-gray-100 text-secondary font-bold py-3 px-8 rounded-lg inline-block">
<i class="fas fa-phone-alt mr-2"></i> CALL NOW (201) 975-2884
</a>
</div>
</div>
</div>
</section>
<!-- Map and Contact Section -->
<section id="contact" class="py-16 bg-gray-50">
<div class="container mx-auto px-4 max-w-6xl">
<div class="text-center mb-12">
<h2 class="text-3xl font-bold text-primary mb-4">Contact Our Philadelphia Auto Injury Lawyers</h2>
<div class="w-24 h-1 bg-secondary mx-auto"></div>
<p class="text-gray-600 mt-4">Available 24 hours a day, 7 days a week for emergencies</p>
</div>
<div class="flex flex-col lg:flex-row gap-8">
<div class="lg:w-1/2">
<div class="bg-white p-6 rounded-lg shadow-md">
<h3 class="text-xl font-bold text-primary mb-4">Get Your Free Consultation</h3>
<form class="space-y-4">
<div>
<label for="name" class="block text-gray-700 mb-1">Your Name</label>
<input type="text" id="name" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-secondary">
</div>
<div>
<label for="phone" class="block text-gray-700 mb-1">Phone Number</label>
<input type="tel" id="phone" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-secondary">
</div>
<div>
<label for="email" class="block text-gray-700 mb-1">Email Address</label>
<input type="email" id="email" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-secondary">
</div>
<div>
<label for="message" class="block text-gray-700 mb-1">Tell Us About Your Case</label>
<textarea id="message" rows="4" class="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-secondary"></textarea>
</div>
<button type="submit" class="bg-secondary hover:bg-red-700 text-white font-bold py-3 px-6 rounded-lg w-full transition">
SUBMIT FOR FREE CONSULTATION
</button>
</form>
</div>
</div>
<div class="lg:w-1/2">
<div class="bg-white p-6 rounded-lg shadow-md h-full">
<h3 class="text-xl font-bold text-primary mb-4">Our Location</h3>
<div class="map-container mb-4 rounded-lg overflow-hidden">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3056.123456789012!2d-75.12345678901234!3d40.12345678901234!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNDDCsDA3JzI0LjQiTiA3NcKwMDcnMjQuNCJX!5e0!3m2!1sen!2sus!4v1234567890123!5m2!1sen!2sus" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="space-y-3">
<div class="flex items-start">
<i class="fas fa-map-marker-alt text-secondary mt-1 mr-3"></i>
<span>2603 Germantown Ave, Philadelphia, PA 19133</span>
</div>
<div class="flex items-start">
<i class="fas fa-phone-alt text-secondary mt-1 mr-3"></i>
<a href="tel:2019752884" class="hover:text-secondary transition">(201) 975-2884</a>
</div>
<div class="flex items-start">
<i class="fas fa-envelope text-secondary mt-1 mr-3"></i>
<a href="mailto:info@phillylawsuit.com" class="hover:text-secondary transition">info@phillylawsuit.com</a>
</div>
<div class="flex items-start">
<i class="fas fa-clock text-secondary mt-1 mr-3"></i>
<span>Open 24 Hours</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Fixed Call Button for Mobile -->
<div class="fixed bottom-6 right-6 md:hidden">
<a href="tel:2019752884" class="bg-secondary hover:bg-red-700 text-white rounded-full p-4 shadow-lg flex items-center justify-center pulse">
<i class="fas fa-phone-alt text-xl"></i>
</a>
</div>
<script>
// Simple mobile menu toggle
document.querySelector('button.md\\:hidden').addEventListener('click', function() {
// This would toggle a mobile menu in a real implementation
alert('Mobile menu would open here. In a full implementation, this would show/hide the navigation links.');
});
// Smooth scrolling for anchor links
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=BrockMisner/philly" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>