| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>Johnathan Blackwood | Experienced Legal Counsel</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> |
| .hero-gradient { |
| background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%); |
| } |
| .service-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); |
| } |
| .testimonial-card { |
| transition: all 0.3s ease; |
| } |
| .testimonial-card:hover { |
| transform: scale(1.02); |
| } |
| .resume-btn { |
| transition: all 0.3s ease; |
| } |
| .resume-btn:hover { |
| transform: translateY(-2px); |
| box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); |
| } |
| .language-btn { |
| transition: all 0.2s ease; |
| } |
| .language-btn:hover { |
| transform: scale(1.05); |
| box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); |
| } |
| </style> |
| </head> |
| <body class="font-sans antialiased text-gray-800"> |
| |
| <div class="fixed top-4 right-4 z-50"> |
| <button onclick="translateToItalian()" class="language-btn bg-white border border-gray-300 text-gray-700 px-4 py-2 rounded-full shadow-md flex items-center hover:bg-gray-50"> |
| <i class="fas fa-language mr-2"></i> |
| <span id="language-text">Italiano</span> |
| </button> |
| </div> |
|
|
| |
| <nav class="bg-white shadow-lg sticky top-0 z-40"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="flex justify-between h-20 items-center"> |
| <div class="flex-shrink-0 flex items-center"> |
| <div class="flex items-center"> |
| <i class="fas fa-balance-scale text-blue-600 text-3xl mr-2"></i> |
| <span class="text-xl font-bold text-gray-900" id="nav-brand">Blackwood Legal</span> |
| </div> |
| </div> |
| <div class="hidden md:block"> |
| <div class="ml-10 flex items-center space-x-4"> |
| <a href="#services" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-100" id="nav-services">Services</a> |
| <a href="#about" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-100" id="nav-about">About</a> |
| <a href="#testimonials" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-100" id="nav-testimonials">Testimonials</a> |
| <a href="#contact" class="px-3 py-2 rounded-md text-sm font-medium text-gray-700 hover:text-blue-600 hover:bg-gray-100" id="nav-contact">Contact</a> |
| <a href="#resume" class="px-4 py-2 bg-blue-600 text-white rounded-md text-sm font-medium hover:bg-blue-700 transition duration-300" id="nav-resume">Download Resume</a> |
| </div> |
| </div> |
| <div class="md:hidden"> |
| <button type="button" class="inline-flex items-center justify-center p-2 rounded-md text-gray-700 hover:text-blue-600 hover:bg-gray-100 focus:outline-none" aria-controls="mobile-menu" aria-expanded="false"> |
| <span class="sr-only">Open main menu</span> |
| <i class="fas fa-bars text-xl"></i> |
| </button> |
| </div> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <div class="hero-gradient text-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-24"> |
| <div class="md:flex items-center"> |
| <div class="md:w-1/2 mb-12 md:mb-0"> |
| <h1 class="text-4xl md:text-5xl font-bold leading-tight mb-6" id="hero-title">Johnathan Blackwood, Esq.</h1> |
| <h2 class="text-2xl md:text-3xl font-semibold mb-6" id="hero-subtitle">Experienced Legal Counsel You Can Trust</h2> |
| <p class="text-lg mb-8 opacity-90" id="hero-description">With over 15 years of experience in corporate and civil litigation, I provide strategic legal solutions tailored to your unique needs. Protecting your rights and interests is my top priority.</p> |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> |
| <a href="#contact" class="bg-white text-blue-600 px-8 py-3 rounded-md font-semibold text-center hover:bg-gray-100 transition duration-300" id="hero-consultation">Schedule Consultation</a> |
| <a href="#resume" class="border-2 border-white px-8 py-3 rounded-md font-semibold text-center hover:bg-white hover:text-blue-600 transition duration-300" id="hero-resume">Download Resume</a> |
| </div> |
| </div> |
| <div class="md:w-1/2 flex justify-center"> |
| <div class="relative"> |
| <div class="w-64 h-64 md:w-80 md:h-80 bg-white rounded-full overflow-hidden shadow-2xl border-4 border-white"> |
| <img src="https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=800&q=80" alt="Johnathan Blackwood" class="w-full h-full object-cover"> |
| </div> |
| <div class="absolute -bottom-6 -right-6 bg-blue-800 text-white px-6 py-2 rounded-full shadow-lg"> |
| <span class="font-bold" id="experience-years">15+ Years</span> <span id="experience-text">Experience</span> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div class="bg-gray-50 py-12"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="grid grid-cols-2 md:grid-cols-4 gap-8 text-center"> |
| <div> |
| <div class="text-3xl font-bold text-blue-600 mb-2">250+</div> |
| <div class="text-gray-600" id="trust-cases">Cases Handled</div> |
| </div> |
| <div> |
| <div class="text-3xl font-bold text-blue-600 mb-2">98%</div> |
| <div class="text-gray-600" id="trust-success">Success Rate</div> |
| </div> |
| <div> |
| <div class="text-3xl font-bold text-blue-600 mb-2">15</div> |
| <div class="text-gray-600" id="trust-experience">Years Experience</div> |
| </div> |
| <div> |
| <div class="text-3xl font-bold text-blue-600 mb-2">500+</div> |
| <div class="text-gray-600" id="trust-clients">Satisfied Clients</div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="services" class="py-20 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl font-bold text-gray-900 mb-4" id="services-title">Legal Services</h2> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto" id="services-description">Comprehensive legal solutions tailored to your specific needs and circumstances.</p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300"> |
| <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> |
| <i class="fas fa-gavel text-blue-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3" id="service1-title">Litigation</h3> |
| <p class="text-gray-600 mb-4" id="service1-description">Expert representation in civil and commercial litigation matters, from pre-trial through appeals.</p> |
| <ul class="space-y-2 text-gray-600"> |
| <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service1-item1">Contract disputes</span></li> |
| <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service1-item2">Business torts</span></li> |
| <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service1-item3">Employment litigation</span></li> |
| </ul> |
| </div> |
| |
| |
| <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300"> |
| <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> |
| <i class="fas fa-handshake text-blue-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3" id="service2-title">Corporate Law</h3> |
| <p class="text-gray-600 mb-4" id="service2-description">Strategic counsel for business formation, transactions, compliance, and governance.</p> |
| <ul class="space-y-2 text-gray-600"> |
| <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service2-item1">Entity formation</span></li> |
| <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service2-item2">Mergers & acquisitions</span></li> |
| <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service2-item3">Contract drafting</span></li> |
| </ul> |
| </div> |
| |
| |
| <div class="service-card bg-white rounded-lg shadow-md p-8 transition duration-300"> |
| <div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mb-6"> |
| <i class="fas fa-home text-blue-600 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-bold text-gray-900 mb-3" id="service3-title">Real Estate</h3> |
| <p class="text-gray-600 mb-4" id="service3-description">Comprehensive real estate legal services for residential and commercial properties.</p> |
| <ul class="space-y-2 text-gray-600"> |
| <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service3-item1">Purchase agreements</span></li> |
| <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service3-item2">Lease negotiations</span></li> |
| <li class="flex items-center"><i class="fas fa-check text-blue-500 mr-2 text-sm"></i> <span id="service3-item3">Title disputes</span></li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="about" class="py-20 bg-gray-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="lg:flex items-center"> |
| <div class="lg:w-1/2 mb-12 lg:mb-0 lg:pr-12"> |
| <h2 class="text-3xl font-bold text-gray-900 mb-6" id="about-title">About Johnathan Blackwood</h2> |
| <p class="text-lg text-gray-600 mb-6" id="about-description">A dedicated legal professional with a proven track record of success in complex litigation and corporate matters. My approach combines rigorous legal analysis with practical business acumen to deliver optimal results for clients.</p> |
| |
| <div class="space-y-4"> |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 mt-1"> |
| <i class="fas fa-university text-blue-500"></i> |
| </div> |
| <div class="ml-3"> |
| <h4 class="text-lg font-semibold text-gray-900" id="about-education-title">Education</h4> |
| <p class="text-gray-600" id="about-education">Juris Doctor, Harvard Law School<br>Bachelor of Arts in Political Science, Yale University</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 mt-1"> |
| <i class="fas fa-award text-blue-500"></i> |
| </div> |
| <div class="ml-3"> |
| <h4 class="text-lg font-semibold text-gray-900" id="about-recognition-title">Recognition</h4> |
| <p class="text-gray-600" id="about-recognition">Super Lawyers® (2018-2023)<br>Best Lawyers in America® (2020-2023)<br>AV Preeminent® Rating by Martindale-Hubbell®</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 mt-1"> |
| <i class="fas fa-users text-blue-500"></i> |
| </div> |
| <div class="ml-3"> |
| <h4 class="text-lg font-semibold text-gray-900" id="about-affiliations-title">Affiliations</h4> |
| <p class="text-gray-600" id="about-affiliations">American Bar Association<br>State Bar Association<br>Federal Bar Association</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="lg:w-1/2"> |
| <div class="bg-white p-8 rounded-lg shadow-lg"> |
| <h3 class="text-xl font-bold text-gray-900 mb-6" id="why-choose-title">Why Choose My Services?</h3> |
| |
| <div class="space-y-6"> |
| <div class="flex"> |
| <div class="flex-shrink-0"> |
| <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600"> |
| <i class="fas fa-bullseye"></i> |
| </div> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-medium text-gray-900" id="why1-title">Strategic Approach</h4> |
| <p class="mt-1 text-gray-600" id="why1-description">Every case receives a customized strategy designed to achieve your specific objectives efficiently.</p> |
| </div> |
| </div> |
| |
| <div class="flex"> |
| <div class="flex-shrink-0"> |
| <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600"> |
| <i class="fas fa-chart-line"></i> |
| </div> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-medium text-gray-900" id="why2-title">Results-Driven</h4> |
| <p class="mt-1 text-gray-600" id="why2-description">With a 98% success rate, my focus is on delivering tangible results that matter to you.</p> |
| </div> |
| </div> |
| |
| <div class="flex"> |
| <div class="flex-shrink-0"> |
| <div class="flex items-center justify-center h-10 w-10 rounded-md bg-blue-100 text-blue-600"> |
| <i class="fas fa-headset"></i> |
| </div> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-medium text-gray-900" id="why3-title">Client-Centered</h4> |
| <p class="mt-1 text-gray-600" id="why3-description">You'll receive personalized attention and regular updates about your case's progress.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="testimonials" class="py-20 bg-white"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl font-bold text-gray-900 mb-4" id="testimonials-title">Client Testimonials</h2> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto" id="testimonials-description">Don't just take our word for it. Here's what our clients say about our services.</p> |
| </div> |
| |
| <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> |
| |
| <div class="testimonial-card bg-gray-50 p-8 rounded-lg"> |
| <div class="flex items-center mb-4"> |
| <div class="flex-shrink-0"> |
| <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/women/32.jpg" alt="Sarah Johnson"> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-medium text-gray-900">Sarah Johnson</h4> |
| <p class="text-gray-600">CEO, TechStart Inc.</p> |
| </div> |
| </div> |
| <div class="text-gray-600 mb-4"> |
| <i class="fas fa-quote-left text-blue-200 mr-2"></i> |
| <span id="testimonial1-text">Johnathan's expertise in our merger negotiations was invaluable. He anticipated every challenge and secured terms that exceeded our expectations. His attention to detail and strategic thinking made all the difference.</span> |
| </div> |
| <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> |
| </div> |
| |
| |
| <div class="testimonial-card bg-gray-50 p-8 rounded-lg"> |
| <div class="flex items-center mb-4"> |
| <div class="flex-shrink-0"> |
| <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/men/43.jpg" alt="Michael Chen"> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-medium text-gray-900">Michael Chen</h4> |
| <p class="text-gray-600">Founder, Urban Properties</p> |
| </div> |
| </div> |
| <div class="text-gray-600 mb-4"> |
| <i class="fas fa-quote-left text-blue-200 mr-2"></i> |
| <span id="testimonial2-text">When we faced a complex real estate litigation, Johnathan guided us through every step with clarity and confidence. His courtroom presence is formidable, and he achieved a settlement that protected all our interests.</span> |
| </div> |
| <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> |
| </div> |
| |
| |
| <div class="testimonial-card bg-gray-50 p-8 rounded-lg"> |
| <div class="flex items-center mb-4"> |
| <div class="flex-shrink-0"> |
| <img class="h-10 w-10 rounded-full" src="https://randomuser.me/api/portraits/women/65.jpg" alt="Emily Rodriguez"> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-medium text-gray-900">Emily Rodriguez</h4> |
| <p class="text-gray-600">Director, HealthPlus</p> |
| </div> |
| </div> |
| <div class="text-gray-600 mb-4"> |
| <i class="fas fa-quote-left text-blue-200 mr-2"></i> |
| <span id="testimonial3-text">Working with Johnathan on our corporate restructuring was a game-changer. He combines deep legal knowledge with practical business insight. What impressed me most was his ability to explain complex legal concepts in simple terms.</span> |
| </div> |
| <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> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <div id="contact" class="py-20 bg-gray-50"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="text-center mb-16"> |
| <h2 class="text-3xl font-bold text-gray-900 mb-4" id="contact-title">Contact Us</h2> |
| <p class="text-lg text-gray-600 max-w-3xl mx-auto" id="contact-description">Ready to discuss your legal needs? Get in touch for a consultation.</p> |
| </div> |
| |
| <div class="bg-white rounded-lg shadow-lg overflow-hidden"> |
| <div class="md:flex"> |
| <div class="md:w-1/2 bg-blue-600 text-white p-12"> |
| <h3 class="text-2xl font-bold mb-6" id="contact-info-title">Contact Information</h3> |
| <div class="space-y-6"> |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 mt-1"> |
| <i class="fas fa-map-marker-alt"></i> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-semibold" id="address-title">Address</h4> |
| <p class="mt-1" id="address-text">123 Legal Avenue, Suite 500<br>New York, NY 10001</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 mt-1"> |
| <i class="fas fa-phone"></i> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-semibold" id="phone-title">Phone</h4> |
| <p class="mt-1" id="phone-text">(212) 555-1234</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 mt-1"> |
| <i class="fas fa-envelope"></i> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-semibold" id="email-title">Email</h4> |
| <p class="mt-1" id="email-text">info@blackwoodlegal.com</p> |
| </div> |
| </div> |
| |
| <div class="flex items-start"> |
| <div class="flex-shrink-0 mt-1"> |
| <i class="fas fa-clock"></i> |
| </div> |
| <div class="ml-4"> |
| <h4 class="text-lg font-semibold" id="hours-title">Hours</h4> |
| <p class="mt-1" id="hours-text">Monday - Friday: 9am - 6pm<br>Saturday: By appointment</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <div class="md:w-1/2 p-12"> |
| <form> |
| <div class="mb-6"> |
| <label for="name" class="block text-gray-700 font-medium mb-2" id="form-name">Name</label> |
| <input type="text" id="name" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| </div> |
| |
| <div class="mb-6"> |
| <label for="email" class="block text-gray-700 font-medium mb-2" id="form-email">Email</label> |
| <input type="email" id="email" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| </div> |
| |
| <div class="mb-6"> |
| <label for="phone" class="block text-gray-700 font-medium mb-2" id="form-phone">Phone</label> |
| <input type="tel" id="phone" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| </div> |
| |
| <div class="mb-6"> |
| <label for="subject" class="block text-gray-700 font-medium mb-2" id="form-subject">Subject</label> |
| <select id="subject" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"> |
| <option value="" id="form-select-default">Select a subject</option> |
| <option value="litigation" id="form-select-litigation">Litigation</option> |
| <option value="corporate" id="form-select-corporate">Corporate Law</option> |
| <option value="real-estate" id="form-select-realestate">Real Estate</option> |
| <option value="other" id="form-select-other">Other</option> |
| </select> |
| </div> |
| |
| <div class="mb-6"> |
| <label for="message" class="block text-gray-700 font-medium mb-2" id="form-message">Message</label> |
| <textarea id="message" rows="4" class="w-full px-4 py-3 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"></textarea> |
| </div> |
| |
| <button type="submit" class="w-full bg-blue-600 text-white px-6 py-3 rounded-md font-semibold hover:bg-blue-700 transition duration-300" id="form-submit">Send Message</button> |
| </form> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
|
|
| |
| <footer class="bg-gray-900 text-white py-12"> |
| <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> |
| <div class="md:flex md:justify-between"> |
| <div class="mb-8 md:mb-0"> |
| <div class="flex items-center"> |
| <i class="fas fa-balance-scale text-blue-400 text-3xl mr-2"></i> |
| <span class="text-xl font-bold" id="footer-brand">Blackwood Legal</span> |
| </div> |
| <p class="mt-4 text-gray-400 max-w-xs" id="footer-mission">Providing exceptional legal services with integrity and dedication.</p> |
| </div> |
| |
| <div class="grid grid-cols-2 md:grid-cols-3 gap-8"> |
| <div> |
| <h3 class="text-lg font-semibold mb-4" id="footer-links-title">Quick Links</h3> |
| <ul class="space-y-2"> |
| <li><a href="#services" class="text-gray-400 hover:text-white" id="footer-link-services">Services</a></li> |
| <li><a href="#about" class="text-gray-400 hover:text-white" id="footer-link-about">About</a></li> |
| <li><a href="#testimonials" class="text-gray-400 hover:text-white" id="footer-link-testimonials">Testimonials</a></li> |
| <li><a href="#contact" class="text-gray-400 hover:text-white" id="footer-link-contact">Contact</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-semibold mb-4" id="footer-services-title">Services</h3> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white" id="footer-service-litigation">Litigation</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white" id="footer-service-corporate">Corporate Law</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white" id="footer-service-realestate">Real Estate</a></li> |
| </ul> |
| </div> |
| |
| <div> |
| <h3 class="text-lg font-semibold mb-4" id="footer-connect-title">Connect</h3> |
| <div class="flex space-x-4"> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <i class="fab fa-linkedin text-xl"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <i class="fab fa-twitter text-xl"></i> |
| </a> |
| <a href="#" class="text-gray-400 hover:text-white"> |
| <i class="fab fa-facebook text-xl"></i> |
| </a> |
| </div> |
| <p class="mt-4 text-gray-400" id="footer-copyright">© 2023 Blackwood Legal. All rights reserved.</p> |
| </div> |
| </div> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| const translations = { |
| en: { |
| languageText: "Italiano", |
| navBrand: "Blackwood Legal", |
| navServices: "Services", |
| navAbout: "About", |
| navTestimonials: "Testimonials", |
| navContact: "Contact", |
| navResume: "Download Resume", |
| heroTitle: "Johnathan Blackwood, Esq.", |
| heroSubtitle: "Experienced Legal Counsel You Can Trust", |
| heroDescription: "With over 15 years of experience in corporate and civil litigation, I provide strategic legal solutions tailored to your unique needs. Protecting your rights and interests is my top priority.", |
| heroConsultation: "Schedule Consultation", |
| heroResume: "Download Resume", |
| experienceYears: "15+ Years", |
| experienceText: "Experience", |
| trustCases: "Cases Handled", |
| trustSuccess: "Success Rate", |
| trustExperience: "Years Experience", |
| trustClients: "Satisfied Clients", |
| servicesTitle: "Legal Services", |
| servicesDescription: "Comprehensive legal solutions tailored to your specific needs and circumstances.", |
| service1Title: "Litigation", |
| service1Description: "Expert representation in civil and commercial litigation matters, from pre-trial through appeals.", |
| service1Item1: "Contract disputes", |
| service1Item2: "Business torts", |
| service1Item3: "Employment litigation", |
| service2Title: "Corporate Law", |
| service2Description: "Strategic counsel for business formation, transactions, compliance, and governance.", |
| service2Item1: "Entity formation", |
| service2Item2: "Mergers & acquisitions", |
| service2Item3: "Contract drafting", |
| service3Title: "Real Estate", |
| service3Description: "Comprehensive real estate legal services for residential and commercial properties.", |
| service3Item1: "Purchase agreements", |
| service3Item2: "Lease negotiations", |
| service3Item3: "Title disputes", |
| aboutTitle: "About Johnathan Blackwood", |
| aboutDescription: "A dedicated legal professional with a proven track record of success in complex litigation and corporate matters. My approach combines rigorous legal analysis with practical business acumen to deliver optimal results for clients.", |
| aboutEducationTitle: "Education", |
| aboutEducation: "Juris Doctor, Harvard Law School<br>Bachelor of Arts in Political Science, Yale University", |
| aboutRecognitionTitle: "Recognition", |
| aboutRecognition: "Super Lawyers® (2018-2023)<br>Best Lawyers in America® (2020-2023)<br>AV Preeminent® Rating by Martindale-Hubbell®", |
| aboutAffiliationsTitle: "Affiliations", |
| aboutAffiliations: "American Bar Association<br>State Bar Association<br>Federal Bar Association", |
| whyChooseTitle: "Why Choose My Services?", |
| why1Title: "Strategic Approach", |
| why1Description: "Every case receives a customized strategy designed to achieve your specific objectives efficiently.", |
| why2Title: "Results-Driven", |
| why2Description: "With a 98% success rate, my focus is on delivering tangible results that matter to you.", |
| why3Title: "Client-Centered", |
| why3Description: "You'll receive personalized attention and regular updates about your case's progress.", |
| testimonialsTitle: "Client Testimonials", |
| testimonialsDescription: "Don't just take our word for it. Here's what our clients say about our services.", |
| testimonial1Text: "Johnathan's expertise in our merger negotiations was invaluable. He anticipated every challenge and secured terms that exceeded our expectations. His attention to detail and strategic thinking made all the difference.", |
| testimonial2Text: "When we faced a complex real estate litigation, Johnathan guided us through every step with clarity and confidence. His courtroom presence is formidable, and he achieved a settlement that protected all our interests.", |
| testimonial3Text: "Working with Johnathan on our corporate restructuring was a game-changer. He combines deep legal knowledge with practical business insight. What impressed me most was his ability to explain complex legal concepts in simple terms.", |
| contactTitle: "Contact Us", |
| contactDescription: "Ready to discuss your legal needs? Get in touch for a consultation.", |
| contactInfoTitle: "Contact Information", |
| addressTitle: "Address", |
| addressText: "123 Legal Avenue, Suite 500<br>New York, NY 10001", |
| phoneTitle: "Phone", |
| phoneText: "(212) 555-1234", |
| emailTitle: "Email", |
| emailText: "info@blackwoodlegal.com", |
| hoursTitle: "Hours", |
| hoursText: "Monday - Friday: 9am - 6pm<br>Saturday: By appointment", |
| formName: "Name", |
| formEmail: "Email", |
| formPhone: "Phone", |
| formSubject: "Subject", |
| formSelectDefault: "Select a subject", |
| formSelectLitigation: "Litigation", |
| formSelectCorporate: "Corporate Law", |
| formSelectRealestate: "Real Estate", |
| formSelectOther: "Other", |
| formMessage: "Message", |
| formSubmit: "Send Message", |
| footerBrand: "Blackwood Legal", |
| footerMission: "Providing exceptional legal services with integrity and dedication.", |
| footerLinksTitle: "Quick Links", |
| footerLinkServices: "Services", |
| footerLinkAbout: "About", |
| footerLinkTestimonials: "Testimonials", |
| footerLinkContact: "Contact", |
| footerServicesTitle: "Services", |
| footerServiceLitigation: "Litigation", |
| footerServiceCorporate: "Corporate Law", |
| footerServiceRealestate: "Real Estate", |
| footerConnectTitle: "Connect", |
| footerCopyright: "© 2023 Blackwood Legal. All rights reserved." |
| }, |
| it: { |
| languageText: "English", |
| navBrand: "Blackwood Legal", |
| navServices: "Servizi", |
| navAbout: "Chi Sono", |
| navTestimonials: "Testimonianze", |
| navContact: "Contatti", |
| navResume: "Scarica CV", |
| heroTitle: "Johnathan Blackwood, Avv.", |
| heroSubtitle: "Consulente Legale Esperto di Fiducia", |
| heroDescription: "Con oltre 15 anni di esperienza in controversie civili e societarie, offro soluzioni legali strategiche su misura per le tue esigenze. Proteggere i tuoi diritti e interessi è la mia priorità assoluta.", |
| heroConsultation: "Prenota Consulto", |
| heroResume: "Scarica CV", |
| experienceYears: "15+ Anni", |
| experienceText: "Esperienza", |
| trustCases: "Casi Gestiti", |
| trustSuccess: "Tasso di Successo", |
| trustExperience: "Anni Esperienza", |
| trustClients: "Clienti Soddisfatti", |
| servicesTitle: "Servizi Legali", |
| servicesDescription: "Soluzioni legali complete personalizzate per le tue specifiche esigenze.", |
| service1Title: "Contenzioso", |
| service1Description: "Rappresentanza esperta in materia di controversie civili e commerciali, dalla fase pre-processuale agli appelli.", |
| service1Item1: "Controversie contrattuali", |
| service1Item2: "Illeciti societari", |
| service1Item3: "Contenzioso lavorativo", |
| service2Title: "Diritto Societario", |
| service2Description: "Consulenza strategica per costituzione di società, operazioni, conformità e governance.", |
| service2Item1: "Costituzione società", |
| service2Item2: "Fusioni & acquisizioni", |
| service2Item3: "Redazione contratti", |
| service3Title: "Diritto Immobiliare", |
| service3Description: "Servizi legali completi per immobili residenziali e commerciali.", |
| service3Item1: "Contratti di acquisto", |
| service3Item2: "Negoziazioni locazioni", |
| service3Item3: "Controversie titoli", |
| aboutTitle: "Su Johnathan Blackwood", |
| aboutDescription: "Professionista legale dedicato con comprovata esperienza in controversie complesse e questioni societarie. Il mio approccio combina rigorosa analisi legale con competenze pratiche per ottenere risultati ottimali per i clienti.", |
| aboutEducationTitle: "Formazione", |
| aboutEducation: "Laurea in Giurisprudenza, Harvard Law School<br>Laurea in Scienze Politiche, Yale University", |
| aboutRecognitionTitle: "Riconoscimenti", |
| aboutRecognition: "Super Lawyers® (2018-2023)<br>Best Lawyers in America® (2020-2023)<br>Valutazione AV Preeminent® di Martindale-Hubbell®", |
| aboutAffiliationsTitle: "Affiliazioni", |
| aboutAffiliations: "American Bar Association<br>Ordine degli Avvocati<br>Federal Bar Association", |
| whyChooseTitle: "Perché Scegliere i Miei Servizi?", |
| why1Title: "Approccio Strategico", |
| why1Description: "Ogni caso riceve una strategia personalizzata per raggiungere i tuoi obiettivi in modo efficiente.", |
| why2Title: "Orientato ai Risultati", |
| why2Description: "Con un tasso di successo del 98%, mi concentro sul raggiungimento di risultati tangibili per te.", |
| why3Title: "Centrato sul Cliente", |
| why3Description: "Riceverai attenzione personalizzata e aggiornamenti regolari sull'avanzamento del tuo caso.", |
| testimonialsTitle: "Testimonianze Clienti", |
| testimonialsDescription: "Non crederci solo sulla parola. Ecco cosa dicono i nostri clienti sui nostri servizi.", |
| testimonial1Text: "L'esperienza di Johnathan nelle nostre trattative di fusione è stata inestimabile. Ha anticipato ogni sfida e ottenuto condizioni che hanno superato le nostre aspettative. La sua attenzione ai dettagli e il pensiero strategico hanno fatto la differenza.", |
| testimonial2Text: "Quando abbiamo affrontato un complesso contenzioso immobiliare, Johnathan ci ha guidato passo dopo passo con chiarezza e sicurezza. La sua presenza in aula è formidabile e ha ottenuto un accordo che proteggeva tutti i nostri interessi.", |
| testimonial3Text: "Lavorare con Johnathan sulla nostra ristrutturazione societaria è stato rivoluzionario. Combina una profonda conoscenza legale con intuizioni pratiche. Ciò che mi ha colpito di più è stata la sua capacità di spiegare concetti legali complessi in termini semplici.", |
| contactTitle: "Contattaci", |
| contactDescription: "Pronto a discutere delle tue esigenze legali? Mettiti in contatto per una consulenza.", |
| contactInfoTitle: "Informazioni di Contatto", |
| addressTitle: "Indirizzo", |
| addressText: "123 Legal Avenue, Suite 500<br>New York, NY 10001", |
| phoneTitle: "Telefono", |
| phoneText: "(212) 555-1234", |
| emailTitle: "Email", |
| emailText: "info@blackwoodlegal.com", |
| hoursTitle: "Orari", |
| hoursText: "Lunedì - Venerdì: 9:00 - 18:00<br>Sabato: Su appuntamento", |
| formName: "Nome", |
| formEmail: "Email", |
| formPhone: "Telefono", |
| formSubject: "Oggetto", |
| formSelectDefault: "Seleziona un oggetto", |
| formSelectLitigation: "Contenzioso", |
| formSelectCorporate: "Diritto Societario", |
| formSelectRealestate: "Diritto Immobiliare", |
| formSelectOther: "Altro", |
| formMessage: "Messaggio", |
| formSubmit: "Invia Messaggio", |
| footerBrand: "Blackwood Legal", |
| footerMission: "Forniamo servizi legali eccezionali con integrità e dedizione.", |
| footerLinksTitle: "Link Rapidi", |
| footerLinkServices: "Servizi", |
| footerLinkAbout: "Chi Sono", |
| footerLinkTestimonials: "Testimonianze", |
| footerLinkContact: "Contatti", |
| footerServicesTitle: "Servizi", |
| footerServiceLitigation: "Contenzioso", |
| footerServiceCorporate: "Diritto Societario", |
| footerServiceRealestate: "Diritto Immobiliare", |
| footerConnectTitle: "Connettiti", |
| footerCopyright: "© 2023 Blackwood Legal. Tutti i diritti riservati." |
| } |
| }; |
| |
| let currentLanguage = 'en'; |
| |
| function translateToItalian() { |
| currentLanguage = currentLanguage === 'en' ? 'it' : 'en'; |
| updateContent(); |
| } |
| |
| function updateContent() { |
| const langData = translations[currentLanguage]; |
| |
| |
| Object.keys(langData).forEach(key => { |
| const element = document.getElementById(key); |
| if (element) { |
| if (key.includes('Description') || key.includes('Text') || |
| key.includes('Address') || key.includes('Education') || |
| key.includes('Recognition') || key.includes('Affiliations') || |
| key.includes('Hours') || key.includes('Copyright') || |
| key.includes('Mission') || key.includes('Testimonial')) { |
| |
| element.innerHTML = langData[key]; |
| } else { |
| |
| element.textContent = langData[key]; |
| } |
| } |
| }); |
| } |
| </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=tinolin/coco3" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
| </html> |
