Hugging Face's logo

Spaces:
Cosoi
/
test
Running

App Files Community
Cosoi commited on
Commit
99b2c5a
·
verified ·
1 Parent(s): 52d3f38

Create Setvices page with tabs: Corporate Law

Browse files

Real Estate
Family Law
Litigation - Follow Up Deployment

Files changed (5) hide show
  1. about.html +2 -2
  2. contact.html +233 -0
  3. index.html +2 -2
  4. prompts.txt +10 -1
  5. services.html +10 -10
about.html CHANGED
@@ -32,7 +32,7 @@
32
  <a href="index.html" class="text-blue-900 hover:text-amber-600 transition-colors">Home</a>
33
  <a href="about.html" class="text-amber-600 font-semibold">About</a>
34
  <a href="services.html" class="text-blue-900 hover:text-amber-600 transition-colors">Services</a>
35
- <a href="index.html#contact" class="text-blue-900 hover:text-amber-600 transition-colors">Contact</a>
36
  </div>
37
 
38
  <button class="md:hidden text-blue-900">
@@ -213,7 +213,7 @@
213
  <li><a href="index.html" class="text-gray-300 hover:text-amber-600 transition-colors">Home</a></li>
214
  <li><a href="about.html" class="text-amber-600">About</a></li>
215
  <li><a href="services.html" class="text-gray-300 hover:text-amber-600 transition-colors">Services</a></li>
216
- <li><a href="index.html#contact" class="text-gray-300 hover:text-amber-600 transition-colors">Contact</a></li>
217
  </ul>
218
  </div>
219
  <div>
 
32
  <a href="index.html" class="text-blue-900 hover:text-amber-600 transition-colors">Home</a>
33
  <a href="about.html" class="text-amber-600 font-semibold">About</a>
34
  <a href="services.html" class="text-blue-900 hover:text-amber-600 transition-colors">Services</a>
35
+ <a href="contact.html" class="text-blue-900 hover:text-amber-600 transition-colors">Contact</a>
36
  </div>
37
 
38
  <button class="md:hidden text-blue-900">
 
213
  <li><a href="index.html" class="text-gray-300 hover:text-amber-600 transition-colors">Home</a></li>
214
  <li><a href="about.html" class="text-amber-600">About</a></li>
215
  <li><a href="services.html" class="text-gray-300 hover:text-amber-600 transition-colors">Services</a></li>
216
+ <li><a href="contact.html" class="text-gray-300 hover:text-amber-600 transition-colors">Contact</a></li>
217
  </ul>
218
  </div>
219
  <div>
contact.html ADDED
@@ -0,0 +1,233 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Contact Us | Justice Law Partners</title>
7
+ <link rel="icon" type="image/x-icon" href="/static/favicon.ico">
8
+ <script src="https://cdn.tailwindcss.com"></script>
9
+ <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
10
+ <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
11
+ <script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
12
+ <script src="https://unpkg.com/feather-icons"></script>
13
+ <style>
14
+ .contact-hero {
15
+ background: linear-gradient(135deg, #1e40af 0%, #0f172a 100%);
16
+ min-height: 40vh;
17
+ }
18
+ .contact-card:hover {
19
+ transform: translateY(-5px);
20
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
21
+ }
22
+ .map-container {
23
+ height: 400px;
24
+ border-radius: 0.75rem;
25
+ overflow: hidden;
26
+ }
27
+ </style>
28
+ </head>
29
+ <body class="font-sans antialiased">
30
+ <!-- Navigation -->
31
+ <nav class="fixed w-full z-50 bg-white shadow-md">
32
+ <div class="container mx-auto px-6 py-4">
33
+ <div class="flex justify-between items-center">
34
+ <a href="index.html" class="text-2xl font-bold text-blue-900">Justice<span class="text-amber-600">Law</span></a>
35
+
36
+ <div class="hidden md:flex space-x-8">
37
+ <a href="index.html" class="text-blue-900 hover:text-amber-600 transition-colors">Home</a>
38
+ <a href="about.html" class="text-blue-900 hover:text-amber-600 transition-colors">About</a>
39
+ <a href="services.html" class="text-blue-900 hover:text-amber-600 transition-colors">Services</a>
40
+ <a href="contact.html" class="text-amber-600 font-semibold">Contact</a>
41
+ </div>
42
+
43
+ <button class="md:hidden text-blue-900">
44
+ <i data-feather="menu"></i>
45
+ </button>
46
+ </div>
47
+ </div>
48
+ </nav>
49
+
50
+ <!-- Hero Section -->
51
+ <section class="contact-hero flex items-center justify-center pt-20">
52
+ <div class="container mx-auto px-6 text-center">
53
+ <h1 class="text-4xl md:text-6xl font-bold text-white mb-6" data-aos="fade-up">
54
+ Contact Us
55
+ </h1>
56
+ <p class="text-xl text-blue-100 max-w-3xl mx-auto" data-aos="fade-up" data-aos-delay="200">
57
+ We're here to help. Reach out to us for a consultation or any inquiries.
58
+ </p>
59
+ </div>
60
+ </section>
61
+
62
+ <!-- Contact Information -->
63
+ <section class="py-20 bg-white">
64
+ <div class="container mx-auto px-6">
65
+ <div class="text-center mb-16">
66
+ <h2 class="text-4xl font-bold text-blue-900 mb-4" data-aos="fade-up">Get In Touch</h2>
67
+ <p class="text-xl text-gray-600 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="200">
68
+ Our team is ready to assist you with your legal needs. Contact us today.
69
+ </p>
70
+ </div>
71
+
72
+ <div class="grid md:grid-cols-3 gap-8 mb-16">
73
+ <div class="bg-gray-50 p-8 rounded-xl contact-card transition-all duration-300" data-aos="fade-up">
74
+ <div class="w-16 h-16 bg-blue-900 rounded-full flex items-center justify-center mb-6">
75
+ <i data-feather="map-pin" class="text-white w-8 h-8"></i>
76
+ </div>
77
+ <h3 class="text-2xl font-bold text-blue-900 mb-4">Our Office</h3>
78
+ <p class="text-gray-700">123 Legal Avenue<br>New York, NY 10001<br>United States</p>
79
+ </div>
80
+
81
+ <div class="bg-gray-50 p-8 rounded-xl contact-card transition-all duration-300" data-aos="fade-up" data-aos-delay="200">
82
+ <div class="w-16 h-16 bg-blue-900 rounded-full flex items-center justify-center mb-6">
83
+ <i data-feather="phone" class="text-white w-8 h-8"></i>
84
+ </div>
85
+ <h3 class="text-2xl font-bold text-blue-900 mb-4">Call Us</h3>
86
+ <p class="text-gray-700">Main: (555) 123-4567<br>Fax: (555) 123-4568<br>24/7 Support: (555) 123-4569</p>
87
+ </div>
88
+
89
+ <div class="bg-gray-50 p-8 rounded-xl contact-card transition-all duration-300" data-aos="fade-up" data-aos-delay="400">
90
+ <div class="w-16 h-16 bg-blue-900 rounded-full flex items-center justify-center mb-6">
91
+ <i data-feather="mail" class="text-white w-8 h-8"></i>
92
+ </div>
93
+ <h3 class="text-2xl font-bold text-blue-900 mb-4">Email Us</h3>
94
+ <p class="text-gray-700">General: info@justicelaw.com<br>Support: support@justicelaw.com<br>Legal: legal@justicelaw.com</p>
95
+ </div>
96
+ </div>
97
+
98
+ <div class="grid md:grid-cols-2 gap-12">
99
+ <div data-aos="fade-right">
100
+ <h3 class="text-3xl font-bold text-blue-900 mb-6">Send Us a Message</h3>
101
+ <form class="space-y-6">
102
+ <div class="grid md:grid-cols-2 gap-6">
103
+ <div>
104
+ <label class="block text-sm font-medium text-gray-700 mb-2">First Name</label>
105
+ <input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-900 focus:border-transparent">
106
+ </div>
107
+ <div>
108
+ <label class="block text-sm font-medium text-gray-700 mb-2">Last Name</label>
109
+ <input type="text" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-900 focus:border-transparent">
110
+ </div>
111
+ </div>
112
+ <div>
113
+ <label class="block text-sm font-medium text-gray-700 mb-2">Email</label>
114
+ <input type="email" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-900 focus:border-transparent">
115
+ </div>
116
+ <div>
117
+ <label class="block text-sm font-medium text-gray-700 mb-2">Phone</label>
118
+ <input type="tel" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-900 focus:border-transparent">
119
+ </div>
120
+ <div>
121
+ <label class="block text-sm font-medium text-gray-700 mb-2">Service Needed</label>
122
+ <select class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-900 focus:border-transparent">
123
+ <option>Select a service</option>
124
+ <option>Corporate Law</option>
125
+ <option>Real Estate</option>
126
+ <option>Family Law</option>
127
+ <option>Litigation</option>
128
+ <option>Other</option>
129
+ </select>
130
+ </div>
131
+ <div>
132
+ <label class="block text-sm font-medium text-gray-700 mb-2">Message</label>
133
+ <textarea rows="5" class="w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-900 focus:border-transparent"></textarea>
134
+ </div>
135
+ <button type="submit" class="w-full bg-amber-600 hover:bg-amber-700 text-white py-4 px-6 rounded-lg font-semibold transition-colors">
136
+ Send Message
137
+ </button>
138
+ </form>
139
+ </div>
140
+
141
+ <div data-aos="fade-left">
142
+ <h3 class="text-3xl font-bold text-blue-900 mb-6">Our Location</h3>
143
+ <div class="map-container mb-8">
144
+ <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.15830869428!2d-74.11976397304603!3d40.69766374874431!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY%2C%20USA!5e0!3m2!1sen!2s!4v1691234567890!5m2!1sen!2s" width="100%" height="100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
145
+ </div>
146
+ <div class="bg-gray-50 p-6 rounded-xl">
147
+ <h4 class="text-xl font-bold text-blue-900 mb-4">Office Hours</h4>
148
+ <ul class="space-y-2 text-gray-700">
149
+ <li class="flex justify-between">
150
+ <span>Monday - Friday</span>
151
+ <span>9:00 AM - 6:00 PM</span>
152
+ </li>
153
+ <li class="flex justify-between">
154
+ <span>Saturday</span>
155
+ <span>10:00 AM - 4:00 PM</span>
156
+ </li>
157
+ <li class="flex justify-between">
158
+ <span>Sunday</span>
159
+ <span>Closed</span>
160
+ </li>
161
+ </ul>
162
+ </div>
163
+ </div>
164
+ </div>
165
+ </div>
166
+ </section>
167
+
168
+ <!-- CTA Section -->
169
+ <section class="py-20 bg-blue-900 text-white">
170
+ <div class="container mx-auto px-6 text-center">
171
+ <h2 class="text-4xl font-bold mb-6" data-aos="fade-up">Need Immediate Legal Assistance?</h2>
172
+ <p class="text-xl mb-8 max-w-2xl mx-auto" data-aos="fade-up" data-aos-delay="200">
173
+ Our 24/7 legal support line is available for urgent matters.
174
+ </p>
175
+ <a href="tel:5551234569" class="bg-amber-600 hover:bg-amber-700 text-white px-8 py-4 rounded-lg font-semibold transition-colors inline-block" data-aos="fade-up" data-aos-delay="400">
176
+ Call Our Emergency Line
177
+ </a>
178
+ </div>
179
+ </section>
180
+
181
+ <!-- Footer -->
182
+ <footer class="bg-blue-900 text-white py-12">
183
+ <div class="container mx-auto px-6">
184
+ <div class="grid md:grid-cols-4 gap-8">
185
+ <div>
186
+ <h3 class="text-2xl font-bold mb-4">Justice<span class="text-amber-600">Law</span></h3>
187
+ <p class="text-gray-300">Providing exceptional legal services with integrity and excellence.</p>
188
+ </div>
189
+ <div>
190
+ <h4 class="text-lg font-semibold mb-4">Quick Links</h4>
191
+ <ul class="space-y-2">
192
+ <li><a href="index.html" class="text-gray-300 hover:text-amber-600 transition-colors">Home</a></li>
193
+ <li><a href="about.html" class="text-gray-300 hover:text-amber-600 transition-colors">About</a></li>
194
+ <li><a href="services.html" class="text-gray-300 hover:text-amber-600 transition-colors">Services</a></li>
195
+ <li><a href="contact.html" class="text-amber-600">Contact</a></li>
196
+ </ul>
197
+ </div>
198
+ <div>
199
+ <h4 class="text-lg font-semibold mb-4">Contact Info</h4>
200
+ <div class="space-y-2 text-gray-300">
201
+ <p>123 Legal Avenue</p>
202
+ <p>New York, NY 10001</p>
203
+ <p>info@justicelaw.com</p>
204
+ <p>(555) 123-4567</p>
205
+ </div>
206
+ </div>
207
+ <div>
208
+ <h4 class="text-lg font-semibold mb-4">Follow Us</h4>
209
+ <div class="flex space-x-4">
210
+ <a href="#" class="text-gray-300 hover:text-amber-600 transition-colors">
211
+ <i data-feather="facebook" class="w-6 h-6"></i>
212
+ </a>
213
+ <a href="#" class="text-gray-300 hover:text-amber-600 transition-colors">
214
+ <i data-feather="twitter" class="w-6 h-6"></i>
215
+ </a>
216
+ <a href="#" class="text-gray-300 hover:text-amber-600 transition-colors">
217
+ <i data-feather="linkedin" class="w-6 h-6"></i>
218
+ </a>
219
+ </div>
220
+ </div>
221
+ </div>
222
+ <div class="border-t border-gray-700 mt-8 pt-8 text-center text-gray-300">
223
+ <p>&copy; 2024 Justice Law Partners. All rights reserved.</p>
224
+ </div>
225
+ </div>
226
+ </footer>
227
+
228
+ <script>
229
+ AOS.init();
230
+ feather.replace();
231
+ </script>
232
+ </body>
233
+ </html>
index.html CHANGED
@@ -48,7 +48,7 @@
48
  <a href="index.html" class="text-blue-900 hover:text-amber-600 transition-colors">Home</a>
49
  <a href="about.html" class="text-blue-900 hover:text-amber-600 transition-colors">About</a>
50
  <a href="services.html" class="text-blue-900 hover:text-amber-600 transition-colors">Services</a>
51
- <a href="#contact" class="text-blue-900 hover:text-amber-600 transition-colors">Contact</a>
52
  </div>
53
 
54
  <button class="md:hidden text-blue-900">
@@ -269,7 +269,7 @@
269
  <li><a href="index.html" class="text-gray-300 hover:text-amber-600 transition-colors">Home</a></li>
270
  <li><a href="about.html" class="text-gray-300 hover:text-amber-600 transition-colors">About</a></li>
271
  <li><a href="services.html" class="text-gray-300 hover:text-amber-600 transition-colors">Services</a></li>
272
- <li><a href="#contact" class="text-gray-300 hover:text-amber-600 transition-colors">Contact</a></li>
273
  </ul>
274
  </div>
275
  <div>
 
48
  <a href="index.html" class="text-blue-900 hover:text-amber-600 transition-colors">Home</a>
49
  <a href="about.html" class="text-blue-900 hover:text-amber-600 transition-colors">About</a>
50
  <a href="services.html" class="text-blue-900 hover:text-amber-600 transition-colors">Services</a>
51
+ <a href="contact.html" class="text-blue-900 hover:text-amber-600 transition-colors">Contact</a>
52
  </div>
53
 
54
  <button class="md:hidden text-blue-900">
 
269
  <li><a href="index.html" class="text-gray-300 hover:text-amber-600 transition-colors">Home</a></li>
270
  <li><a href="about.html" class="text-gray-300 hover:text-amber-600 transition-colors">About</a></li>
271
  <li><a href="services.html" class="text-gray-300 hover:text-amber-600 transition-colors">Services</a></li>
272
+ <li><a href="contact.html" class="text-gray-300 hover:text-amber-600 transition-colors">Contact</a></li>
273
  </ul>
274
  </div>
275
  <div>
prompts.txt CHANGED
@@ -1 +1,10 @@
1
- Create a 3 pages site for lawyer firm.
 
 
 
 
 
 
 
 
 
 
1
+ Create a 3 pages site for lawyer firm.
2
+ Create a Contact page with map
3
+ Edit "Our Services" page. Enhance this tabs: Corporate Law
4
+ Real Estate
5
+ Family Law
6
+ Litigation
7
+ Create Setvices page with tabs: Corporate Law
8
+ Real Estate
9
+ Family Law
10
+ Litigation
services.html CHANGED
@@ -43,7 +43,7 @@
43
  <a href="index.html" class="text-blue-900 hover:text-amber-600 transition-colors">Home</a>
44
  <a href="about.html" class="text-blue-900 hover:text-amber-600 transition-colors">About</a>
45
  <a href="services.html" class="text-amber-600 font-semibold">Services</a>
46
- <a href="index.html#contact" class="text-blue-900 hover:text-amber-600 transition-colors">Contact</a>
47
  </div>
48
 
49
  <button class="md:hidden text-blue-900">
@@ -168,7 +168,7 @@
168
  <i data-feather="check" class="text-white w-4 h-4"></i>
169
  </div>
170
  <span class="text-lg">Title Examination & Insurance</span>
171
- </极>
172
  </div>
173
  </div>
174
  <div>
@@ -186,14 +186,14 @@
186
  We provide compassionate and effective legal representation in family law matters. Our approach combines legal expertise with understanding and sensitivity to help you navigate difficult personal situations.
187
  </p>
188
  <div class="space-y-4">
189
- <div class="极 items-start">
190
  <div class="w-6 h-6 bg-amber-600 rounded-full flex items-center justify-center mt-1 mr-4 flex-shrink-0">
191
  <i data-feather="check" class="text-white w-4 h-4"></i>
192
  </div>
193
  <span class="text-lg">Divorce & Separation</span>
194
  </div>
195
  <div class="flex items-start">
196
- <div class="w-6 h-6 bg-amber-极 rounded-full flex items-center justify-center mt-1 mr-4 flex-shrink-0">
197
  <i data-feather="check" class="text-white w-4 h-4"></i>
198
  </div>
199
  <span class="text-lg">Child Custody & Support</span>
@@ -211,7 +211,7 @@
211
  <span class="text-lg">Prenuptial Agreements</span>
212
  </div>
213
  <div class="flex items-start">
214
- <div class="w-6 h-6 bg-amber-600 rounded-full flex items-center justify-center mt-1 mr-4 flex-shrink-极">
215
  <i data-feather="check" class="text-white w-4 h-4"></i>
216
  </div>
217
  <span class="text-lg">Domestic Violence Protection</span>
@@ -241,7 +241,7 @@
241
  </div>
242
  <div class="flex items-start">
243
  <div class="w-6 h-6 bg-amber-600 rounded-full flex items-center justify-center mt-1 mr-4 flex-shrink-0">
244
- <i data-feather="check" class="text-white w-4 h-4"></极>
245
  </div>
246
  <span class="text-lg">Commercial Disputes</span>
247
  </div>
@@ -252,7 +252,7 @@
252
  <span class="text-lg">Personal Injury Claims</span>
253
  </div>
254
  <div class="flex items-start">
255
- <div class="w-6 h-6 bg-amber-600 rounded-full flex items-center justify-center mt-1 mr-4 flex极hrink-0">
256
  <i data-feather="check" class="text-white w-4 h-4"></i>
257
  </div>
258
  <span class="text-lg">Appellate Practice</span>
@@ -346,11 +346,11 @@
346
  <li><a href="index.html" class="text-gray-300 hover:text-amber-600 transition-colors">Home</a></li>
347
  <li><a href="about.html" class="text-gray-300 hover:text-amber-600 transition-colors">About</a></li>
348
  <li><a href="services.html" class="text-amber-600">Services</a></li>
349
- <li><a href="index.html#contact" class="text-gray-300 hover:text-amber-600 transition-colors">Contact</a></li>
350
  </ul>
351
  </div>
352
  <div>
353
- <h4 class="text-lg font-semib极 mb-4">Contact Info</h4>
354
  <div class="space-y-2 text-gray-300">
355
  <p>123 Legal Avenue</p>
356
  <p>New York, NY 10001</p>
@@ -405,4 +405,4 @@
405
  });
406
  </script>
407
  </body>
408
- </html>
 
43
  <a href="index.html" class="text-blue-900 hover:text-amber-600 transition-colors">Home</a>
44
  <a href="about.html" class="text-blue-900 hover:text-amber-600 transition-colors">About</a>
45
  <a href="services.html" class="text-amber-600 font-semibold">Services</a>
46
+ <a href="contact.html" class="text-blue-900 hover:text-amber-600 transition-colors">Contact</a>
47
  </div>
48
 
49
  <button class="md:hidden text-blue-900">
 
168
  <i data-feather="check" class="text-white w-4 h-4"></i>
169
  </div>
170
  <span class="text-lg">Title Examination & Insurance</span>
171
+ </div>
172
  </div>
173
  </div>
174
  <div>
 
186
  We provide compassionate and effective legal representation in family law matters. Our approach combines legal expertise with understanding and sensitivity to help you navigate difficult personal situations.
187
  </p>
188
  <div class="space-y-4">
189
+ <div class="flex items-start">
190
  <div class="w-6 h-6 bg-amber-600 rounded-full flex items-center justify-center mt-1 mr-4 flex-shrink-0">
191
  <i data-feather="check" class="text-white w-4 h-4"></i>
192
  </div>
193
  <span class="text-lg">Divorce & Separation</span>
194
  </div>
195
  <div class="flex items-start">
196
+ <div class="w-6 h-6 bg-amber-600 rounded-full flex items-center justify-center mt-1 mr-4 flex-shrink-0">
197
  <i data-feather="check" class="text-white w-4 h-4"></i>
198
  </div>
199
  <span class="text-lg">Child Custody & Support</span>
 
211
  <span class="text-lg">Prenuptial Agreements</span>
212
  </div>
213
  <div class="flex items-start">
214
+ <div class="w-6 h-6 bg-amber-600 rounded-full flex items-center justify-center mt-1 mr-4 flex-shrink-0">
215
  <i data-feather="check" class="text-white w-4 h-4"></i>
216
  </div>
217
  <span class="text-lg">Domestic Violence Protection</span>
 
241
  </div>
242
  <div class="flex items-start">
243
  <div class="w-6 h-6 bg-amber-600 rounded-full flex items-center justify-center mt-1 mr-4 flex-shrink-0">
244
+ <i data-feather="check" class="text-white w-4 h-4"></i>
245
  </div>
246
  <span class="text-lg">Commercial Disputes</span>
247
  </div>
 
252
  <span class="text-lg">Personal Injury Claims</span>
253
  </div>
254
  <div class="flex items-start">
255
+ <div class="w-6 h-6 bg-amber-600 rounded-full flex items-center justify-center mt-1 mr-4 flex-shrink-0">
256
  <i data-feather="check" class="text-white w-4 h-4"></i>
257
  </div>
258
  <span class="text-lg">Appellate Practice</span>
 
346
  <li><a href="index.html" class="text-gray-300 hover:text-amber-600 transition-colors">Home</a></li>
347
  <li><a href="about.html" class="text-gray-300 hover:text-amber-600 transition-colors">About</a></li>
348
  <li><a href="services.html" class="text-amber-600">Services</a></li>
349
+ <li><a href="contact.html" class="text-gray-300 hover:text-amber-600 transition-colors">Contact</a></li>
350
  </ul>
351
  </div>
352
  <div>
353
+ <h4 class="text-lg font-semibold mb-4">Contact Info</h4>
354
  <div class="space-y-2 text-gray-300">
355
  <p>123 Legal Avenue</p>
356
  <p>New York, NY 10001</p>
 
405
  });
406
  </script>
407
  </body>
408
+ </html>