Spaces:

trippykat
/

milestone2

Running

App Files Files Community

trippykat commited on Jul 14

Commit

9a7d1c9

verified ·

1 Parent(s): d0be968

Make the FAQ section so that the For Plaintiffs Questions is next to the For Attorneys Section. Then Add a For Donors section below them and put the General FAQ next to that. - Initial Deployment

Browse files

Files changed (2) hide show

README.md +6 -4
index.html +854 -19

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Milestone2
-emoji: 🐠
-colorFrom: green
 colorTo: blue
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: milestone2
+emoji: 🐳
+colorFrom: gray
 colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,854 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>The Milestone Foundation - Ethical Lawsuit Funding</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>
+        @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
+        body {
+            font-family: 'Montserrat', sans-serif;
+            scroll-behavior: smooth;
+        }
+        .hero-video {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+            z-index: -1;
+            opacity: 0.3;
+        }
+        .glass-card {
+            background: rgba(255, 255, 255, 0.85);
+            backdrop-filter: blur(10px);
+            -webkit-backdrop-filter: blur(10px);
+            border-radius: 12px;
+            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+        }
+        .case-card:hover {
+            transform: translateY(-5px);
+            transition: transform 0.3s ease;
+        }
+        .testimonial-card {
+            transition: all 0.3s ease;
+        }
+        .testimonial-card:hover {
+            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
+        }
+        .animate-counter {
+            transition: all 1s ease-out;
+        }
+        .floating {
+            animation: floating 3s ease-in-out infinite;
+        }
+        @keyframes floating {
+            0% { transform: translateY(0px); }
+            50% { transform: translateY(-10px); }
+            100% { transform: translateY(0px); }
+        }
+        .accordion-content {
+            max-height: 0;
+            overflow: hidden;
+            transition: max-height 0.3s ease-out;
+        }
+        .accordion.active .accordion-content {
+            max-height: 500px;
+        }
+        .progress-step.active {
+            background-color: #0d9488;
+            color: white;
+        }
+        .progress-step.completed {
+            background-color: #0d9488;
+            color: white;
+        }
+        .progress-step.completed::after {
+            content: "✓";
+            margin-left: 5px;
+        }
+    </style>
+</head>
+<body class="bg-gray-50">
+    <!-- Navigation -->
+    <nav class="bg-teal-800 text-white shadow-lg sticky top-0 z-50">
+        <div class="container mx-auto px-4">
+            <div class="flex justify-between items-center py-4">
+                <div class="flex items-center">
+                    <a href="#" class="text-2xl font-bold flex items-center">
+                        <i class="fas fa-balance-scale mr-2"></i>
+                        <span>The Milestone Foundation</span>
+                    </a>
+                </div>
+                <!-- Desktop Navigation -->
+                <div class="hidden md:flex space-x-8">
+                    <a href="#what-we-do" class="hover:text-teal-200 transition">What We Do</a>
+                    <a href="#how-it-works" class="hover:text-teal-200 transition">How It Works</a>
+                    <a href="#apply" class="hover:text-teal-200 transition">Apply</a>
+                    <a href="#resources" class="hover:text-teal-200 transition">Resources</a>
+                    <a href="#news" class="hover:text-teal-200 transition">News</a>
+                </div>
+                <div class="hidden md:block">
+                    <a href="#apply" class="bg-teal-600 hover:bg-teal-500 px-4 py-2 rounded-lg font-medium transition">Get Funding</a>
+                </div>
+                <!-- Mobile menu button -->
+                <div class="md:hidden">
+                    <button id="mobile-menu-button" class="text-white focus:outline-none">
+                        <i class="fas fa-bars text-2xl"></i>
+                    </button>
+                </div>
+            </div>
+            <!-- Mobile Menu -->
+            <div id="mobile-menu" class="hidden md:hidden pb-4">
+                <a href="#what-we-do" class="block py-2 hover:text-teal-200">What We Do</a>
+                <a href="#how-it-works" class="block py-2 hover:text-teal-200">How It Works</a>
+                <a href="#apply" class="block py-2 hover:text-teal-200">Apply</a>
+                <a href="#resources" class="block py-2 hover:text-teal-200">Resources</a>
+                <a href="#news" class="block py-2 hover:text-teal-200">News</a>
+                <a href="#apply" class="block mt-2 bg-teal-600 hover:bg-teal-500 px-4 py-2 rounded-lg font-medium text-center">Get Funding</a>
+            </div>
+        </div>
+    </nav>
+    <!-- Hero Section -->
+    <section class="relative bg-gray-900 text-white py-20 md:py-32 overflow-hidden">
+        <video autoplay muted loop class="hero-video">
+            <source src="https://assets.mixkit.co/videos/preview/mixkit-scales-of-justice-on-a-table-17520-large.mp4" type="video/mp4">
+        </video>
+        <div class="container mx-auto px-4 relative z-10">
+            <div class="max-w-3xl mx-auto text-center">
+                <h1 class="text-4xl md:text-6xl font-bold mb-6 animate-fade-in">Lawsuit Loans Are Broken. We're Here to Fix Them.</h1>
+                <p class="text-xl md:text-2xl mb-8 opacity-90">The Milestone Foundation provides ethical, nonprofit financial support to plaintiffs nationwide—so you can pursue justice without being forced into an unfair settlement.</p>
+                <div class="glass-card p-4 mb-8 inline-block" style="background: rgba(255, 215, 0, 0.85);">
+                    <p class="text-gray-900 font-medium"><i class="fas fa-check-circle mr-2"></i> Join 800+ plaintiffs nationwide who chose ethical funding • Average approval: 48 hours</p>
+                </div>
+                <div class="flex flex-col sm:flex-row justify-center gap-4">
+                    <a href="#apply" class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-3 px-8 rounded-lg transition transform hover:scale-105 shadow-lg">Get Ethical Funding</a>
+                    <a href="#how-we-different" class="bg-transparent border-2 border-white hover:bg-white hover:text-gray-900 font-bold py-3 px-8 rounded-lg transition">See How We're Different</a>
+                </div>
+                <div class="mt-8 text-teal-200 flex items-center justify-center">
+                    <i class="fas fa-shield-alt mr-2"></i>
+                    <span>No repayment if you lose your case • 10% simple interest • No hidden fees</span>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Problem Section -->
+    <section id="what-we-do" class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Predatory Lending is Preying on Plaintiffs.</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Traditional lawsuit lenders charge outrageous interest and compound fees that can leave plaintiffs with nothing—even when they win. We exist to protect people from that system.</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-12">
+                <!-- For-Profit Lenders Card -->
+                <div class="bg-red-50 p-6 md:p-8 rounded-lg border border-red-200 transition-transform duration-300 hover:scale-105 hover:shadow-lg">
+                    <h3 class="text-xl font-bold text-red-700 mb-6 text-center">Typical For-Profit Lenders</h3>
+                    <ul class="space-y-4">
+                        <li class="text-red-700 font-bold"><i class="fas fa-times-circle mr-2"></i> 35%–120% annual interest</li>
+                        <li class="text-red-700 font-bold"><i class="fas fa-times-circle mr-2"></i> Compounding interest</li>
+                        <li class="text-red-700 font-bold"><i class="fas fa-times-circle mr-2"></i> Hidden fees & markups</li>
+                        <li class="text-red-700 font-bold"><i class="fas fa-times-circle mr-2"></i> For-profit motives</li>
+                        <li class="text-red-700 font-bold"><i class="fas fa-times-circle mr-2"></i> Focus on profit maximization</li>
+                    </ul>
+                </div>
+                <!-- Milestone Foundation Card -->
+                <div class="bg-green-50 p-6 md:p-8 rounded-lg border border-green-200 transition-transform duration-300 hover:scale-105 hover:shadow-lg">
+                    <h3 class="text-xl font-bold text-green-700 mb-6 text-center">The Milestone Foundation</h3>
+                    <ul class="space-y-4">
+                        <li class="text-green-700 font-bold"><i class="fas fa-check-circle mr-2"></i> 10% simple interest annually</li>
+                        <li class="text-green-700 font-bold"><i class="fas fa-check-circle mr-2"></i> No compounding ever</li>
+                        <li class="text-green-700 font-bold"><i class="fas fa-check-circle mr-2"></i> 100% transparent</li>
+                        <li class="text-green-700 font-bold"><i class="fas fa-check-circle mr-2"></i> Mission-driven nonprofit</li>
+                        <li class="text-green-700 font-bold"><i class="fas fa-check-circle mr-2"></i> Focus on plaintiff protection</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Savings Calculator Section -->
+    <section class="py-16 bg-teal-800 w-full">
+        <div class="container mx-auto px-4">
+            <div class="text-center">
+                <h3 class="text-2xl font-bold mb-6 text-white">Calculate Your Savings With Our Ethical Model</h3>
+                <div class="glass-card p-6 max-w-2xl mx-auto">
+                    <div class="mb-4">
+                        <label for="loan-amount" class="block text-left mb-2 font-medium">Funding Amount Needed:</label>
+                        <div class="flex items-center">
+                            <span class="bg-gray-200 p-2 rounded-l">$</span>
+                            <input type="range" id="loan-amount" min="5000" max="100000" step="1000" value="25000" class="w-full p-2">
+                            <span id="loan-amount-value" class="bg-gray-200 p-2 rounded-r w-24 text-center">$25,000</span>
+                        </div>
+                    </div>
+                    <div class="mb-4">
+                        <label for="duration" class="block text-left mb-2 font-medium">Expected Case Duration (months):</label>
+                        <div class="flex items-center">
+                            <input type="range" id="duration" min="6" max="36" step="1" value="12" class="w-full p-2">
+                            <span id="duration-value" class="bg-gray-200 p-2 rounded-r w-16 text-center">12</span>
+                        </div>
+                    </div>
+                    <div class="mt-8">
+                        <div class="flex justify-between mb-2">
+                            <span>Traditional Lender Cost:</span>
+                            <span id="traditional-cost" class="font-bold text-red-600">$35,000</span>
+                        </div>
+                        <div class="flex justify-between mb-4">
+                            <span>Milestone Foundation Cost:</span>
+                            <span id="milestone-cost" class="font-bold text-teal-600">$2,500</span>
+                        </div>
+                        <div class="flex justify-between border-t-2 border-gray-200 pt-2">
+                            <span class="font-medium">Your Savings:</span>
+                            <span id="savings" class="font-bold text-green-600">$32,500</span>
+                        </div>
+                    </div>
+                    <button class="mt-6 bg-teal-600 hover:bg-teal-500 text-white font-bold py-2 px-6 rounded-lg transition">Apply Now & Save</button>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Logo Section -->
+    <section class="py-12 bg-gray-100">
+        <div class="container mx-auto px-4">
+            <div class="flex flex-wrap justify-center gap-8">
+                <img src="https://www.vhv.rs/dpng/d/527-5279469_better-business-bureau-logo-bbb-a-logo-vector.png" alt="BBB Rating" class="h-24">
+                <img src="https://icon-library.com/images/non-profit-icon/non-profit-icon-0.jpg" alt="Nonprofit" class="h-24">
+                <img src="https://www.wongfleming.com/wp-content/uploads/National-Bar-Association-Logo-Transparent.png" alt="National Bar Association" class="h-24">
+            </div>
+        </div>
+    </section>
+    <!-- Differentiator Section -->
+    <section class="py-16 bg-teal-800 text-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">A Safer, Smarter Way to Get Through Litigation.</h2>
+                <p class="text-xl opacity-90 max-w-3xl mx-auto">We're not a lender—we're a lifeline. As a nonprofit, we're committed to making sure plaintiffs don't have to sacrifice justice for survival.</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-6">
+                <div class="bg-teal-700 bg-opacity-50 p-6 rounded-lg text-center">
+                    <div class="text-4xl mb-3 text-teal-300"><i class="fas fa-percentage"></i></div>
+                    <h3 class="font-bold mb-2">10% Simple Interest</h3>
+                    <p class="text-sm opacity-90">vs. 35%+ with for-profit lenders</p>
+                </div>
+                <div class="bg-teal-700 bg-opacity-50 p-6 rounded-lg text-center">
+                    <div class="text-4xl mb-3 text-teal-300"><i class="fas fa-hand-holding-usd"></i></div>
+                    <h3 class="font-bold mb-2">No Repayment If You Lose</h3>
+                    <p class="text-sm opacity-90">Non-recourse funding</p>
+                </div>
+                <div class="bg-teal-700 bg-opacity-50 p-6 rounded-lg text-center">
+                    <div class="text-4xl mb-3 text-teal-300"><i class="fas fa-eye-slash"></i></div>
+                    <h3 class="font-bold mb-2">No Hidden Fees</h3>
+                    <p class="text-sm opacity-90">100% transparent</p>
+                </div>
+                <div class="bg-teal-700 bg-opacity-50 p-6 rounded-lg text-center">
+                    <div class="text-4xl mb-3 text-teal-300"><i class="fas fa-balance-scale"></i></div>
+                    <h3 class="font-bold mb-2">Ethics Approved</h3>
+                    <p class="text-sm opacity-90">Endorsed by attorneys</p>
+                </div>
+                <div class="bg-teal-700 bg-opacity-50 p-6 rounded-lg text-center">
+                    <div class="text-4xl mb-3 text-teal-300"><i class="fas fa-heart"></i></div>
+                    <h3 class="font-bold mb-2">Nonprofit Model</h3>
+                    <p class="text-sm opacity-90">Real savings for plaintiffs</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Funding Types Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Multiple Ways We Support Your Case</h2>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+                <div class="bg-gray-50 p-6 rounded-lg border border-gray-200 hover:border-teal-400 transition">
+                    <div class="flex items-center mb-3">
+                        <div class="text-teal-600 text-3xl mr-4"><i class="fas fa-gavel"></i></div>
+                        <h3 class="text-xl font-bold">Pre-Settlement Funding</h3>
+                    </div>
+                    <p class="text-gray-600 mb-4">Financial support while your case is pending</p>
+                    <ul class="text-gray-600 space-y-2 text-sm">
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Cover living expenses</li>
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Pay medical bills</li>
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> No monthly payments</li>
+                    </ul>
+                </div>
+                <div class="bg-gray-50 p-6 rounded-lg border border-gray-200 hover:border-teal-400 transition">
+                    <div class="flex items-center mb-3">
+                        <div class="text-teal-600 text-3xl mr-4"><i class="fas fa-file-invoice-dollar"></i></div>
+                        <h3 class="text-xl font-bold">Post-Settlement Funding</h3>
+                    </div>
+                    <p class="text-gray-600 mb-4">Quick access to settled case proceeds</p>
+                    <ul class="text-gray-600 space-y-2 text-sm">
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Bridge payment delays</li>
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Faster than processing</li>
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Simple terms</li>
+                    </ul>
+                </div>
+                <div class="bg-gray-50 p-6 rounded-lg border border-gray-200 hover:border-teal-400 transition">
+                    <div class="flex items-center mb-3">
+                        <div class="text-teal-600 text-3xl mr-4"><i class="fas fa-procedures"></i></div>
+                        <h3 class="text-xl font-bold">Medical Funding</h3>
+                    </div>
+                    <p class="text-gray-600 mb-4">Cover surgery and treatment costs</p>
+                    <ul class="text-gray-600 space-y-2 text-sm">
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Direct provider payments</li>
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Ensure proper care</li>
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> No out-of-pocket costs</li>
+                    </ul>
+                </div>
+                <div class="bg-gray-50 p-6 rounded-lg border border-gray-200 hover:border-teal-400 transition">
+                    <div class="flex items-center mb-3">
+                        <div class="text-teal-600 text-3xl mr-4"><i class="fas fa-user-tie"></i></div>
+                        <h3 class="text-xl font-bold">Attorney Cost Funding</h3>
+                    </div>
+                    <p class="text-gray-600 mb-4">Support case expenses</p>
+                    <ul class="text-gray-600 space-y-2 text-sm">
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Expert witnesses</li>
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Build stronger cases</li>
+                        <li><i class="fas fa-check text-teal-500 mr-2"></i> Ethical alternative</li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Types of Cases Section -->
+    <section id="how-it-works" class="py-16 bg-gray-100">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Discover The Types of Lawsuits We Fund</h2>
+                <p class="text-xl text-gray-600 max-w-3xl mx-auto">Ethical funding across a wide range of legal cases nationwide</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+                <!-- Personal Injury -->
+                <div class="case-card bg-gray-800 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition hover:bg-gray-700">
+                    <div class="p-6">
+                        <div class="flex items-center mb-4">
+                            <div class="bg-teal-900 p-3 rounded-full mr-4">
+                                <i class="fas fa-ambulance text-teal-400 text-xl"></i>
+                            </div>
+                            <h3 class="text-xl font-bold text-white">Personal Injury</h3>
+                        </div>
+                        <ul class="text-gray-300 space-y-2">
+                            <li><i class="fas fa-car mr-2 text-teal-500"></i> Motor vehicle accidents</li>
+                            <li><i class="fas fa-user-md mr-2 text-teal-500"></i> Medical malpractice</li>
+                            <li><i class="fas fa-running mr-2 text-teal-500"></i> Slip and fall</li>
+                            <li><i class="fas fa-box-open mr-2 text-teal-500"></i> Product liability</li>
+                        </ul>
+                    </div>
+                </div>
+                <!-- Civil Rights -->
+                <div class="case-card bg-gray-800 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition hover:bg-gray-700">
+                    <div class="p-6">
+                        <div class="flex items-center mb-4">
+                            <div class="bg-teal-900 p-3 rounded-full mr-4">
+                                <i class="fas fa-scale-balanced text-teal-400 text-xl"></i>
+                            </div>
+                            <h3 class="text-xl font-bold text-white">Civil Rights</h3>
+                        </div>
+                        <ul class="text-gray-300 space-y-2">
+                            <li><i class="fas fa-hands-helping mr-2 text-teal-500"></i> Police misconduct</li>
+                            <li><i class="fas fa-wheelchair mr-2 text-teal-500"></i> ADA violations</li>
+                            <li><i class="fas fa-user-tag mr-2 text-teal-500"></i> Discrimination</li>
+                            <li><i class="fas fa-school mr-2 text-teal-500"></i> Educational rights</li>
+                        </ul>
+                    </div>
+                </div>
+                <!-- Employment -->
+                <div class="case-card bg-gray-800 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition hover:bg-gray-700">
+                    <div class="p-6">
+                        <div class="flex items-center mb-4">
+                            <div class="bg-teal-900 p-3 rounded-full mr-4">
+                                <i class="fas fa-user-tie text-teal-400 text-xl"></i>
+                            </div>
+                            <h3 class="text-xl font-bold text-white">Employment</h3>
+                        </div>
+                        <ul class="text-gray-300 space-y-2">
+                            <li><i class="fas fa-exclamation-triangle mr-2 text-teal-500"></i> Wrongful termination</li>
+                            <li><i class="fas fa-venus-mars mr-2 text-teal-500"></i> Sexual harassment</li>
+                            <li><i class="fas fa-wheelchair mr-2 text-teal-500"></i> Disability discrimination</li>
+                            <li><i class="fas fa-user-clock mr-2 text-teal-500"></i> Wage and hour claims</li>
+                        </ul>
+                    </div>
+                </div>
+                <!-- Medical Negligence -->
+                <div class="case-card bg-gray-800 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition hover:bg-gray-700">
+                    <div class="p-6">
+                        <div class="flex items-center mb-4">
+                            <div class="bg-teal-900 p-3 rounded-full mr-4">
+                                <i class="fas fa-hospital text-teal-400 text-xl"></i>
+                            </div>
+                            <h3 class="text-xl font-bold text-white">Medical Negligence</h3>
+                        </div>
+                        <ul class="text-gray-300 space-y-2">
+                            <li><i class="fas fa-procedures mr-2 text-teal-500"></i> Surgical errors</li>
+                            <li><i class="fas fa-pills mr-2 text-teal-500"></i> Medication mistakes</li>
+                            <li><i class="fas fa-baby mr-2 text-teal-500"></i> Birth injuries</li>
+                            <li><i class="fas fa-heartbeat mr-2 text-teal-500"></i> Misdiagnosis</li>
+                        </ul>
+                    </div>
+                </div>
+                <!-- Product Liability -->
+                <div class="case-card bg-gray-800 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition hover:bg-gray-700">
+                    <div class="p-6">
+                        <div class="flex items-center mb-4">
+                            <div class="bg-teal-900 p-3 rounded-full mr-4">
+                                <i class="fas fa-boxes text-teal-400 text-xl"></i>
+                            </div>
+                            <h3 class="text-xl font-bold text-white">Product Liability</h3>
+                        </div>
+                        <ul class="text-gray-300 space-y-2">
+                            <li><i class="fas fa-medkit mr-2 text-teal-500"></i> Defective medical devices</li>
+                            <li><i class="fas fa-car-crash mr-2 text-teal-500"></i> Auto parts failures</li>
+                            <li><i class="fas fa-tools mr-2 text-teal-500"></i> Industrial equipment</li>
+                            <li><i class="fas fa-child mr-2 text-teal-500"></i> Dangerous consumer goods</li>
+                        </ul>
+                    </div>
+                </div>
+                <!-- Insurance Claims -->
+                <div class="case-card bg-gray-800 rounded-xl shadow-md overflow-hidden hover:shadow-lg transition hover:bg-gray-700">
+                    <div class="p-6">
+                        <div class="flex items-center mb-4">
+                            <div class="bg-teal-900 p-3 rounded-full mr-4">
+                                <i class="fas fa-file-contract text-teal-400 text-xl"></i>
+                            </div>
+                            <h3 class="text-xl font-bold text-white">Insurance Claims</h3>
+                        </div>
+                        <ul class="text-gray-300 space-y-2">
+                            <li><i class="fas fa-home mr-2 text-teal-500"></i> Property damage disputes</li>
+                            <li><i class="fas fa-umbrella mr-2 text-teal-500"></i> Bad faith denials</li>
+                            <li><i class="fas fa-hand-holding-usd mr-2 text-teal-500"></i> Unpaid benefits</li>
+                            <li><i class="fas fa-hospital mr-2 text-teal-500"></i> Health insurance claims</li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+            <div class="text-center mt-12">
+                <a href="#apply" class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-3 px-8 rounded-lg transition transform hover:scale-105 shadow-lg inline-block hover:shadow-xl">FIND OUT IF YOUR CASE IS ELIGIBLE</a>
+            </div>
+        </div>
+    </section>
+    <!-- Testimonial Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Real People. Real Relief.</h2>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8">
+                <!-- Video Testimonial -->
+                <div class="bg-gray-50 p-6 rounded-xl shadow-md">
+                    <div class="aspect-w-16 aspect-h-9 mb-4 bg-black rounded-lg overflow-hidden">
+                        <div class="w-full h-full flex items-center justify-center text-white">
+                            <i class="fas fa-play text-4xl"></i>
+                        </div>
+                    </div>
+                    <blockquote class="mb-4 italic text-gray-700">
+                        "With Milestone's help, I could finally take a breath. I wasn't forced into settling just to make rent. Their 10% rate saved me thousands compared to other lenders."
+                    </blockquote>
+                    <p class="font-bold text-teal-600">— Tanya, Personal Injury Plaintiff ⭐⭐⭐⭐⭐</p>
+                </div>
+                <!-- Text Testimonial -->
+                <div class="bg-gray-50 p-6 rounded-xl shadow-md">
+                    <blockquote class="mb-4 italic text-gray-700">
+                        "They didn't just fund my case—they respected my dignity. No hidden fees, no surprises."
+                    </blockquote>
+                    <p class="font-bold text-teal-600">— Marcus, Civil Rights Plaintiff ⭐⭐⭐⭐⭐</p>
+                </div>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mt-8">
+                <div class="bg-teal-50 p-6 rounded-xl border border-teal-200">
+                    <blockquote class="mb-2 italic text-gray-700">
+                        "I recommend Milestone to all my clients. Finally, an ethical option that puts plaintiffs first."
+                    </blockquote>
+                    <p class="font-bold text-teal-700">— Sarah Chen, Esq., Personal Injury Attorney</p>
+                </div>
+                <div class="bg-teal-50 p-6 rounded-xl border border-teal-200">
+                    <blockquote class="mb-2 italic text-gray-700">
+                        "The difference in rates is staggering. Milestone saves my clients thousands in interest."
+                    </blockquote>
+                    <p class="font-bold text-teal-700">— Robert Martinez, Esq., Employment Law</p>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Process Section -->
+    <section class="py-16 bg-gray-800">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold text-white mb-4">Getting Help Shouldn't Be Hard.</h2>
+            </div>
+            <div class="max-w-4xl mx-auto">
+                <div class="flex flex-col space-y-8">
+                    <!-- Step 1 -->
+                    <div class="bg-gray-700 text-white p-6 rounded-xl shadow-md">
+                        <div class="flex items-start">
+                            <div class="bg-teal-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1">1</div>
+                            <div>
+                                <h3 class="text-xl font-bold text-white mb-2">Apply Online</h3>
+                                <p class="text-gray-300 mb-4">Takes just minutes. (Estimated time: 5 min)</p>
+                                <button class="text-teal-600 font-medium flex items-center">See details <i class="fas fa-chevron-down ml-2"></i></button>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Step 2 -->
+                    <div class="bg-gray-700 text-white p-6 rounded-xl shadow-md">
+                        <div class="flex items-start">
+                            <div class="bg-teal-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1">2</div>
+                            <div>
+                                <h3 class="text-xl font-bold text-white mb-2">Quick Review</h3>
+                                <p class="text-gray-300 mb-4">We coordinate with your legal team. (24-48 hours)</p>
+                                <button class="text-teal-600 font-medium flex items-center">See details <i class="fas fa-chevron-down ml-2"></i></button>
+                            </div>
+                        </div>
+                    </div>
+                    <!-- Step 3 -->
+                    <div class="bg-gray-700 text-white p-6 rounded-xl shadow-md">
+                        <div class="flex items-start">
+                            <div class="bg-teal-600 text-white rounded-full w-8 h-8 flex items-center justify-center mr-4 mt-1">3</div>
+                            <div>
+                                <h3 class="text-xl font-bold text-white mb-2">Receive Funds</h3>
+                                <p class="text-gray-300 mb-4">Fast and transparent. (Same day approval)</p>
+                                <button class="text-teal-400 font-medium flex items-center">See details <i class="fas fa-chevron-down ml-2"></i></button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="text-center mt-12">
+                    <a href="#apply" class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-3 px-8 rounded-lg transition transform hover:scale-105 shadow-lg inline-block hover:shadow-xl">Get Started Now</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- For Attorneys Section -->
+    <section class="py-16 bg-teal-800 text-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">Your Clients Deserve Better Options.</h2>
+                <p class="text-xl opacity-90 max-w-3xl mx-auto">You've seen the harm that high-interest lawsuit loans can cause. We're the ethical alternative you can trust—recommended by legal ethics experts nationwide.</p>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 gap-8 mb-12">
+                <div>
+                    <h3 class="text-2xl font-bold mb-4">Attorney Benefits</h3>
+                    <ul class="space-y-4 text-lg">
+                        <li class="flex items-start"><i class="fas fa-check-circle text-teal-300 mr-3 mt-1"></i> <span>Special Rates: Preferred pricing for referred clients</span></li>
+                        <li class="flex items-start"><i class="fas fa-check-circle text-teal-300 mr-3 mt-1"></i> <span>Portal Access: Track all client applications in one place</span></li>
+                        <li class="flex items-start"><i class="fas fa-check-circle text-teal-300 mr-3 mt-1"></i> <span>Ethical Compliance: Meets all state bar ethics requirements</span></li>
+                        <li class="flex items-start"><i class="fas fa-check-circle text-teal-300 mr-3 mt-1"></i> <span>No Personal Guarantees: Unlike traditional law firm financing</span></li>
+                    </ul>
+                </div>
+                <div class="bg-teal-700 p-6 rounded-xl">
+                    <h3 class="text-2xl font-bold mb-4">Comparison with Competitors</h3>
+                    <p class="mb-6">"While typical lenders charge 2.95%-3.4% monthly (35%+ annually), our nonprofit model means 10% simple interest annually—saving your clients thousands."</p>
+                    <div class="grid grid-cols-2 gap-4">
+                        <a href="#" class="bg-white text-teal-700 font-bold py-2 px-4 rounded-lg text-center">Refer a Client</a>
+                        <a href="#" class="bg-white text-teal-700 font-bold py-2 px-4 rounded-lg text-center">Portal Login</a>
+                        <a href="#" class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-2 px-4 rounded-lg text-center">Attorney Resources</a>
+                        <a href="#" class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-2 px-4 rounded-lg text-center">Download Ethics Guide</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Interactive Tools Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <!-- Eligibility Checker -->
+                <div class="bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition text-center">
+                    <div class="flex items-center justify-center mb-4">
+                        <div class="text-teal-600 text-4xl mr-4"><i class="fas fa-check-circle"></i></div>
+                        <h3 class="text-xl font-bold">Eligibility Checker</h3>
+                    </div>
+                    <p class="text-gray-600 mb-4">Quick 3-question assessment with instant preliminary determination</p>
+                    <a href="#" class="text-teal-600 font-medium">Start Now →</a>
+                </div>
+                <!-- Cost Calculator -->
+                <div class="bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition">
+                    <div class="flex items-center mb-4">
+                        <div class="text-teal-600 text-3xl mr-4"><i class="fas fa-calculator"></i></div>
+                        <h3 class="text-xl font-bold">Cost Calculator</h3>
+                    </div>
+                    <p class="text-gray-600 mb-4">Compare Milestone vs. traditional lenders with visual savings chart</p>
+                    <a href="#" class="text-teal-600 font-medium">Calculate Savings →</a>
+                </div>
+                <!-- Case Type Finder -->
+                <div class="bg-gray-50 p-6 rounded-xl shadow-sm hover:shadow-md transition">
+                    <div class="flex items-center mb-4">
+                        <div class="text-teal-600 text-3xl mr-4"><i class="fas fa-search"></i></div>
+                        <h3 class="text-xl font-bold">Case Type Finder</h3>
+                    </div>
+                    <p class="text-gray-600 mb-4">Interactive tool to determine if your case qualifies</p>
+                    <a href="#" class="text-teal-600 font-medium">Find Your Case Type →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Impact Section -->
+    <section class="py-16 bg-gray-800 text-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold mb-4">Impact in Action</h2>
+                <p class="text-xl opacity-90 max-w-3xl mx-auto">"While for-profit lenders profit from plaintiff desperation, we've returned over $2.3 million to plaintiffs that would have gone to predatory interest"</p>
+            </div>
+            <div class="grid grid-cols-2 md:grid-cols-4 gap-6 text-center">
+                <div class="bg-gray-700 bg-opacity-50 p-6 rounded-lg">
+                    <div class="text-4xl font-bold mb-2 text-teal-400">$6M+</div>
+                    <p class="text-sm opacity-90">advanced ethically</p>
+                </div>
+                <div class="bg-gray-700 bg-opacity-50 p-6 rounded-lg">
+                    <div class="text-4xl font-bold mb-2 text-teal-400">800+</div>
+                    <p class="text-sm opacity-90">plaintiffs nationwide</p>
+                </div>
+                <div class="bg-gray-700 bg-opacity-50 p-6 rounded-lg">
+                    <div class="text-4xl font-bold mb-2 text-teal-400">$2.3M+</div>
+                    <p class="text-sm opacity-90">saved in predatory interest</p>
+                </div>
+                <div class="bg-gray-700 bg-opacity-50 p-6 rounded-lg">
+                    <div class="text-4xl font-bold mb-2 text-teal-400">0</div>
+                    <p class="text-sm opacity-90">hidden fees ever</p>
+                </div>
+            </div>
+            <div class="text-center mt-12">
+                <button class="bg-teal-600 hover:bg-teal-500 text-white font-bold py-3 px-8 rounded-lg transition">See the Impact</button>
+            </div>
+        </div>
+    </section>
+    <!-- FAQ Section -->
+    <section class="py-16 bg-gray-100">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Frequently Asked Questions</h2>
+            </div>
+            <div class="max-w-4xl mx-auto">
+                <h3 class="text-xl font-bold mb-4 text-teal-700">For Plaintiffs</h3>
+                <div class="mb-8 space-y-4">
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">How is Milestone different from traditional lawsuit lenders?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">What types of cases do you fund?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">How much can I receive?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">Do you fund cases nationwide?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">What if I lose my case?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">How quickly can I get funds?</button>
+                    </div>
+                </div>
+                <h3 class="text-xl font-bold mb-4 text-teal-700">For Attorneys</h3>
+                <div class="mb-8 space-y-4">
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">How does attorney referral work?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">What are the ethical considerations?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">How do rates compare to for-profit lenders?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">Do you offer law firm funding?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">What documentation do you need?</button>
+                    </div>
+                </div>
+                <h3 class="text-xl font-bold mb-4 text-teal-700">General</h3>
+                <div class="space-y-4">
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">How is a nonprofit different from for-profit funding?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">Are there any hidden fees?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">How do you determine funding amounts?</button>
+                    </div>
+                    <div class="bg-white p-4 rounded-lg shadow-sm">
+                        <button class="w-full text-left font-medium">What happens during the application process?</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- News & Advocacy Section -->
+    <section class="py-16 bg-white">
+        <div class="container mx-auto px-4">
+            <div class="text-center mb-12">
+                <h2 class="text-3xl md:text-4xl font-bold text-gray-800 mb-4">Fighting for a More Just System</h2>
+            </div>
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
+                <div class="bg-gray-50 hover:bg-white hover:shadow-lg transition rounded-lg p-6">
+                    <h3 class="text-xl font-bold text-teal-700 mb-3">Industry Exposés</h3>
+                    <p class="text-gray-600">"The True Cost of Predatory Lending"</p>
+                    <a href="#" class="text-teal-600 mt-2 inline-block">Read More →</a>
+                </div>
+                <div class="bg-gray-50 hover:bg-white hover:shadow-lg transition rounded-lg p-6">
+                    <h3 class="text-xl font-bold text-teal-700 mb-3">Legal Ethics</h3>
+                    <p class="text-gray-600">"Why Attorneys Choose Nonprofit Funding"</p>
+                    <a href="#" class="text-teal-600 mt-2 inline-block">Read More →</a>
+                </div>
+                <div class="bg-gray-50 hover:bg-white hover:shadow-lg transition rounded-lg p-6">
+                    <h3 class="text-xl font-bold text-teal-700 mb-3">Case Studies</h3>
+                    <p class="text-gray-600">"How We Saved Maria $15,000 in Interest"</p>
+                    <a href="#" class="text-teal-600 mt-2 inline-block">Read More →</a>
+                </div>
+                <div class="bg-gray-50 hover:bg-white hover:shadow-lg transition rounded-lg p-6">
+                    <h3 class="text-xl font-bold text-teal-700 mb-3">Policy Advocacy</h3>
+                    <p class="text-gray-600">"Fighting for Federal Lending Reform"</p>
+                    <a href="#" class="text-teal-600 mt-2 inline-block">Read More →</a>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!-- Final CTA Section -->
+    <section class="py-16 bg-teal-800 text-white">
+        <div class="container mx-auto px-4 text-center">
+            <h2 class="text-3xl md:text-4xl font-bold mb-6">Let's Fix Legal Funding—Together.</h2>
+            <p class="text-xl mb-6 max-w-3xl mx-auto">Join the 800+ plaintiffs nationwide who chose the ethical path and saved thousands in predatory interest</p>
+            <p class="text-lg mb-8">Don't let predatory lenders take advantage. Apply for ethical funding today.</p>
+            <div class="flex flex-col sm:flex-row justify-center gap-4">
+                <a href="#apply" class="bg-white hover:bg-gray-100 text-teal-800 font-bold py-3 px-8 rounded-lg transition transform hover:scale-105 shadow-lg">Apply Now</a>
+                <a href="#" class="bg-teal-700 hover:bg-teal-600 text-white font-bold py-3 px-8 rounded-lg transition">Calculate Your Savings</a>
+                <a href="#" class="bg-teal-700 hover:bg-teal-600 text-white font-bold py-3 px-8 rounded-lg transition">Refer a Client</a>
+                <a href="#" class="bg-teal-700 hover:bg-teal-600 text-white font-bold py-3 px-8 rounded-lg transition">Support the Mission</a>
+            </div>
+        </div>
+    </section>
+    <!-- Footer -->
+    <footer class="bg-gray-900 text-white py-12">
+        <div class="container mx-auto px-4">
+            <div class="grid grid-cols-1 md:grid-cols-4 gap-8 mb-8">
+                <div>
+                    <h3 class="text-xl font-bold mb-4">Quick Links</h3>
+                    <ul class="space-y-2">
+                        <li><a href="#" class="hover:text-teal-400 transition">Types of Cases We Fund</a></li>
+                        <li><a href="#" class="hover:text-teal-400 transition">Compare Our Rates</a></li>
+                        <li><a href="#" class="hover:text-teal-400 transition">Check Eligibility</a></li>
+                        <li><a href="#" class="hover:text-teal-400 transition">Attorney Resources</a></li>
+                        <li><a href="#" class="hover:text-teal-400 transition">Ethics Guidelines</a></li>
+                    </ul>
+                </div>
+                <div>
+                    <h3 class="text-xl font-bold mb-4">Contact Us</h3>
+                    <address class="not-italic">
+                        <p>50 Fountain Plaza, Suite 1300</p>
+                        <p>Buffalo, NY 14202</p>
+                        <p class="mt-2">Local Phone: 716.970.7100</p>
+                        <p>Fax: 716.883.2124</p>
+                        <p class="mt-2">📧 [email protected]</p>
+                    </address>
+                </div>
+                <div>
+                    <h3 class="text-xl font-bold mb-4">Newsletter</h3>
+                    <p class="mb-4">Get alerts about predatory lending practices</p>
+                    <div class="flex">
+                        <input type="email" placeholder="Your email" class="px-4 py-2 rounded-l text-gray-900 w-full">
+                        <button class="bg-teal-600 hover:bg-teal-500 px-4 py-2 rounded-r">Subscribe</button>
+                    </div>
+                </div>
+                <div>
+                    <h3 class="text-xl font-bold mb-4">Connect</h3>
+                    <div class="flex space-x-4">
+                        <a href="#" class="text-2xl hover:text-teal-400 transition"><i class="fab fa-facebook"></i></a>
+                        <a href="#" class="text-2xl hover:text-teal-400 transition"><i class="fab fa-twitter"></i></a>
+                        <a href="#" class="text-2xl hover:text-teal-400 transition"><i class="fab fa-linkedin"></i></a>
+                        <a href="#" class="text-2xl hover:text-teal-400 transition"><i class="fab fa-youtube"></i></a>
+                    </div>
+                </div>
+            </div>
+            <div class="pt-6 border-t border-gray-800 text-sm text-gray-400">
+                <p><em>The Milestone Foundation</em> - A 501(c)(3) nonprofit organization providing an ethical funding solution to individuals pursuing justice after suffering a catastrophic incident. The foundation helps plaintiffs in need pay for essential living expenses during litigation. Please note that The Milestone Foundation was previously named Bairs Foundation.</p>
+            </div>
+        </div>
+    </footer>
+<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=trippykat/milestone2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>