Spaces:
Running
Running
DO the same thing but for this office: Address: 2603 Germantown Ave, Philadelphia, PA 19133 Phone: (201) 975-2884 - Follow Up Deployment
1621b0b
verified
| <html lang="en" class="scroll-smooth"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Philadelphia Auto Accident Injury Attorney | Top-Rated Car Crash Lawyers</title> | |
| <meta name="description" content="Top-rated Philadelphia auto accident injury attorneys serving Point Breeze and all of PA. 24/7 free consultations. 5-star rated. Call +1 (786) 471-7844 now."> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script> | |
| <link rel="preconnect" href="https://fonts.googleapis.com"> | |
| <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> | |
| <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&family=Playfair+Display:wght@700&display=swap" rel="stylesheet"> | |
| <script> | |
| tailwind.config = { | |
| theme: { | |
| extend: { | |
| fontFamily: { | |
| 'sans': ['Montserrat', 'sans-serif'], | |
| 'serif': ['Playfair Display', 'serif'], | |
| }, | |
| colors: { | |
| primary: '#1a3a6f', | |
| secondary: '#e63946', | |
| accent: '#f4a261', | |
| } | |
| } | |
| } | |
| } | |
| </script> | |
| <style type="text/css"> | |
| .hero-bg { | |
| background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('https://images.unsplash.com/photo-1601584115197-04ecc0da31d7?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2070&q=80'); | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| .testimonial-card { | |
| box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2); | |
| } | |
| .animate-pulse-slow { | |
| animation: pulse 3s infinite; | |
| } | |
| @keyframes pulse { | |
| 0%, 100% { opacity: 1; } | |
| 50% { opacity: 0.8; } | |
| } | |
| </style> | |
| </head> | |
| <body class="font-sans text-gray-800 bg-gray-50"> | |
| <!-- Schema markup --> | |
| <script type="application/ld+json"> | |
| { | |
| "@context": "https://schema.org", | |
| "@type": "LegalService", | |
| "name": "Philadelphia Auto Accident Injury Attorney", | |
| "image": "https://carcrashinjuryfirm.com/wp-content/uploads/2023/05/philadelphia-auto-accident-attorney.jpg", | |
| "@id": "https://carcrashinjuryfirm.com/philadelphia-auto-accident-injury-attorney", | |
| "url": "https://carcrashinjuryfirm.com/philadelphia-auto-accident-injury-attorney/?utm_campaign=gmb_local", | |
| "telephone": "+17864717844", | |
| "address": { | |
| "@type": "PostalAddress", | |
| "streetAddress": "1417 Point Breeze Ave", | |
| "addressLocality": "Philadelphia", | |
| "addressRegion": "PA", | |
| "postalCode": "19146", | |
| "addressCountry": "US" | |
| }, | |
| "geo": { | |
| "@type": "GeoCoordinates", | |
| "latitude": 39.93402760, | |
| "longitude": -75.17978670 | |
| }, | |
| "openingHoursSpecification": { | |
| "@type": "OpeningHoursSpecification", | |
| "dayOfWeek": [ | |
| "Monday", | |
| "Tuesday", | |
| "Wednesday", | |
| "Thursday", | |
| "Friday", | |
| "Saturday", | |
| "Sunday" | |
| ], | |
| "opens": "00:00", | |
| "closes": "23:59" | |
| }, | |
| "priceRange": "$$", | |
| "aggregateRating": { | |
| "@type": "AggregateRating", | |
| "ratingValue": "5", | |
| "reviewCount": "31", | |
| "bestRating": "5", | |
| "worstRating": "1" | |
| }, | |
| "sameAs": [ | |
| "https://www.google.com/maps?cid=7951230594446406763", | |
| "https://www.facebook.com/carcrashinjuryfirm/", | |
| "https://www.linkedin.com/company/car-crash-injury-firm" | |
| ] | |
| } | |
| </script> | |
| <!-- LocalBusiness schema --> | |
| <script type="application/ld+json"> | |
| { | |
| "@context": "https://schema.org", | |
| "@type": "Attorney", | |
| "name": "Philadelphia Auto Accident Injury Attorney", | |
| "description": "Top-rated Philadelphia auto accident injury attorneys serving Point Breeze and all of PA. 24/7 free consultations. 5-star rated.", | |
| "address": { | |
| "@type": "PostalAddress", | |
| "streetAddress": "1417 Point Breeze Ave", | |
| "addressLocality": "Philadelphia", | |
| "addressRegion": "PA", | |
| "postalCode": "19146", | |
| "addressCountry": "US" | |
| }, | |
| "geo": { | |
| "@type": "GeoCoordinates", | |
| "latitude": 39.93402760, | |
| "longitude": -75.17978670 | |
| }, | |
| "telephone": "+17864717844", | |
| "openingHours": "Mo,Tu,We,Th,Fr,Sa,Su 00:00-23:59", | |
| "priceRange": "$$", | |
| "image": "https://carcrashinjuryfirm.com/wp-content/uploads/2023/05/philadelphia-auto-accident-attorney.jpg", | |
| "url": "https://carcrashinjuryfirm.com/philadelphia-auto-accident-injury-attorney/?utm_campaign=gmb_local" | |
| } | |
| </script> | |
| <!-- Hero Section --> | |
| <section class="hero-bg text-white py-20 md:py-32"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-3xl"> | |
| <h1 class="text-4xl md:text-5xl font-bold font-serif mb-6">Philadelphia's Trusted Auto Accident Injury Attorneys</h1> | |
| <p class="text-xl mb-8">24/7 Free Consultations · No Fees Unless We Win · Over $100 Million Recovered</p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <a href="tel:+17864717844" class="bg-secondary hover:bg-opacity-90 text-white px-8 py-4 rounded-full text-lg font-bold text-center transition animate-pulse-slow"> | |
| <i class="fas fa-phone-alt mr-2"></i> CALL NOW (786) 471-7844 | |
| </a> | |
| <a href="#contact" class="bg-white hover:bg-gray-100 text-primary px-8 py-4 rounded-full text-lg font-bold text-center transition"> | |
| FREE CASE REVIEW | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Trust Indicators --> | |
| <section class="bg-primary text-white py-8"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-wrap justify-center items-center gap-8 md:gap-16"> | |
| <div class="flex items-center"> | |
| <i class="fas fa-star text-3xl text-accent mr-3"></i> | |
| <div> | |
| <div class="text-2xl font-bold">5.0</div> | |
| <div class="text-sm">Average Rating</div> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-trophy text-3xl text-accent mr-3"></i> | |
| <div> | |
| <div class="text-2xl font-bold">100+</div> | |
| <div class="text-sm">Cases Won</div> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-dollar-sign text-3xl text-accent mr-3"></i> | |
| <div> | |
| <div class="text-2xl font-bold">$100M+</div> | |
| <div class="text-sm">Recovered</div> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <i class="fas fa-clock text-3xl text-accent mr-3"></i> | |
| <div> | |
| <div class="text-2xl font-bold">24/7</div> | |
| <div class="text-sm">Availability</div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- About Section --> | |
| <section id="about" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> | |
| <img src="https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=2080&q=80" alt="Philadelphia Auto Accident Attorney" class="rounded-lg shadow-xl w-full"> | |
| </div> | |
| <div class="md:w-1/2"> | |
| <h2 class="text-3xl font-bold font-serif mb-6 text-primary">Philadelphia Auto Accident Injury Lawyers</h2> | |
| <p class="mb-4 text-lg">Serving the Philadelphia community for over 15 years, our dedicated team of auto accident injury attorneys has helped thousands of victims get the compensation they deserve after a car crash.</p> | |
| <p class="mb-6 text-lg">Located in the heart of Point Breeze at <strong>1417 Point Breeze Ave, Philadelphia, PA 19146</strong>, we're conveniently accessible to all residents of Philadelphia and surrounding areas.</p> | |
| <div class="space-y-4"> | |
| <div class="flex items-start"> | |
| <i class="fas fa-check-circle text-secondary mt-1 mr-3"></i> | |
| <p>Free consultations with no obligation</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <i class="fas fa-check-circle text-secondary mt-1 mr-3"></i> | |
| <p>No fees unless we win your case</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <i class="fas fa-check-circle text-secondary mt-1 mr-3"></i> | |
| <p>Aggressive representation against insurance companies</p> | |
| </div> | |
| <div class="flex items-start"> | |
| <i class="fas fa-check-circle text-secondary mt-1 mr-3"></i> | |
| <p>Personal attention from experienced attorneys</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Services Section --> | |
| <section id="services" class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold font-serif mb-12 text-center text-primary">Our Auto Accident Legal Services</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Service 1 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition"> | |
| <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-car-crash text-3xl text-primary"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Car Accident Injuries</h3> | |
| <p class="text-gray-600">We handle all types of car accident claims including rear-end collisions, head-on crashes, and T-bone accidents.</p> | |
| </div> | |
| <!-- Service 2 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition"> | |
| <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-truck text-3xl text-primary"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Truck Accidents</h3> | |
| <p class="text-gray-600">Commercial truck accidents require specialized knowledge. We know how to investigate and build strong cases.</p> | |
| </div> | |
| <!-- Service 3 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition"> | |
| <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-motorcycle text-3xl text-primary"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Motorcycle Crashes</h3> | |
| <p class="text-gray-600">Motorcyclists often suffer severe injuries. We fight to get you full compensation for medical bills and pain.</p> | |
| </div> | |
| <!-- Service 4 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition"> | |
| <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-pedestrian text-3xl text-primary"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Pedestrian Accidents</h3> | |
| <p class="text-gray-600">When drivers hit pedestrians, the injuries can be catastrophic. We'll pursue maximum compensation.</p> | |
| </div> | |
| <!-- Service 5 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition"> | |
| <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-bus text-3xl text-primary"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Bus Accidents</h3> | |
| <p class="text-gray-600">Public transportation accidents involve complex liability issues. We know how to navigate these cases.</p> | |
| </div> | |
| <!-- Service 6 --> | |
| <div class="bg-white p-6 rounded-lg shadow-md hover:shadow-xl transition"> | |
| <div class="w-16 h-16 bg-primary bg-opacity-10 rounded-full flex items-center justify-center mb-4"> | |
| <i class="fas fa-user-injured text-3xl text-primary"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Wrongful Death</h3> | |
| <p class="text-gray-600">If you've lost a loved one in an auto accident, we'll fight to hold the responsible parties accountable.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Why Choose Us --> | |
| <section class="py-16 bg-primary text-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold font-serif mb-12 text-center">Why Choose Our Philadelphia Auto Accident Attorneys</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <div class="text-center p-6"> | |
| <div class="w-20 h-20 bg-white bg-opacity-20 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-medal text-3xl text-accent"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Proven Results</h3> | |
| <p>We've recovered millions for our clients through settlements and verdicts. Our track record speaks for itself.</p> | |
| </div> | |
| <div class="text-center p-6"> | |
| <div class="w-20 h-20 bg-white bg-opacity-20 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-users text-3xl text-accent"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Client-Focused</h3> | |
| <p>You're not just a case number to us. We provide personalized attention and regular case updates.</p> | |
| </div> | |
| <div class="text-center p-6"> | |
| <div class="w-20 h-20 bg-white bg-opacity-20 rounded-full flex items-center justify-center mx-auto mb-4"> | |
| <i class="fas fa-gavel text-3xl text-accent"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Aggressive Advocacy</h3> | |
| <p>We're not afraid to take on insurance companies and fight for every dollar you deserve.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Reviews Section --> | |
| <section id="reviews" class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold font-serif mb-12 text-center text-primary">What Our Clients Say</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Review 1 --> | |
| <div class="bg-gray-50 p-6 rounded-lg testimonial-card"> | |
| <div class="flex items-center mb-4"> | |
| <div class="flex"> | |
| <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> | |
| <span class="text-sm text-gray-500 ml-2">2 weeks ago</span> | |
| </div> | |
| <p class="mb-4 italic">"After my car accident in Philadelphia, I was overwhelmed. This law firm took care of everything and got me a settlement that covered all my medical bills and then some. Highly recommend!"</p> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 bg-gray-300 rounded-full mr-3"></div> | |
| <div> | |
| <h4 class="font-bold">Michael T.</h4> | |
| <p class="text-sm text-gray-500">Philadelphia, PA</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Review 2 --> | |
| <div class="bg-gray-50 p-6 rounded-lg testimonial-card"> | |
| <div class="flex items-center mb-4"> | |
| <div class="flex"> | |
| <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> | |
| <span class="text-sm text-gray-500 ml-2">1 month ago</span> | |
| </div> | |
| <p class="mb-4 italic">"The team was professional and compassionate throughout my entire case. They fought hard against the insurance company and secured a settlement that was much higher than their initial offer."</p> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 bg-gray-300 rounded-full mr-3"></div> | |
| <div> | |
| <h4 class="font-bold">Sarah J.</h4> | |
| <p class="text-sm text-gray-500">South Philadelphia</p> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Review 3 --> | |
| <div class="bg-gray-50 p-6 rounded-lg testimonial-card"> | |
| <div class="flex items-center mb-4"> | |
| <div class="flex"> | |
| <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> | |
| <span class="text-sm text-gray-500 ml-2">3 months ago</span> | |
| </div> | |
| <p class="mb-4 italic">"I was hit by a drunk driver in Center City and suffered serious injuries. These attorneys were with me every step of the way, making sure I got the best medical care and maximum compensation."</p> | |
| <div class="flex items-center"> | |
| <div class="w-10 h-10 bg-gray-300 rounded-full mr-3"></div> | |
| <div> | |
| <h4 class="font-bold">Robert K.</h4> | |
| <p class="text-sm text-gray-500">University City</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="text-center mt-12"> | |
| <a href="https://search.google.com/local/writereview?placeid=ChIJUYlzPunHxokRazQyJRlyWG4" target="_blank" class="inline-block bg-primary hover:bg-opacity-90 text-white px-8 py-3 rounded-full font-bold transition"> | |
| <i class="fas fa-pen-fancy mr-2"></i> Leave Us a Review | |
| </a> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Contact Section --> | |
| <section id="contact" class="py-16 bg-gray-50"> | |
| <div class="container mx-auto px-4"> | |
| <div class="max-w-4xl mx-auto bg-white rounded-lg shadow-xl overflow-hidden"> | |
| <div class="md:flex"> | |
| <div class="md:w-1/2 bg-primary text-white p-8 md:p-12"> | |
| <h2 class="text-3xl font-bold font-serif mb-6">Contact Our Philadelphia Office</h2> | |
| <div class="space-y-6"> | |
| <div class="flex items-start"> | |
| <i class="fas fa-map-marker-alt mt-1 mr-4 text-accent"></i> | |
| <div> | |
| <h3 class="font-bold">Address</h3> | |
| <p>1417 Point Breeze Ave<br>Philadelphia, PA 19146</p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <i class="fas fa-phone-alt mt-1 mr-4 text-accent"></i> | |
| <div> | |
| <h3 class="font-bold">Phone</h3> | |
| <p><a href="tel:+17864717844" class="hover:underline">(786) 471-7844</a></p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <i class="fas fa-envelope mt-1 mr-4 text-accent"></i> | |
| <div> | |
| <h3 class="font-bold">Email</h3> | |
| <p><a href="mailto:info@carcrashinjuryfirm.com" class="hover:underline">info@carcrashinjuryfirm.com</a></p> | |
| </div> | |
| </div> | |
| <div class="flex items-start"> | |
| <i class="fas fa-clock mt-1 mr-4 text-accent"></i> | |
| <div> | |
| <h3 class="font-bold">Hours</h3> | |
| <p>Open 24/7 for emergencies<br>Office: Mon-Fri 9am-5pm</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="mt-8"> | |
| <h3 class="font-bold mb-4">Follow Us</h3> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="w-10 h-10 bg-white bg-opacity-20 rounded-full flex items-center justify-center hover:bg-opacity-30 transition"> | |
| <i class="fab fa-facebook-f"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 bg-white bg-opacity-20 rounded-full flex items-center justify-center hover:bg-opacity-30 transition"> | |
| <i class="fab fa-twitter"></i> | |
| </a> | |
| <a href="#" class="w-10 h-10 bg-white bg-opacity-20 rounded-full flex items-center justify-center hover:bg-opacity-30 transition"> | |
| <i class="fab fa-linkedin-in"></i> | |
| </a> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 p-8 md:p-12"> | |
| <h2 class="text-3xl font-bold font-serif mb-6 text-primary">Free Case Evaluation</h2> | |
| <form id="contact-form" class="space-y-4"> | |
| <div> | |
| <label for="name" class="block font-medium mb-1">Full Name</label> | |
| <input type="text" id="name" name="name" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" required> | |
| </div> | |
| <div> | |
| <label for="phone" class="block font-medium mb-1">Phone Number</label> | |
| <input type="tel" id="phone" name="phone" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" required> | |
| </div> | |
| <div> | |
| <label for="email" class="block font-medium mb-1">Email Address</label> | |
| <input type="email" id="email" name="email" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" required> | |
| </div> | |
| <div> | |
| <label for="message" class="block font-medium mb-1">How Can We Help?</label> | |
| <textarea id="message" name="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent" required></textarea> | |
| </div> | |
| <button type="submit" class="w-full bg-secondary hover:bg-opacity-90 text-white py-3 rounded-md font-bold transition"> | |
| SUBMIT YOUR CASE | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Map Section --> | |
| <section class="h-96 w-full"> | |
| <iframe | |
| src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3058.102160364012!2d-75.1797867!3d39.9340276!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c6c65a561885a5%3A0x3a3a3a3a3a3a3a3a!2s1417%20Point%20Breeze%20Ave%2C%20Philadelphia%2C%20PA%2019146!5e0!3m2!1sen!2sus!4v1620000000000!5m2!1sen!2sus" | |
| width="100%" | |
| height="100%" | |
| style="border:0;" | |
| allowfullscreen="" | |
| loading="lazy" | |
| referrerpolicy="no-referrer-when-downgrade"> | |
| </iframe> | |
| </section> | |
| <script> | |
| // Mobile menu toggle | |
| document.getElementById('menu-toggle').addEventListener('click', function() { | |
| const menu = document.getElementById('mobile-menu'); | |
| menu.classList.toggle('hidden'); | |
| }); | |
| // Form submission | |
| document.getElementById('contact-form').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| alert('Thank you for your submission! We will contact you shortly.'); | |
| this.reset(); | |
| }); | |
| // 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/nyc-injury" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |